:root{--ink: #14233A;--ink-soft: #42536B;--paper: #E9EDF2;--card: #F7F9FB;--line: #CBD5E1;--line-soft: #E2E8F0;--amber: #E0890A;--amber-d: #C0740A;--amber-t: #FBEBCF;--amber-tt: #FDF4E4;--teal: #12A594;--teal-d: #0E8174;--teal-t: #CFF3EC;--teal-tt: #E7F8F4;--indigo: #5B5BD6;--indigo-d: #4A4AC4;--indigo-t: #DEDEFA;--indigo-tt: #EEEEFC;--slate: #6B7A8D;--slate-d: #54626F;--slate-t: #E4E9EE;--slate-tt: #EEF1F4;--coral: #E5484D;--coral-d: #CE3B40;--coral-t: #FBDAD9;--coral-tt: #FDEBEA;--dark-bg-deep: #0E1B2C;--dark-bg: #14233A;--dark-line: #22344B;--dark-line-soft: #3A4E68;--dark-text: #B9C6D6;--dark-text-soft: #9FB0C6;--dark-muted: #7C8DA3;--dark-accent: #8BE0D3;--muted-placeholder: #AEB8C4;--muted-tab: #B0BAC7;--muted-faint: #9AA6B4;--muted-wheel-dim: #C4CCD6;--font-display: "Space Grotesk",sans-serif;--font-body: "Inter",system-ui,sans-serif;--font-mono: "Space Mono",monospace;--r-sm: 9px;--r-md: 12px;--r: 14px;--r-xl: 16px;--r-pill: 999px;--shadow-card: 0 18px 44px -30px rgba(20,35,58,.5);--shadow-card-hover: 0 10px 30px -18px rgba(20,35,58,.5);--shadow-phone: 0 24px 50px -26px rgba(20,35,58,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}#root>main{flex:1}.app-top{display:flex;align-items:center;gap:11px;padding:15px 22px;border-bottom:1px solid var(--line-soft)}.logo{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em}.logo .m{width:28px;height:28px;border-radius:8px;border:2px solid var(--ink);background:var(--indigo-t);display:grid;place-items:center}.logo .m svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav{margin-left:auto;display:flex;gap:18px;font-size:13px;color:var(--ink-soft);align-items:center}.nav a{color:inherit;text-decoration:none}.nav a:hover{color:var(--ink)}.pro-btn{border:1px solid var(--indigo);color:var(--indigo-d);border-radius:8px;padding:6px 12px;font-weight:600;font-size:13px;font-family:var(--font-body);background:transparent;cursor:pointer}.pro-btn:hover{background:var(--indigo-tt)}.hero{padding:44px 22px 40px;text-align:center;background:linear-gradient(180deg,var(--indigo-tt),#fff 70%)}.hero h2{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.025em;margin:0 0 8px;line-height:1.05}.hero p{color:var(--ink-soft);font-size:15px;margin:0 auto 26px;max-width:44ch}.drop{display:block;width:100%;max-width:520px;margin:0 auto;border:2px dashed var(--indigo);background:#fff;border-radius:var(--r-xl);padding:38px 20px;font-family:inherit;color:inherit;text-align:center;cursor:pointer}.drop.over{background:var(--indigo-tt)}.drop .di{width:52px;height:52px;border-radius:14px;background:var(--indigo-t);display:grid;place-items:center;margin:0 auto 14px}.drop .di svg{width:28px;height:28px;stroke:var(--indigo-d);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.drop .big,.drop .sm,.drop .formats{display:block}.drop .big{font-family:var(--font-display);font-weight:700;font-size:18px}.drop .sm{font-size:13px;color:var(--ink-soft);margin-top:4px}.drop .formats{font-family:var(--font-mono);font-size:10px;color:var(--muted-faint);margin-top:14px;letter-spacing:.08em}.trust{display:flex;justify-content:center;gap:26px;margin-top:24px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-soft)}.trust b{color:var(--ink);display:block;font-family:var(--font-display);font-size:16px}.work{padding:22px;width:100%;max-width:860px;margin:0 auto}.work-head{display:flex;align-items:center;margin-bottom:16px}.work-head .t{font-family:var(--font-display);font-weight:700;font-size:18px}.work-head .sum{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--indigo-d);background:var(--indigo-tt);padding:5px 11px;border-radius:var(--r-pill)}.filerow{display:flex;align-items:center;gap:14px;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:13px 15px;margin-bottom:10px}.filerow .th{width:44px;height:44px;border-radius:var(--r-sm);background:var(--indigo-t);border:1px solid var(--indigo);flex:0 0 auto;position:relative;overflow:hidden}.filerow .th img{width:100%;height:100%;object-fit:cover;display:block}.filerow .th.empty:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,#ffffff88 50%,transparent 60%)}.filerow .meta{min-width:0}.filerow .fn{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filerow .bar{height:5px;background:var(--line-soft);border-radius:3px;margin-top:7px;width:180px;max-width:40vw;overflow:hidden}.filerow .bar i{display:block;height:100%;background:var(--indigo);border-radius:3px}.filerow .sz{font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);text-align:right;flex:0 0 auto}.filerow .sz .save{color:var(--indigo-d);font-weight:700;display:block;font-size:13px}.filerow .dl{margin-left:6px;font-family:var(--font-display);font-weight:700;font-size:12px;color:#fff;background:var(--indigo);padding:8px 12px;border-radius:var(--r-sm);flex:0 0 auto;text-decoration:none;cursor:pointer}.filerow .dl:hover{background:var(--indigo-d)}.filerow.doing .sz{color:var(--muted-faint)}.filerow.failed .sz{color:var(--coral)}.filerow.locked{border-style:dashed;opacity:.85}.filerow.locked .lockmsg{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--indigo-d);text-align:right}.filerow.locked .lockmsg b{display:block;font-family:var(--font-display);font-size:12px}.section{border-top:1px solid var(--line-soft);padding:44px 22px}.section-inner{max-width:860px;margin:0 auto}.section h3{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.02em;margin:0 0 22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{border:1px solid var(--line-soft);border-radius:var(--r);padding:20px;background:var(--card)}.step .n{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo-d)}.step .t{font-family:var(--font-display);font-weight:700;font-size:16px;margin:8px 0 6px}.step p{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.5}.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan{border:1px solid var(--line-soft);border-radius:var(--r-xl);padding:26px;background:#fff}.plan.pro{border-color:var(--indigo);background:linear-gradient(180deg,var(--indigo-tt),#fff 60%)}.plan .name{font-family:var(--font-display);font-weight:700;font-size:18px}.plan .price{font-family:var(--font-display);font-weight:700;font-size:40px;margin:16px 0 2px;letter-spacing:-.02em}.plan .price small{font-size:14px;color:var(--ink-soft);font-weight:500}.benefit{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:12px}.benefit svg{width:17px;height:17px;stroke:var(--indigo-d);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.plan .cta{display:block;width:100%;margin-top:20px;background:var(--indigo);color:#fff;text-align:center;font-family:var(--font-display);font-weight:700;font-size:15px;padding:14px;border-radius:11px;border:0;cursor:pointer}.plan .cta:hover{background:var(--indigo-d)}.foot{border-top:1px solid var(--line-soft);padding:18px 22px;text-align:center;font-family:var(--font-mono);font-size:10.5px;color:var(--muted-faint)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--indigo-tt);border:1px solid var(--indigo);color:var(--indigo-d);font-family:var(--font-mono);font-size:11px;padding:9px 14px;border-radius:var(--r-pill);box-shadow:var(--shadow-card-hover);white-space:nowrap;z-index:10}@media(max-width:640px){.app-top{padding:12px 16px}.nav{gap:12px}.hero h2{font-size:26px}.trust{gap:18px}.work{padding:16px}.filerow{flex-wrap:wrap}.section{padding:32px 16px}.steps,.plans{grid-template-columns:1fr}}