:root{--ink:#1c1c1e;--ink-soft:#6e6e73;--ink-faint:#a1a1a6;--ink-quiet:#57575c;--surface:hsla(0,0%,100%,.58);--surface-solid:#fff;--hairline:rgba(0,0,0,.08);--hairline-strong:rgba(0,0,0,.16);--canvas:#eceae4;--accent:#1f6f5c;--accent-soft:rgba(31,111,92,.08);--danger:#a8341f;--wash-1:rgba(64,173,137,.52);--wash-2:rgba(104,143,206,.42);--wash-3:hsla(36,62%,68%,.48);--radius-card:26px;--radius-control:14px;--shadow-card:0 1px 2px rgba(0,0,0,.05),0 14px 36px rgba(0,0,0,.09),0 40px 80px -28px rgba(0,0,0,.16);--shadow-hover:0 1px 2px rgba(0,0,0,.06),0 22px 52px rgba(0,0,0,.13),0 52px 96px -30px rgba(0,0,0,.2);--ease:cubic-bezier(0.32,0.72,0,1)}@media (prefers-color-scheme:dark){:root{--ink:#f5f5f7;--ink-soft:#98989d;--ink-faint:#6e6e73;--ink-quiet:#a8a8ae;--surface:rgba(46,46,51,.58);--surface-solid:#1c1c1e;--hairline:hsla(0,0%,100%,.16);--hairline-strong:hsla(0,0%,100%,.2);--canvas:#0b0b0d;--accent:#5fd0af;--accent-soft:rgba(95,208,175,.1);--danger:#ff9a86;--wash-1:rgba(51,138,114,.34);--wash-2:rgba(64,92,148,.3);--wash-3:rgba(122,96,58,.26);--shadow-card:inset 0 1px 0 hsla(0,0%,100%,.08),0 20px 60px rgba(0,0,0,.55);--shadow-hover:inset 0 1px 0 hsla(0,0%,100%,.16),0 26px 72px rgba(0,0,0,.62)}}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.wash{position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;overflow:hidden}.wash span{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.9;will-change:transform}.wash span:first-child{width:58vmax;height:58vmax;top:-6%;left:-4%;background:radial-gradient(circle at 34% 34%,var(--wash-1),transparent 66%);animation:drift-a 21s linear infinite alternate}.wash span:nth-child(2){width:52vmax;height:52vmax;top:16%;left:28%;background:radial-gradient(circle at 50% 45%,var(--wash-2),transparent 66%);animation:drift-b 26s linear infinite alternate}.wash span:nth-child(3){width:50vmax;height:50vmax;bottom:-8%;right:-2%;background:radial-gradient(circle at 46% 58%,var(--wash-3),transparent 66%);animation:drift-c 24s linear infinite alternate}@keyframes drift-a{0%{transform:translate3d(-6vmax,-3vmax,0) scale(1)}to{transform:translate3d(10vmax,7vmax,0) scale(1.16)}}@keyframes drift-b{0%{transform:translate3d(-8vmax,4vmax,0) scale(1.1)}to{transform:translate3d(9vmax,-6vmax,0) scale(.94)}}@keyframes drift-c{0%{transform:translate3d(5vmax,4vmax,0) scale(1.06)}to{transform:translate3d(-9vmax,-8vmax,0) scale(1)}}@media (prefers-reduced-motion:reduce){.wash span{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:6vh 24px 8vh}.wordmark{font-size:12px;font-weight:590;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.zone{width:100%;max-width:clamp(560px,46vw,800px);margin:44px 0 22px}.drop{position:relative;width:100%;min-height:320px;transition-property:transform,box-shadow,border-color,background,min-height;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 40px;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--surface);backdrop-filter:saturate(300%) blur(30px);-webkit-backdrop-filter:saturate(300%) blur(30px);box-shadow:var(--shadow-card);cursor:pointer;text-align:center;transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .42s var(--ease),background .42s var(--ease)}.drop:hover{border-color:var(--hairline-strong);box-shadow:var(--shadow-hover)}.drop:hover .glyph{opacity:1}.drop--loaded{min-height:210px}.actions button:focus-visible,.again:focus-visible,.drop:focus-visible,.files a:focus-visible,.more:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.drop--active{transition-duration:.18s;transform:scale(1.014);border-color:var(--accent);box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 60px rgba(0,0,0,.11),0 0 0 4px var(--accent-soft)}.drop-label{margin:0;font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.028em;line-height:1.1}.drop-file{margin:0;max-width:100%;font-size:20px;font-weight:500;letter-spacing:-.012em;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drop .sub{margin:0;font-size:15px;color:var(--ink-soft)}.drop .glyph{width:44px;height:44px;margin-bottom:16px;color:var(--accent);opacity:.85;transition:color .3s var(--ease),transform .5s var(--ease)}.drop--active .glyph{color:var(--accent);opacity:1;transform:translateY(-3px)}.formats{margin:18px 0 0;font-size:13px;letter-spacing:.01em;color:var(--ink-quiet)}.promise{max-width:44ch;margin:0;text-align:center;font-size:14.5px;line-height:1.62;color:var(--ink-soft);text-wrap:balance}.promise strong{color:var(--ink);font-weight:500}.panel{margin-top:18px;padding:20px 24px;border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--surface);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);animation:rise .45s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel--error{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.panel--error>p:first-child{color:var(--danger)}.panel--upgrade{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface)}.upgrade-cta{margin-top:14px;padding:11px 20px;font:inherit;font-size:15px;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:999px;cursor:pointer}@media (prefers-color-scheme:dark){.upgrade-cta{color:#0b1f19}}.upgrade-cta:hover{opacity:.88}.files a{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 26%,transparent);font-weight:500}.panel p{margin:0;font-size:15px}.panel .hint{margin-top:6px;font-size:13.5px;color:var(--ink-soft)}.actions{display:grid;grid-gap:8px;gap:8px}.actions button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:14px 18px;font:inherit;font-size:15.5px;text-align:left;color:var(--ink);background:transparent;border:1px solid var(--hairline);border-radius:var(--radius-control);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.actions button:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.actions button:active{transform:scale(.994)}.actions button:disabled{opacity:.45;cursor:progress}.actions .why{display:block;margin-top:3px;font-size:13px;color:var(--ink-soft)}.actions .name{font-weight:500}.tag{flex:none;font-size:10.5px;font-weight:590;letter-spacing:.07em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:999px;padding:3px 9px}.again,.more,.tag{color:var(--accent)}.again,.more{margin-top:12px;padding:0;font:inherit;font-size:14px;background:none;border:none;cursor:pointer}.again:hover,.more:hover{opacity:.7}.files{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-gap:6px;gap:6px}.files a{display:block;padding:11px 15px;border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--accent);text-decoration:none;font-size:15px;transition:background .2s var(--ease)}.files a:hover{background:var(--accent-soft)}progress{width:100%;height:4px;border:none;border-radius:999px;background:var(--hairline);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:var(--hairline)}progress::-webkit-progress-value{background:var(--accent);-webkit-transition:width .3s var(--ease);transition:width .3s var(--ease)}progress::-moz-progress-bar{background:var(--accent)}@media (max-width:520px){.drop{min-height:260px;padding:44px 26px;border-radius:24px}main{gap:24px}}.landing-title{max-width:620px;margin:20px 0 0;font-size:clamp(26px,4vw,34px);font-weight:600;letter-spacing:-.022em;line-height:1.16}.landing-blurb,.landing-title{text-align:center;text-wrap:balance}.landing-blurb{max-width:500px;margin:12px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink-soft)}.working{margin:0 0 4px;font-size:15px;font-weight:500}.panel progress{margin-bottom:10px}.upgrade-cta{display:block}.panel--upgrade .again{display:block;margin-top:14px}.panel--configure{text-align:left}.field{margin-top:16px}.field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--ink-soft)}.field-hint{display:block;margin-top:7px;font-size:12.5px;color:var(--ink-quiet)}.field input{width:100%;padding:11px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-control);transition:border-color .2s var(--ease)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-control)}.segmented button{flex:1 1 auto;padding:9px 12px;font:inherit;font-size:14px;white-space:nowrap;color:var(--ink-soft);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.segmented button:hover{color:var(--ink)}.segmented button.is-on{color:var(--ink);font-weight:500;background:var(--surface-solid);box-shadow:0 1px 2px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){.segmented button.is-on{background:hsla(0,0%,100%,.13);box-shadow:none}}.panel--configure .upgrade-cta{margin-top:20px;width:100%}.panel--configure .again{display:block;margin-top:12px}.actions button.is-soon{opacity:.5}.actions button.is-soon:hover{background:transparent;border-color:var(--hairline)}.actions button.is-soon .name{font-weight:400}.tag{color:var(--ink-quiet);border-color:var(--hairline-strong)}.files a .meta{float:right;font-weight:400;font-size:13.5px;color:var(--ink-soft)}