:root{color-scheme:light;--color-bg: #f6f5fb;--color-surface: #ffffff;--color-surface-2: #f1f0f8;--color-surface-3: #e8e6f4;--color-glass: rgb(255 255 255 / .72);--color-border: #e3e1ef;--color-border-strong: #cfcce3;--color-text: #17162a;--color-text-muted: #5f5d77;--color-text-faint: #726f8c;--color-accent: #5b4cf5;--color-accent-strong: #4636e0;--color-accent-2: #ff5d8f;--color-accent-soft: #ecebff;--color-accent-text: #ffffff;--color-success: #0b7a55;--color-success-strong: #096546;--color-success-soft: #e3f7ef;--color-danger: #c0283a;--color-danger-bg: #fdecee;--color-warning-bg: #fff6e0;--color-focus: #5b4cf5;--color-logo-body: #ffffff;--color-logo-lid: #f3f1ff;--color-logo-side: #d6d0fb;--color-logo-cheek: #ff8fb5;--color-logo-ink: #2b2748;--aurora-1: rgb(124 108 255 / .2);--aurora-2: rgb(255 93 143 / .14);--aurora-3: rgb(45 212 191 / .12);--hue-image: #ec4c85;--hue-data: #129e68;--hue-document: #e8552c;--hue-archive: #c98410;--hue-audio: #7c4df0;--hue-video: #2f6fe4;--hue-font: #0e958a;--hue-ocr: #5f9a0c;--shadow-sm: 0 1px 2px rgb(23 22 42 / .06);--shadow-md: 0 1px 2px rgb(23 22 42 / .05), 0 8px 24px rgb(23 22 42 / .07);--shadow-lg: 0 2px 6px rgb(23 22 42 / .08), 0 20px 48px rgb(23 22 42 / .16);--shadow-drag: 0 12px 32px rgb(23 22 42 / .22);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--page-max: 1120px;--tap-min: 44px;--font-sans: system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-hero: clamp(30px, 5.4vw, 54px);--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .14s;--transition-normal: .22s}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0d0c16;--color-surface: #16152a;--color-surface-2: #1d1c35;--color-surface-3: #26254a;--color-glass: rgb(22 21 42 / .66);--color-border: #2a2946;--color-border-strong: #3a3960;--color-text: #eeedf8;--color-text-muted: #a3a1c0;--color-text-faint: #7b7998;--color-accent: #8f84ff;--color-accent-strong: #a79eff;--color-accent-2: #ff7aa6;--color-accent-soft: #25224d;--color-accent-text: #0d0c16;--color-success: #3dd29b;--color-success-strong: #62e0b1;--color-success-soft: #123326;--color-danger: #ff6b78;--color-danger-bg: #3a1720;--color-warning-bg: #3a2c10;--color-focus: #a79eff;--aurora-1: rgb(124 108 255 / .22);--aurora-2: rgb(255 93 143 / .12);--aurora-3: rgb(45 212 191 / .1);--hue-image: #ff6f9f;--hue-data: #34d399;--hue-document: #ff7d52;--hue-archive: #fbbf24;--hue-audio: #a78bfa;--hue-video: #60a5fa;--hue-font: #2dd4bf;--hue-ocr: #a3e635;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 1px 2px rgb(0 0 0 / .35), 0 8px 24px rgb(0 0 0 / .35);--shadow-lg: 0 2px 6px rgb(0 0 0 / .4), 0 20px 48px rgb(0 0 0 / .5);--shadow-drag: 0 12px 32px rgb(0 0 0 / .6)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0d0c16;--color-surface: #16152a;--color-surface-2: #1d1c35;--color-surface-3: #26254a;--color-glass: rgb(22 21 42 / .66);--color-border: #2a2946;--color-border-strong: #3a3960;--color-text: #eeedf8;--color-text-muted: #a3a1c0;--color-text-faint: #7b7998;--color-accent: #8f84ff;--color-accent-strong: #a79eff;--color-accent-2: #ff7aa6;--color-accent-soft: #25224d;--color-accent-text: #0d0c16;--color-success: #3dd29b;--color-success-strong: #62e0b1;--color-success-soft: #123326;--color-danger: #ff6b78;--color-danger-bg: #3a1720;--color-warning-bg: #3a2c10;--color-focus: #a79eff;--aurora-1: rgb(124 108 255 / .22);--aurora-2: rgb(255 93 143 / .12);--aurora-3: rgb(45 212 191 / .1);--hue-image: #ff6f9f;--hue-data: #34d399;--hue-document: #ff7d52;--hue-archive: #fbbf24;--hue-audio: #a78bfa;--hue-video: #60a5fa;--hue-font: #2dd4bf;--hue-ocr: #a3e635;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 1px 2px rgb(0 0 0 / .35), 0 8px 24px rgb(0 0 0 / .35);--shadow-lg: 0 2px 6px rgb(0 0 0 / .4), 0 20px 48px rgb(0 0 0 / .5);--shadow-drag: 0 12px 32px rgb(0 0 0 / .6)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 8% -10%,var(--aurora-1),transparent 70%),radial-gradient(50vw 45vh at 100% 0%,var(--aurora-2),transparent 70%),radial-gradient(60vw 50vh at 60% 110%,var(--aurora-3),transparent 70%)}a{color:var(--color-accent);text-underline-offset:3px}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-text);font-weight:700}.skip-link:focus{top:var(--space-3)}[data-hue=image]{--hue: var(--hue-image)}[data-hue=data]{--hue: var(--hue-data)}[data-hue=document]{--hue: var(--hue-document)}[data-hue=archive]{--hue: var(--hue-archive)}[data-hue=audio]{--hue: var(--hue-audio)}[data-hue=video]{--hue: var(--hue-video)}[data-hue=font]{--hue: var(--hue-font)}[data-hue=ocr]{--hue: var(--hue-ocr)}[data-slot]{display:none}[data-slot]:not(:empty){display:block}button{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-size-sm);font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast)}.btn:hover{background:var(--color-surface-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn--primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:0 6px 16px -6px var(--color-accent)}.btn--primary:hover{background:var(--color-accent-strong)}.btn--success{background:var(--color-success);color:var(--color-accent-text);box-shadow:0 6px 16px -6px var(--color-success)}.btn--success:hover{background:var(--color-success-strong)}.btn--ghost{background:transparent;border-color:var(--color-border-strong)}.btn--ghost:hover{background:var(--color-surface-2)}.btn--sm{min-height:36px;padding:var(--space-1) var(--space-3)}.btn--icon{width:40px;min-height:40px;padding:0;background:transparent;color:var(--color-text-muted)}.btn--icon:hover{background:var(--color-surface-2);color:var(--color-text)}.btn--chip{min-height:36px;padding:var(--space-1) var(--space-3);background:var(--color-surface);border-color:var(--color-border-strong)}.btn--pin .icon{color:var(--hue-archive)}.btn--pin:disabled{opacity:.8}.chip{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;line-height:1.6;white-space:nowrap}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--space-4) var(--space-6)}@media (min-width: 720px){.page{padding:0 var(--space-5) var(--space-7)}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:68px}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);color:var(--color-text);text-decoration:none}.brand__name{font-size:var(--font-size-xl);font-weight:800;letter-spacing:.02em}.site-header__actions{display:flex;align-items:center;gap:var(--space-2)}.privacy-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-xs);font-weight:700}.logo{width:38px;height:38px;flex:none}.logo--sm{width:24px;height:24px}.logo__lid,.logo__side,.logo__face{stroke:var(--color-logo-ink);stroke-width:4;stroke-linejoin:round}.logo__lid{fill:var(--color-logo-lid)}.logo__side{fill:var(--color-logo-side)}.logo__face{fill:var(--color-logo-body)}.logo__eye{fill:var(--color-logo-ink)}.logo__cheek{fill:var(--color-logo-cheek)}.logo__mouth{fill:none;stroke:var(--color-logo-ink);stroke-width:3;stroke-linecap:round}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4) 0 var(--space-5)}.hero__title{font-size:var(--font-size-hero);font-weight:800;line-height:1.15;letter-spacing:-.01em}.hero__title em{font-style:normal;background:linear-gradient(100deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{max-width:40em;margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-md)}.hero__mascot{position:relative;width:104px;margin:0}.hero__mascot img{display:block;width:100%;height:auto;animation:mascot-float 3.6s ease-in-out infinite}.hero__bubble{display:none}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@media (prefers-reduced-motion: reduce){.hero__mascot img{animation:none}}@media (min-width: 720px){.hero{gap:var(--space-5);padding:var(--space-5) 0 var(--space-6)}.hero__lead{font-size:var(--font-size-lg)}.hero__mascot{width:220px;margin-right:var(--space-5)}.hero__bubble{position:absolute;top:2px;right:100%;display:block;padding:var(--space-2) var(--space-3);border:2px solid var(--color-logo-ink);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:800;white-space:nowrap;box-shadow:var(--shadow-sm)}}#app{min-height:720px}@media (min-width: 720px){#app{min-height:640px}}.layout{display:flex;flex-direction:column;gap:var(--space-5)}.dial__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.dial__title{font-size:var(--font-size-lg);font-weight:800}.dial__hint{color:var(--color-text-muted);font-size:var(--font-size-xs)}.dial__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}@media (min-width: 720px){.dial__grid{gap:var(--space-3)}}.dial-tile{position:relative;min-width:0;border-radius:var(--radius-lg);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dial-tile__main{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;height:100%;min-height:92px;padding:var(--space-3) var(--space-1);border:1px solid var(--color-border);border-radius:inherit;background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal),border-color var(--transition-fast),background var(--transition-fast)}.dial-tile__main:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--hue) 45%,var(--color-border));box-shadow:var(--shadow-md)}.dial-tile__icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--hue) 14%,var(--color-surface));color:var(--hue)}.dial-tile__icon .icon{width:24px;height:24px}.dial-tile__bolt{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-text);box-shadow:0 0 0 2px var(--color-surface)}.dial-tile__bolt .icon{width:12px;height:12px;stroke-width:2.5}.dial-tile__text{display:flex;flex-direction:column;min-width:0;width:100%}.dial-tile__name{overflow:hidden;font-size:var(--font-size-sm);font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.dial-tile__summary,.dial-tile__formats{display:none}.dial-tile__badge{position:absolute;top:var(--space-2);right:var(--space-2);min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-text);box-shadow:0 0 0 2px var(--hue);color:var(--color-bg);font-size:var(--font-size-xs);font-weight:800;line-height:22px}.dial-tile__badge[hidden]{display:none}.dial-tile--preset .dial-tile__main{border-style:dashed;border-color:color-mix(in oklab,var(--hue) 40%,var(--color-border))}.dial-tile.is-active .dial-tile__main{border-color:var(--hue);background:linear-gradient(160deg,color-mix(in oklab,var(--hue) 12%,var(--color-surface)),var(--color-surface) 70%);box-shadow:0 0 0 1px var(--hue),0 10px 28px -12px var(--hue)}.dial-tile.is-drop-target .dial-tile__main{transform:scale(1.04);border:2px dashed var(--hue);background:color-mix(in oklab,var(--hue) 16%,var(--color-surface))}.is-file-dragging .dial-tile__main{border-style:dashed}.dial-tile.is-dragging{z-index:10;cursor:grabbing}.dial-tile.is-dragging .dial-tile__main{box-shadow:var(--shadow-drag);transform:scale(1.05) rotate(-1.5deg)}.dial__grid.is-reordering .dial-tile:not(.is-dragging) .dial-tile__main{transform:none}.dial.is-editing .dial-tile{touch-action:none;cursor:grab}.dial.is-editing .dial-tile:not(.is-dragging) .dial-tile__main{animation:dial-wiggle .5s ease-in-out infinite alternate}.dial.is-editing .dial-tile:nth-child(2n) .dial-tile__main{animation-delay:-.25s}@keyframes dial-wiggle{0%{transform:rotate(-.8deg)}to{transform:rotate(.8deg)}}@media (prefers-reduced-motion: reduce){.dial.is-editing .dial-tile:not(.is-dragging) .dial-tile__main{animation:none}}.dial-tile__remove{position:absolute;top:-8px;left:-8px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:2px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-bg);cursor:pointer}.dial-tile__remove:after{content:"";position:absolute;inset:-8px}.dial-tile__remove .icon{width:14px;height:14px;stroke-width:3}.dial__tray{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-glass)}.dial__tray[hidden]{display:none}.dial__tray-label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700}.dial__tray-spacer{flex:1}@media (min-width: 720px){.dial-tile__main{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3);min-height:132px;padding:var(--space-4);text-align:left}.dial-tile__text{flex:1;width:auto;padding-right:var(--space-5)}.dial-tile__name{font-size:var(--font-size-md)}.dial-tile__summary{display:-webkit-box;overflow:hidden;margin-top:2px;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dial-tile__formats{display:flex;flex-wrap:wrap;gap:var(--space-1);width:100%;height:22px;overflow:hidden}.dial-tile--preset .dial-tile__text{padding-right:0}}.workspace{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);scroll-margin-top:var(--space-4)}@media (min-width: 720px){.workspace{padding:var(--space-5)}}.workspace__head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2) var(--space-3);min-height:52px}.workspace__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--hue);color:var(--color-accent-text);box-shadow:0 8px 20px -10px var(--hue)}.workspace__icon .icon{width:26px;height:26px}.workspace__title{font-size:var(--font-size-xl);font-weight:800;line-height:1.25}.workspace__summary{color:var(--color-text-muted);font-size:var(--font-size-sm)}.workspace__abilities{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:var(--space-1);margin:0;padding:0;list-style:none}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));text-align:center;cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal),transform var(--transition-normal) var(--ease-out)}.dropzone:hover,.dropzone.is-page-dragging{border-color:var(--color-accent)}.dropzone.is-dragover{border-style:solid;border-color:var(--color-accent);background:var(--color-accent-soft);transform:scale(1.01)}.dropzone__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent);transition:transform var(--transition-normal) var(--ease-out)}.dropzone:hover .dropzone__icon,.dropzone.is-dragover .dropzone__icon{transform:translateY(-3px)}.dropzone__icon .icon{width:28px;height:28px}.dropzone__mascot{width:76px;height:auto;transition:transform var(--transition-normal) var(--ease-out)}.dropzone:hover .dropzone__mascot{transform:translateY(-4px) rotate(-3deg)}.dropzone.is-page-dragging .dropzone__mascot,.dropzone.is-dragover .dropzone__mascot{animation:mascot-hop .5s ease-in-out infinite alternate}@keyframes mascot-hop{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.06)}}@media (prefers-reduced-motion: reduce){.dropzone.is-page-dragging .dropzone__mascot,.dropzone.is-dragover .dropzone__mascot{animation:none}}.dropzone__title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:800}.dropzone__or{color:var(--color-text-faint);font-size:var(--font-size-sm);font-weight:600}.dropzone__pick{padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-text);font-size:var(--font-size-sm)}.dropzone__hint{max-width:44em;min-height:1.6em;color:var(--color-text-muted);font-size:var(--font-size-xs)}.dropzone input[type=file]{display:none}.combine-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-accent-soft)}.combine-bar[hidden]{display:none}.combine-bar__count{font-size:var(--font-size-sm);font-weight:800}.combine-bar__note{color:var(--color-text-muted);font-size:var(--font-size-sm)}select{min-height:40px;max-width:100%;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:600;appearance:none;cursor:pointer}input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--color-accent);cursor:pointer}input[type=range]{accent-color:var(--color-accent)}.queue{display:flex;flex-direction:column;gap:var(--space-3)}.queue[hidden]{display:none}.queue-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.queue-head__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:800}.queue-head__count{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}.queue-mascot{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.queue-mascot img{width:52px;height:auto}.queue-mascot__bubble{padding:var(--space-1) var(--space-3);border:2px solid var(--color-logo-ink);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:800;white-space:nowrap}:root[data-theme=dark] .queue-mascot__bubble,:root[data-theme=dark] .hero__bubble{border-color:var(--color-border-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .queue-mascot__bubble,:root:not([data-theme=light]) .hero__bubble{border-color:var(--color-border-strong)}}.queue-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.queue__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.queue-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);animation:queue-in var(--transition-normal) var(--ease-out)}@media (min-width: 720px){.queue-item{padding:var(--space-3) var(--space-4)}}@keyframes queue-in{0%{opacity:0;transform:translateY(6px)}}.queue-item.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.queue-item.is-done{border-color:color-mix(in oklab,var(--color-success) 40%,var(--color-border))}.queue-item.is-error{border-color:color-mix(in oklab,var(--color-danger) 45%,var(--color-border));background:linear-gradient(0deg,var(--color-danger-bg),var(--color-surface) 70%)}.queue-item__top{display:flex;align-items:center;gap:var(--space-3);min-width:0}.queue-item__select{display:grid;place-items:center;width:32px;height:var(--tap-min);margin:-6px -4px;cursor:pointer}.queue-item__ext{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.02em}.queue-item__info{display:flex;flex:1;flex-direction:column;min-width:0}.queue-item__name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.queue-item__meta{overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.queue-item__status{flex:none;padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:800;white-space:nowrap}.queue-item.is-converting .queue-item__status{background:var(--color-accent-soft);color:var(--color-accent);font-variant-numeric:tabular-nums}.queue-item.is-done .queue-item__status{background:var(--color-success-soft);color:var(--color-success)}.queue-item.is-error .queue-item__status,.queue-item.is-aborted .queue-item__status{background:var(--color-danger-bg);color:var(--color-danger)}.queue-item__status--message{flex:1 1 100%;order:5;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:600;line-height:1.5;white-space:normal}.queue-item__top:has(.queue-item__status--message){flex-wrap:wrap}.queue-item__progress{display:flex;flex-direction:column;gap:var(--space-1)}.queue-item__progress-track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-surface-3)}.queue-item__progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));transition:width var(--transition-normal) var(--ease-out)}.queue-item__progress-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.queue-item__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.queue-item__controls:empty{display:none}.queue-item__output{display:flex;flex:1 1 220px;align-items:center;gap:var(--space-2);min-width:0}.queue-item__output select{flex:1;min-width:0}.queue-item__output-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}.queue-item__options{display:flex;flex-basis:100%;flex-wrap:wrap;gap:var(--space-2) var(--space-4);order:3;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2)}.queue-item__option{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600}.queue-item__option output{min-width:2.5em;color:var(--color-text);font-variant-numeric:tabular-nums}.queue-actions,.download-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-left:auto}.queue-item__note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-text);font-size:var(--font-size-xs)}.section-title{margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:800}.about,.faq{margin-top:var(--space-7)}.about__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.about__grid li{padding:var(--space-4);border:1px solid var(--color-border);border-top:3px solid var(--hue);border-radius:var(--radius-lg);background:var(--color-surface)}.about__grid h3{margin-bottom:var(--space-1);font-size:var(--font-size-md)}.about__grid p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.faq details{border-bottom:1px solid var(--color-border)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:56px;padding:var(--space-3) 0;font-weight:700;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;color:var(--color-accent);font-size:var(--font-size-xl);font-weight:400;line-height:1;transition:transform var(--transition-fast)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding-bottom:var(--space-4);color:var(--color-text-muted)}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.site-footer__brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:800}.site-footer a{display:inline-flex;align-items:center;min-height:var(--tap-min);color:var(--color-text-muted)}.hero__title em{white-space:nowrap}@media (max-width: 719px){.workspace__abilities{flex-wrap:nowrap;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4) var(--space-1);overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,black var(--space-4),black calc(100% - var(--space-5)),transparent);mask-image:linear-gradient(90deg,transparent,black var(--space-4),black calc(100% - var(--space-5)),transparent)}.workspace__abilities::-webkit-scrollbar{display:none}.dropzone{padding:var(--space-5) var(--space-3)}.privacy-pill{padding:var(--space-1) var(--space-2)}}