@layer boot,base,tokens,ui,shell,features,overrides;@layer tokens{:root{--font-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 22px;--radius-full: 999px;--control-sm: 28px;--control-md: 34px;--control-lg: 40px;--row-height: 52px;--page-gutter: 32px;--sidebar-width: 64px;--topbar-height: 56px;--content-width: 1360px;--shadow-xs: 0 1px 2px var(--ui-shadow-soft);--shadow-sm: 0 1px 2px var(--ui-shadow-soft), 0 2px 8px var(--ui-shadow-soft);--shadow-md: 0 2px 4px var(--ui-shadow-soft), 0 10px 24px var(--ui-shadow-color);--shadow-lg: 0 4px 10px var(--ui-shadow-soft), 0 18px 44px var(--ui-shadow-color);--shadow-xl: 0 8px 18px var(--ui-shadow-color), 0 32px 80px var(--ui-shadow-strong);--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .22s;--duration-slow: .36s;--duration-slower: .52s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--z-sticky: 10;--z-topbar: 28;--z-sidebar: 30;--z-drawer: 70;--z-dialog: 100;--z-floating: 450;--z-menu: 460;--z-toast: 500;--z-fullscreen: 1000;--z-popover: 2500;--workspace-control-radius: var(--radius-md);--workspace-panel-radius: var(--radius-lg)}:root[data-corners=crisp]{--radius-xs: 2px;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 6px;--radius-2xl: 8px}:root[data-density=compact]{--control-sm: 26px;--control-md: 30px;--control-lg: 36px;--row-height: 44px;--page-gutter: 24px}@media(pointer:coarse){:root,:root[data-density=compact]{--control-sm: 36px;--control-md: 44px;--control-lg: 44px;--row-height: 56px}}@media(max-width:700px){:root,:root[data-density=compact]{--page-gutter: 16px}}}@layer tokens{:root{--ui-media-surface: #0b0c0f;--ui-media-stage: #000000;--ui-media-raised: #1c1e24;--ui-media-line: #363944;--ui-media-text: #f3f4f6;--ui-media-muted: #abafba;--ui-media-overlay: #08090ccc;--ui-media-glass: #15171cb3;--ui-media-glass-solid: #1a1c22f2;--ui-media-glass-line: #ffffff24;--ui-media-ink: #ffffff;--ui-media-ink-soft: #ffffffc2;--ui-media-ink-faint: #ffffff80;--ui-media-hover: #ffffff1f;--ui-media-press: #ffffff33;--ui-media-track: #ffffff3d;--ui-media-buffer: #ffffff6b;--ui-media-scrim: #00000073;--ui-media-scrim-soft: #00000026;--ui-media-shadow: #00000059}:root,:root[data-theme=light]{color-scheme:light;--ui-background: #f4f5f7;--ui-surface: #ffffff;--ui-surface-soft: #f6f7f9;--ui-surface-raised: #ffffff;--ui-hover: #eef0f4;--ui-line-soft: #eceef2;--ui-line: #e2e5eb;--ui-line-strong: #c8cdd8;--ui-text: #131a27;--ui-text-secondary: #465064;--ui-text-muted: #626c80;--ui-accent: #3b5fe2;--accent-hover: #2f50c9;--ui-accent-text: #2f50c9;--ui-accent-soft: #e9eefd;--ui-on-accent: #ffffff;--ui-danger: #c0343f;--ui-danger-soft: #fdeeee;--ui-danger-solid: #c8323e;--ui-success: #1d7a4c;--ui-success-soft: #e8f6ee;--ui-warning: #8f5f0e;--ui-warning-soft: #fbf2de;--ui-purple: #7a4fb0;--ui-purple-soft: #f1eafb;--ui-media-accent: #9db8ff;--ui-glass: #ffffffd1;--ui-overlay: #0f172a66;--ui-shadow-soft: #1018280f;--ui-shadow-color: #1018281f;--ui-shadow-strong: #10182838;--ui-focus: #3b5fe2;--ui-focus-ring: #3b5fe23d;--ui-scrollbar: #c3c9d4}:root[data-theme=ocean]{color-scheme:dark;--ui-background: #0a111e;--ui-surface: #101a2b;--ui-surface-soft: #152135;--ui-surface-raised: #18263d;--ui-hover: #1c2b44;--ui-line-soft: #1a2740;--ui-line: #24334d;--ui-line-strong: #384b6b;--ui-text: #e8eef9;--ui-text-secondary: #bac7dc;--ui-text-muted: #94a4be;--ui-accent: #3568d4;--accent-hover: #4070d8;--ui-accent-text: #9dc0ff;--ui-accent-soft: #1c3157;--ui-on-accent: #ffffff;--ui-danger: #f2a5ac;--ui-danger-soft: #402530;--ui-danger-solid: #c4424e;--ui-success: #96d4b4;--ui-success-soft: #173a31;--ui-warning: #e6c48e;--ui-warning-soft: #3d3324;--ui-purple: #c9b6f0;--ui-purple-soft: #322b47;--ui-media-accent: #9dc0ff;--ui-glass: #101a2bd1;--ui-overlay: #02060eb8;--ui-shadow-soft: #00000033;--ui-shadow-color: #00000057;--ui-shadow-strong: #00000080;--ui-focus: #8fb6ff;--ui-focus-ring: #8fb6ff59;--ui-scrollbar: #3a4d6d}:root[data-theme=graphite]{color-scheme:dark;--ui-background: #111214;--ui-surface: #191b1f;--ui-surface-soft: #1f2226;--ui-surface-raised: #24272c;--ui-hover: #282b31;--ui-line-soft: #24272c;--ui-line: #2e3138;--ui-line-strong: #474c57;--ui-text: #eceef2;--ui-text-secondary: #c4c8d1;--ui-text-muted: #9ba1ae;--ui-accent: #566ac8;--accent-hover: #5d70cc;--ui-accent-text: #b9c5ff;--ui-accent-soft: #2a3152;--ui-on-accent: #ffffff;--ui-danger: #f0afb5;--ui-danger-soft: #402a2f;--ui-danger-solid: #c4424e;--ui-success: #a8d3b7;--ui-success-soft: #24372c;--ui-warning: #e2c598;--ui-warning-soft: #3b3427;--ui-purple: #cdbcf0;--ui-purple-soft: #332d45;--ui-media-accent: #b9c5ff;--ui-glass: #191b1fd1;--ui-overlay: #000000b0;--ui-shadow-soft: #00000038;--ui-shadow-color: #0000005c;--ui-shadow-strong: #00000085;--ui-focus: #a9b8ff;--ui-focus-ring: #a9b8ff59;--ui-scrollbar: #454a55}:root[data-theme=forest]{color-scheme:light;--ui-background: #f1f5f1;--ui-surface: #fdfefc;--ui-surface-soft: #f3f7f3;--ui-surface-raised: #ffffff;--ui-hover: #e8efe9;--ui-line-soft: #e8eee9;--ui-line: #dae4dc;--ui-line-strong: #bccdc0;--ui-text: #16271e;--ui-text-secondary: #3f5649;--ui-text-muted: #586d61;--ui-accent: #2c7350;--accent-hover: #246243;--ui-accent-text: #246243;--ui-accent-soft: #e2f1e7;--ui-on-accent: #ffffff;--ui-danger: #b23a45;--ui-danger-soft: #fcefee;--ui-danger-solid: #bf3541;--ui-success: #23704a;--ui-success-soft: #e4f3ea;--ui-warning: #87600f;--ui-warning-soft: #f8f1dd;--ui-purple: #77509a;--ui-purple-soft: #f0e9f7;--ui-media-accent: #9be0bb;--ui-glass: #fdfefcd1;--ui-overlay: #10201866;--ui-shadow-soft: #14261c0f;--ui-shadow-color: #14261c1f;--ui-shadow-strong: #14261c38;--ui-focus: #2c7350;--ui-focus-ring: #2c73503d;--ui-scrollbar: #b7c8bb}:root[data-theme=sand]{color-scheme:light;--ui-background: #f6f2ea;--ui-surface: #fffdf9;--ui-surface-soft: #f8f4ec;--ui-surface-raised: #fffefb;--ui-hover: #f0e9dc;--ui-line-soft: #efe8db;--ui-line: #e5dbca;--ui-line-strong: #cdbfa8;--ui-text: #2c241a;--ui-text-secondary: #594b3b;--ui-text-muted: #72624d;--ui-accent: #985e24;--accent-hover: #844f1b;--ui-accent-text: #844f1b;--ui-accent-soft: #f6e9d6;--ui-on-accent: #ffffff;--ui-danger: #b03a3a;--ui-danger-soft: #fceeea;--ui-danger-solid: #bc3a3a;--ui-success: #3a6e42;--ui-success-soft: #eaf3e4;--ui-warning: #85600d;--ui-warning-soft: #f8efd6;--ui-purple: #7c5290;--ui-purple-soft: #f3eaf4;--ui-media-accent: #f0c896;--ui-glass: #fffdf9d1;--ui-overlay: #2a1f1266;--ui-shadow-soft: #3a2a140f;--ui-shadow-color: #3a2a141f;--ui-shadow-strong: #3a2a1438;--ui-focus: #985e24;--ui-focus-ring: #985e243d;--ui-scrollbar: #cdbfa8}:root[data-theme=lavender]{color-scheme:light;--ui-background: #f4f2f9;--ui-surface: #fefdff;--ui-surface-soft: #f6f4fb;--ui-surface-raised: #ffffff;--ui-hover: #eeeaf7;--ui-line-soft: #ece8f4;--ui-line: #e3deef;--ui-line-strong: #c9c0dd;--ui-text: #241c35;--ui-text-secondary: #4e4465;--ui-text-muted: #695e81;--ui-accent: #7350b8;--accent-hover: #6443a6;--ui-accent-text: #6443a6;--ui-accent-soft: #eee7fb;--ui-on-accent: #ffffff;--ui-danger: #b43a52;--ui-danger-soft: #fceef1;--ui-danger-solid: #c0364f;--ui-success: #2a7151;--ui-success-soft: #e6f4ec;--ui-warning: #8a5f17;--ui-warning-soft: #f9f0de;--ui-purple: #7350b8;--ui-purple-soft: #eee7fb;--ui-media-accent: #cdb8ff;--ui-glass: #fefdffd1;--ui-overlay: #1e163066;--ui-shadow-soft: #2a1f440f;--ui-shadow-color: #2a1f441f;--ui-shadow-strong: #2a1f4438;--ui-focus: #7350b8;--ui-focus-ring: #7350b83d;--ui-scrollbar: #c9c0dd}:root[data-theme=plum]{color-scheme:dark;--ui-background: #15101c;--ui-surface: #1d1726;--ui-surface-soft: #241d2f;--ui-surface-raised: #2a2236;--ui-hover: #2e253b;--ui-line-soft: #2a2236;--ui-line: #352b43;--ui-line-strong: #4f4163;--ui-text: #f1eaf7;--ui-text-secondary: #cec1dc;--ui-text-muted: #a697b8;--ui-accent: #8257c9;--accent-hover: #875ccd;--ui-accent-text: #d6bcf5;--ui-accent-soft: #372950;--ui-on-accent: #ffffff;--ui-danger: #f3adb6;--ui-danger-soft: #432733;--ui-danger-solid: #c4424e;--ui-success: #a5d6b8;--ui-success-soft: #243a30;--ui-warning: #e8c794;--ui-warning-soft: #3f3426;--ui-purple: #d6bcf5;--ui-purple-soft: #372950;--ui-media-accent: #d6bcf5;--ui-glass: #1d1726d1;--ui-overlay: #07040cb8;--ui-shadow-soft: #00000038;--ui-shadow-color: #0000005c;--ui-shadow-strong: #00000085;--ui-focus: #c9a8f2;--ui-focus-ring: #c9a8f259;--ui-scrollbar: #4f4163}:root[data-theme=teal]{color-scheme:dark;--ui-background: #0b1617;--ui-surface: #111e20;--ui-surface-soft: #162629;--ui-surface-raised: #1a2d30;--ui-hover: #1d3235;--ui-line-soft: #1a2d30;--ui-line: #24393c;--ui-line-strong: #3a585c;--ui-text: #e4f2f0;--ui-text-secondary: #b8d0cd;--ui-text-muted: #90aaa7;--ui-accent: #1c7d71;--accent-hover: #1e8275;--ui-accent-text: #8fdcd2;--ui-accent-soft: #173a3b;--ui-on-accent: #ffffff;--ui-danger: #f2a9ae;--ui-danger-soft: #3f282c;--ui-danger-solid: #c4424e;--ui-success: #9fd8b4;--ui-success-soft: #1b3a2c;--ui-warning: #e5c690;--ui-warning-soft: #3a3424;--ui-purple: #cbb9ee;--ui-purple-soft: #2f2d47;--ui-media-accent: #8fdcd2;--ui-glass: #111e20d1;--ui-overlay: #020808b8;--ui-shadow-soft: #00000038;--ui-shadow-color: #0000005c;--ui-shadow-strong: #00000085;--ui-focus: #7fd3c8;--ui-focus-ring: #7fd3c859;--ui-scrollbar: #3a585c}}@layer base{*,*:before,*:after{box-sizing:border-box}html{background:var(--ui-background);color:var(--ui-text);font-family:var(--font-sans);font-size:100%;line-height:var(--leading-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scrollbar-color:var(--ui-scrollbar) transparent}:root[data-text-size=large]{font-size:112.5%}body{margin:0;background:inherit;color:inherit;font-size:var(--text-md)}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1{font-size:var(--text-3xl);font-weight:650;line-height:var(--leading-tight);letter-spacing:-.02em}h2{font-size:var(--text-xl);font-weight:650;line-height:var(--leading-tight);letter-spacing:-.01em}h3{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}p{line-height:1.65}p,li,dd,figcaption{text-wrap:pretty}strong,b{font-weight:600}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}input,textarea,select{min-width:0;padding:8px 12px;border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface);color:var(--ui-text);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):hover:not(:disabled,:focus-visible),textarea:hover:not(:disabled,:focus-visible){border-color:var(--ui-line-strong)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):focus-visible,textarea:focus-visible{border-color:var(--ui-focus);outline:none;box-shadow:0 0 0 3px var(--ui-focus-ring)}input::placeholder,textarea::placeholder{color:var(--ui-text-muted);opacity:1}input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;padding:0;accent-color:var(--ui-accent)}input[type=range]{width:100%;padding:0;accent-color:var(--ui-accent)}input[type=color]{width:100%;height:38px;padding:3px}textarea{min-height:100px;line-height:var(--leading-normal);resize:vertical}@media(pointer:coarse){input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea{font-size:max(16px,1em)}}::selection{background:var(--ui-accent-soft);color:var(--ui-text)}.hidden{display:none!important}.muted{color:var(--ui-text-muted);font-size:var(--text-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}}@layer base{@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-fade-out{to{opacity:0}}@keyframes ui-pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes ui-pop-out{to{opacity:0;transform:scale(.97)}}@keyframes ui-rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes ui-sink-out{to{opacity:0;transform:translateY(6px)}}@keyframes ui-drop-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes ui-slide-in-right{0%{transform:translate(100%)}}@keyframes ui-slide-out-right{to{transform:translate(100%)}}@keyframes ui-slide-in-left{0%{transform:translate(-100%)}}@keyframes ui-slide-out-left{to{transform:translate(-100%)}}@keyframes ui-slide-in-up{0%{transform:translateY(100%)}}@keyframes ui-slide-out-down{to{transform:translateY(100%)}}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ui-pulse{50%{opacity:.45}}@keyframes ui-flash{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.spin{animation:ui-spin .9s linear infinite}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--ui-hover) 30%,var(--ui-surface-soft) 50%,var(--ui-hover) 70%);background-size:200% 100%;animation:ui-shimmer 1.6s linear infinite;color:transparent;user-select:none}.stagger-item{animation:ui-rise-in var(--duration-slow) var(--ease-out) backwards;animation-delay:calc(min(var(--stagger-index, 0),12)*28ms)}}@layer ui{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface);box-shadow:var(--shadow-xs);color:var(--ui-text);font-size:var(--text-sm);font-weight:500;line-height:1.2;white-space:nowrap;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.button:hover:not(:disabled){border-color:var(--ui-line-strong);background:var(--ui-hover)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{box-shadow:none;opacity:.5}.button[aria-busy=true]{cursor:progress;opacity:.72}.button[aria-busy=true]:active{transform:none}.button.primary{border-color:transparent;background:var(--ui-accent);box-shadow:var(--shadow-xs),inset 0 1px #ffffff26;color:var(--ui-on-accent)}.button.primary:hover:not(:disabled){border-color:transparent;background:var(--accent-hover);box-shadow:var(--shadow-sm),inset 0 1px #ffffff26}.button.danger{border-color:transparent;background:var(--ui-danger-solid);box-shadow:var(--shadow-xs),inset 0 1px #ffffff26;color:#fff}.button.danger:hover:not(:disabled){border-color:transparent;background:var(--ui-danger-solid);filter:brightness(.92)}.button.danger-subtle{color:var(--ui-danger)}.button.danger-subtle:hover:not(:disabled){border-color:var(--ui-danger);background:var(--ui-danger-soft)}.button.ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--ui-text-secondary)}.button.ghost:hover:not(:disabled){border-color:transparent;background:var(--ui-hover);color:var(--ui-text)}.button.small{gap:6px;min-height:var(--control-sm);padding:0 10px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.button.large{min-height:var(--control-lg);padding:0 var(--space-4);font-size:var(--text-md)}.button[aria-pressed=true],.button[aria-expanded=true],.button[aria-pressed=true]:hover:not(:disabled),.button[aria-expanded=true]:hover:not(:disabled){border-color:transparent;background:var(--ui-accent-soft);box-shadow:none;color:var(--ui-accent-text)}.icon-button{display:inline-grid;flex-shrink:0;place-items:center;width:var(--control-md);height:var(--control-md);padding:0;border-radius:var(--radius-md);color:var(--ui-text-secondary);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.icon-button:hover:not(:disabled){background:var(--ui-hover);color:var(--ui-text)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button.active,.icon-button[aria-pressed=true]{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.icon-button.small{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm)}.field{display:grid;gap:6px;min-width:0;font-size:var(--text-sm);font-weight:400}.field>span{color:var(--ui-text-secondary);font-weight:500}.field>small{color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.field>input,.field>textarea,.field>.custom-select{width:100%}.field>input{min-height:var(--control-lg)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form>.button{align-self:flex-end;min-width:104px;min-height:var(--control-lg)}.custom-select{position:relative;display:inline-flex;min-width:0;vertical-align:middle}.custom-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--control-md);padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface);box-shadow:var(--shadow-xs);color:var(--ui-text);font-size:var(--text-sm);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.custom-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger>svg{color:var(--ui-text-muted);transition:transform var(--duration-base) var(--ease-out)}.custom-select-trigger:hover:not(:disabled){border-color:var(--ui-line-strong)}.custom-select-trigger.is-open{border-color:var(--ui-focus);box-shadow:0 0 0 3px var(--ui-focus-ring)}.custom-select-trigger.is-open>svg{transform:rotate(180deg)}.field>.custom-select>.custom-select-trigger{min-height:var(--control-lg)}.select-menu{z-index:var(--z-popover);padding:var(--space-1);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--ui-line);border-radius:var(--radius-lg);background:var(--ui-surface-raised);box-shadow:var(--shadow-lg);color:var(--ui-text);transform-origin:top center;animation:ui-pop-in var(--duration-fast) var(--ease-out)}.select-menu.is-above{transform-origin:bottom center}.select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-md);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--radius-sm);color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:1.45;cursor:pointer}.select-option>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option>svg{color:var(--ui-accent-text)}.select-option.active{background:var(--ui-hover)}.select-option.selected{color:var(--ui-accent-text);font-weight:500}.select-option.disabled{cursor:not-allowed;opacity:.45}.dialog-shade{position:fixed;inset:0;z-index:var(--z-dialog);display:grid;place-content:normal;place-items:center;padding:var(--space-6);overflow-y:auto;background:var(--ui-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ui-fade-in var(--duration-base) var(--ease-out)}.dialog{display:flex;flex-direction:column;width:min(460px,100%);max-width:100%;max-height:calc(100dvh - var(--space-12));overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--radius-xl);background:var(--ui-surface-raised);box-shadow:var(--shadow-xl);color:var(--ui-text);animation:ui-dialog-in var(--duration-slow) var(--ease-out)}.dialog:focus-visible{outline:none}.dialog.dialog-wide{width:min(980px,100%)}.dialog>header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-6);position:static;border-bottom:0;background:none}.dialog.dialog-flush>header{border-bottom:1px solid var(--ui-line-soft)}.dialog.dialog-flush>.notice{flex:none;margin:var(--space-4) var(--space-6) 0}.dialog>header>h2{overflow:hidden;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap}.dialog-body{display:flex;flex-direction:column;gap:var(--space-5);min-height:0;padding:var(--space-1) var(--space-6) var(--space-6);overflow-y:auto}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);padding-top:0;border-top:0}.dialog-actions>.button{min-width:96px;min-height:var(--control-lg)}.dialog-text{margin:0;color:var(--ui-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:anywhere}.dialog-text>strong{color:var(--ui-text);font-weight:600}.dialog-shade.is-closing{animation:ui-fade-out var(--duration-fast) var(--ease-in) forwards}.dialog-shade.is-closing>.dialog{animation:ui-pop-out var(--duration-fast) var(--ease-in) forwards}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@media(max-width:700px){.dialog-shade{place-items:end center;padding:var(--space-6) 0 0}.dialog,.dialog.dialog-wide{width:100%;max-height:calc(100dvh - var(--space-6));padding-bottom:env(safe-area-inset-bottom,0px);border-width:1px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:ui-slide-in-up var(--duration-slow) var(--ease-out)}.dialog-shade.is-closing>.dialog{animation:ui-slide-out-down var(--duration-base) var(--ease-in) forwards}.dialog>header{padding-left:var(--space-5)}.dialog-body{padding:var(--space-1) var(--space-5) var(--space-5)}.dialog-actions>.button{flex:1 1 120px}.dialog>.now-playing-wheel{display:none}}.notice{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-lg);padding:var(--space-2) var(--space-3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface-soft);color:var(--ui-text);font-size:var(--text-sm);line-height:var(--leading-snug)}.notice>svg:first-child{color:var(--ui-success)}.notice>span{flex:1;min-width:0;overflow-wrap:anywhere}.notice.error{border-color:var(--ui-danger);background:var(--ui-danger-soft)}.notice.error>svg:first-child{color:var(--ui-danger)}.notice>.icon-button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-full)}.toast-container{position:fixed;left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);display:grid;justify-items:center;gap:var(--space-2);width:max-content;max-width:calc(100vw - var(--space-8));transform:translate(-50%);pointer-events:none}.toast-container>.notice{max-width:min(560px,100%);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-color:var(--ui-line);border-radius:var(--radius-full);background:var(--ui-surface-raised);box-shadow:var(--shadow-lg);pointer-events:auto;animation:ui-toast-in var(--duration-slow) var(--ease-spring)}.toast-container>.notice.error{border-color:var(--ui-danger)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}.toast-container.is-leaving>.notice{animation:ui-toast-out var(--duration-fast) var(--ease-in) forwards}@keyframes ui-toast-out{to{opacity:0;transform:translateY(8px) scale(.98)}}body:has(.now-playing-space) .toast-container{bottom:calc(96px + env(safe-area-inset-bottom,0px))}body:has(.now-playing-wheel.is-open) .toast-container{top:80px;bottom:auto}@media(max-width:700px){body:has(.dialog-shade) .toast-container{top:calc(var(--space-4) + env(safe-area-inset-top,0px));bottom:auto}}.brand-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;width:28px;height:28px;transform:skewY(-9deg)}.brand-mark i{width:6px;height:15px;border-radius:2px;background:var(--brand-mark-color, var(--ui-accent))}.brand-mark i:nth-child(2){height:24px;opacity:.78}.brand-mark i:nth-child(3){height:19px;opacity:.5}.brand-mark.large{gap:4px;width:40px;height:40px}.brand-mark.large i{width:9px;height:22px;border-radius:3px}.brand-mark.large i:nth-child(2){height:34px}.brand-mark.large i:nth-child(3){height:27px}.progress{height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--ui-hover)}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--ui-accent);transition:width var(--duration-slow) var(--ease-out)}.ring{--ring-color: var(--ui-accent);position:relative;display:inline-grid;flex:none;place-items:center;width:var(--ring-size, 120px);height:var(--ring-size, 120px)}.ring[data-tone=danger]{--ring-color: var(--ui-danger)}.ring>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none}.ring-track{stroke:var(--ring-track, var(--ui-hover))}.ring-value{stroke:var(--ring-color);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slower) var(--ease-out),stroke var(--duration-base) var(--ease-standard);animation:ring-sweep .9s var(--ease-out) backwards}@keyframes ring-sweep{0%{stroke-dashoffset:var(--ring-length)}}.ring-center{position:relative;display:grid;justify-items:center;line-height:1}.empty-state{display:grid;align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);min-height:280px;color:var(--ui-text-muted);text-align:center;animation:ui-fade-in var(--duration-slow) var(--ease-out)}.empty-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--space-2);border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface-soft);color:var(--ui-text-muted)}.empty-state>h3{color:var(--ui-text);font-size:var(--text-lg)}.empty-state>p{max-width:44ch;margin:0;font-size:var(--text-sm)}.empty-state>.button{margin-top:var(--space-3)}@media(max-width:700px){.empty-state{min-height:300px}}.error-text{margin-top:6px;color:var(--ui-danger);font-size:var(--text-2xs);line-height:1.6}.file-icon{color:var(--ui-text-muted)}.file-icon.folder{color:var(--ui-warning)}.file-icon.video{color:var(--ui-accent-text)}.file-icon.audio{color:var(--ui-purple)}.file-icon.image{color:var(--ui-success)}.file-icon.document{color:var(--ui-text-secondary)}.search-field{display:flex;align-items:center;min-width:0;height:var(--control-md);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface);color:var(--ui-text-muted);cursor:text;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.search-field:hover{border-color:var(--ui-line-strong)}.search-field:focus-within{border-color:var(--ui-focus);box-shadow:0 0 0 3px var(--ui-focus-ring)}.search-field>svg{margin-left:10px}.search-field>input{flex:1;align-self:stretch;width:100%;min-width:0;height:auto;padding:0 var(--space-2);text-overflow:ellipsis;border:0;border-radius:0;outline:none;background:none;box-shadow:none;color:var(--ui-text);font-size:var(--text-sm)}.search-field>.icon-button{margin-right:3px;border-radius:var(--radius-full)}@media(pointer:coarse){.search-field>input{font-size:16px}.search-field>.icon-button{width:var(--control-md);height:var(--control-md);margin-right:0}}.segmented{display:inline-flex;flex:none;border-radius:var(--radius-md);background:var(--ui-surface-soft);box-shadow:inset 0 0 0 1px var(--ui-line-soft)}.segmented>.icon-button{position:relative;z-index:0;color:var(--ui-text-muted)}.segmented>.icon-button:before{content:"";position:absolute;inset:3px;z-index:-1;border-radius:calc(var(--radius-md) - 2px);transition:background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.segmented>.icon-button:hover:not(:disabled),.segmented>.icon-button[aria-pressed=true]{background:none;color:var(--ui-text)}.segmented>.icon-button[aria-pressed=true]:before{background:var(--ui-surface);box-shadow:var(--shadow-xs),0 0 0 1px var(--ui-line-soft)}.pill-tabs{display:flex;gap:var(--space-1);min-width:0}.pill-tabs>button{position:relative;z-index:0;flex:none;height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--ui-text-secondary);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}.pill-tabs>button:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-standard)}.pill-tabs>button:hover{color:var(--ui-text)}.pill-tabs>button:hover:before{background:var(--ui-hover)}.pill-tabs>button[aria-pressed=true]{color:var(--ui-accent-text)}.pill-tabs>button[aria-pressed=true]:before{background:var(--ui-accent-soft)}@media(pointer:coarse){.pill-tabs>button{height:44px}.pill-tabs>button:before{inset:5px 0}}.tabs-bar{display:flex;gap:var(--space-6);border-bottom:1px solid var(--ui-line-soft)}.tabs-bar>[role=tab]{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 2px;border:0;background:none;color:var(--ui-text-secondary);font-size:var(--text-md);font-weight:500;transition:color var(--duration-fast) var(--ease-standard)}.tabs-bar>[role=tab]:hover{color:var(--ui-text)}.tabs-bar>[role=tab][aria-selected=true]{color:var(--ui-text);font-weight:600}.tabs-bar>[role=tab]:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px 2px 0 0;background:var(--ui-accent);opacity:0;transform:scaleX(.4);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-out)}.tabs-bar>[role=tab][aria-selected=true]:after{opacity:1;transform:scaleX(1)}@media(pointer:coarse){.tabs-bar>[role=tab]{height:44px}}.page-intro{margin-bottom:var(--space-6)}.page-intro h1{margin-bottom:var(--space-2);font-size:1.625rem;line-height:1.35;letter-spacing:-.6px}.page-intro p{max-width:68ch;color:var(--ui-text-muted);font-size:var(--text-sm);line-height:1.7}.page-intro.with-action{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.page-actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media(max-width:1200px){.page-actions{justify-content:flex-end;max-width:310px}}@media(min-width:701px)and (max-width:1100px){.page-intro.with-action{flex-wrap:wrap;align-items:flex-start}}@media(max-width:900px){.page-intro.with-action{flex-direction:column}.page-actions{justify-content:flex-start;max-width:none}}@media(max-width:700px){.page-intro{margin-bottom:22px}.page-intro h1{font-size:1.5625rem}.page-intro p{max-width:100%;font-size:var(--text-xs)}.page-intro.with-action{align-items:flex-start;gap:var(--space-4)}.page-actions{width:100%}.page-actions .button{flex:1}}.card{min-width:0;padding:var(--space-6);border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs)}.card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-5)}.card-head>h2{font-size:var(--text-lg);font-weight:600;letter-spacing:0}.card-head>p{color:var(--ui-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.card-note{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.card-empty{color:var(--ui-text-muted);font-size:var(--text-sm)}@media(max-width:700px){.card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}}.badge{display:inline-flex;flex:none;align-items:center;gap:6px;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--ui-hover);color:var(--ui-text-secondary);font-size:var(--text-xs);font-weight:500;line-height:1;white-space:nowrap}.badge[data-dot]:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge[data-tone=accent]{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.badge[data-tone=success]{background:var(--ui-success-soft);color:var(--ui-success)}.badge[data-tone=warning]{background:var(--ui-warning-soft);color:var(--ui-warning)}.badge[data-tone=danger]{background:var(--ui-danger-soft);color:var(--ui-danger)}.unfold{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--control-md);margin:var(--space-2) 0 0 calc(var(--space-3) * -1);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ui-accent-text);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration-fast) var(--ease-standard)}.unfold:hover{background:var(--ui-accent-soft)}.unfold>svg{transition:transform var(--duration-base) var(--ease-out)}.unfold[aria-expanded=true]>svg{transform:rotate(180deg)}.filter-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--ui-accent);color:var(--ui-on-accent);font-size:var(--text-2xs);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.filter-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--filter-pad, var(--space-5));border-bottom:1px solid var(--ui-line-soft);background:var(--ui-surface-soft);animation:ui-fade-in var(--duration-base) var(--ease-out)}.filter-field{display:grid;gap:6px;min-width:0}.filter-field>span:first-child{color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-tight)}.filter-field>span:first-child>small{margin-left:var(--space-1);font-size:inherit;font-weight:400;opacity:.8}.filter-field .custom-select-trigger{min-width:124px}.filter-field input{height:var(--control-md);padding:0 var(--space-3);font-size:var(--text-sm)}.filter-field.is-wide{flex:1 1 200px;max-width:320px}.filter-field.is-wide>input{width:100%}.filter-range{display:flex;align-items:center;gap:var(--space-2);min-width:0}.filter-range>span{color:var(--ui-text-muted);font-size:var(--text-sm)}.filter-range>input{width:150px}.filter-range>input.is-time{width:104px;font-variant-numeric:tabular-nums}.filter-clear{margin-left:auto}@media(pointer:coarse){.filter-field input{font-size:16px}}@media(max-width:700px){.filter-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.filter-field.is-wide{max-width:none}.filter-range{display:grid;grid-template-columns:auto minmax(0,1fr)}.filter-range>input:first-child{grid-column:1 / -1}.filter-range>input,.filter-range>input.is-time{width:100%;min-width:0}.filter-range.is-short{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.filter-range.is-short>input:first-child{grid-column:auto}.filter-clear{justify-self:start;margin-left:calc(var(--space-3) * -1)}}}@layer shell{.app-shell{--sidebar: var(--sidebar-width);--side-size: 40px;--side-row: 40px;--side-figure: 10px;--page-gutter: 32px;display:flex;min-height:100dvh}.app-main{width:calc(100% - var(--sidebar));min-width:0;margin-left:var(--sidebar)}.main-content{position:relative;padding:28px var(--page-gutter) 40px}:root[data-density=compact] .main-content{padding-top:20px}@media(max-width:1100px){.app-shell{--page-gutter: 24px}}.boot{display:grid;place-content:center;justify-items:center;gap:var(--space-5);min-height:100dvh;color:var(--ui-text-muted);font-size:var(--text-sm)}.boot .brand-mark{animation:ui-pulse 1.6s var(--ease-in-out) infinite}.boot p{margin:0}.top{position:sticky;top:0;z-index:var(--z-topbar);display:flex;align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--page-gutter);border-bottom:1px solid var(--ui-line-soft);background:var(--ui-background)}.top-location{display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--ui-text-muted);font-size:var(--text-sm);white-space:nowrap}.top-location svg{flex:none}.top-location strong{overflow:hidden;color:var(--ui-text);font-weight:600;text-overflow:ellipsis}.top-actions{flex:none;display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.side{position:fixed;top:0;left:0;z-index:var(--z-sidebar);display:flex;flex-direction:column;align-items:center;width:var(--sidebar);height:100dvh;padding:12px 0;border-right:1px solid var(--ui-line-soft);background:var(--ui-surface)}.side-brand{flex:none;display:grid;place-items:center;width:var(--side-size);height:var(--side-size);border-radius:var(--radius-md);color:var(--ui-text);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard)}.side-brand:hover{background:var(--ui-hover)}.side-nav{flex:1 1 auto;align-self:stretch;min-height:0;margin:4px 0;padding:8px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8px,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 8px,#000 calc(100% - 8px),transparent)}.side-nav::-webkit-scrollbar{display:none}.side-group{display:grid;justify-items:center;gap:4px}.side-group+.side-group:before{content:"";width:20px;height:1px;margin:6px 0;background:var(--ui-line)}.side-item,.side-storage,.side-account{position:relative;width:var(--side-size);padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ui-text-secondary);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.side-item,.side-account{display:grid;place-items:center;height:var(--side-row)}.side-item:hover,.side-storage:hover,.side-account:hover,.side-account[aria-expanded=true]{background:var(--ui-hover);color:var(--ui-text)}.side-item[aria-current=page],.side-storage[aria-current=page]{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.side-item[aria-current=page]:before,.side-storage[aria-current=page]:before{content:"";position:absolute;top:50%;left:calc((var(--side-size) - var(--sidebar)) / 2);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--ui-accent);transform:translateY(-50%)}.side-badge{position:absolute;top:calc(50% - 13px);left:calc(50% + 5px);width:8px;height:8px;border-radius:999px;background:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-surface)}.side-foot{flex:none;display:grid;justify-items:center;gap:6px;width:100%}.side-storage{--side-storage: calc(var(--side-size) + 4px);display:grid;place-items:center;width:var(--side-storage);height:var(--side-storage)}.side-storage[aria-current=page]:before{left:calc((var(--side-storage) - var(--sidebar)) / 2)}.side-storage-ring{--ring-size: calc(var(--side-storage) - 8px);--ring-track: var(--ui-line-strong)}.side-storage-value{color:var(--ui-text);font-size:var(--side-figure);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.side-storage-value[data-long]{font-size:calc(var(--side-figure) - 1.5px)}.side-storage[aria-current=page] .side-storage-value{color:var(--ui-accent-text)}.side-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent-text);font-size:12px;font-weight:700}.side-hint{position:fixed;left:calc(var(--sidebar) + 6px);z-index:3;padding:5px 9px;border-radius:var(--radius-sm);background:var(--ui-text);box-shadow:var(--shadow-md);color:var(--ui-background);font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;transform:translateY(-50%);animation:side-hint-in var(--duration-fast) var(--ease-out)}@keyframes side-hint-in{0%{opacity:0;transform:translate(-4px,-50%)}}.account-menu{position:fixed;z-index:2;min-width:216px;padding:6px;border:1px solid var(--ui-line);border-radius:var(--radius-lg);background:var(--ui-surface-raised);box-shadow:var(--shadow-lg);transform-origin:left bottom;animation:account-menu-in var(--duration-base) var(--ease-out)}@keyframes account-menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.account-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--control-md);padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ui-text);font-size:13px;text-align:left}.account-menu button>svg{flex:none;color:var(--ui-text-secondary)}.account-menu button>span{flex:1}.account-menu button>small{color:var(--ui-text-muted);font-size:12px}.account-menu button:hover,.account-menu button:focus-visible{background:var(--ui-hover);outline:none}.account-menu hr{height:1px;margin:6px 4px;border:0;background:var(--ui-line-soft)}.account-menu-identity{display:grid;gap:2px;margin-bottom:6px;padding:6px 10px 10px;border-bottom:1px solid var(--ui-line-soft);font-size:13px}.account-menu-identity span{color:var(--ui-text-muted);font-size:12px}.drop-overlay{position:fixed;inset:calc(var(--topbar-height) + 12px) 12px 12px calc(var(--sidebar) + 12px);z-index:calc(var(--z-topbar) - 1);display:grid;place-items:center;padding:var(--space-4);border:2px dashed var(--ui-accent);border-radius:var(--radius-2xl);background:var(--ui-overlay);pointer-events:none;animation:ui-fade-in var(--duration-fast) var(--ease-out)}.drop-overlay-card{display:grid;justify-items:center;gap:var(--space-2);max-width:380px;padding:var(--space-6) var(--space-8);border:1px solid var(--ui-line);border-radius:var(--radius-xl);background:var(--ui-surface-raised);box-shadow:var(--shadow-lg);color:var(--ui-accent-text);text-align:center;animation:ui-pop-in var(--duration-base) var(--ease-out)}.drop-overlay-card>h2{margin-top:var(--space-1);color:var(--ui-text);font-size:var(--text-lg);font-weight:600}.drop-overlay-card>p{color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}:root[data-density=compact] .app-shell{--side-row: 36px}@media(max-height:700px)and (pointer:fine){.app-shell{--side-row: 36px}}@media(pointer:coarse){.app-shell,:root[data-density=compact] .app-shell{--side-size: 44px;--side-row: 44px;--side-figure: 11px}.account-menu button{min-height:44px}}@media(max-width:700px){.app-shell,:root[data-density=compact] .app-shell{--sidebar: 56px;--side-size: 44px;--side-row: 44px;--side-figure: 11px;--page-gutter: 16px}.main-content{padding-top:20px;padding-bottom:36px}}@media(max-width:420px){.app-shell,:root[data-density=compact] .app-shell{--page-gutter: 12px}}}@layer features{.login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);min-height:100dvh;background:var(--ui-background);color:var(--ui-text)}.login-stage{--brand-mark-color: var(--ui-media-accent);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-6);padding:40px 56px;overflow:hidden;border-right:1px solid var(--ui-media-line);background:var(--ui-media-surface);color:var(--ui-media-text)}.login-stage:before{content:"";position:absolute;z-index:-1;top:-22%;right:-28%;width:86%;aspect-ratio:1;background:radial-gradient(closest-side,var(--ui-media-accent),transparent);opacity:.16;pointer-events:none}.login-brand,.login-form-brand{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:-.2px}.login-show{position:relative;width:min(100%,440px);margin:auto;padding:26px 0 44px;animation:ui-rise-in var(--duration-slower) var(--ease-out) 60ms backwards}.login-show-screen{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--ui-media-line);border-radius:var(--radius-xl);background:radial-gradient(90% 120% at 12% 0%,var(--ui-media-raised),transparent 70%),var(--ui-media-stage);box-shadow:var(--shadow-xl)}.login-show-play{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-full);background:var(--ui-media-glass);color:var(--ui-media-ink)}.login-show-play svg{margin-left:3px;fill:currentColor}.login-show-time{position:absolute;right:14px;bottom:16px;padding:4px 10px;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-full);background:var(--ui-media-glass);color:var(--ui-media-ink-soft);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.3}.login-show-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ui-media-track)}.login-show-track b{display:block;width:46%;height:100%;background:var(--ui-media-accent)}.login-show-note,.login-show-files{position:absolute;border:1px solid var(--ui-media-line);border-radius:var(--radius-lg);background:var(--ui-media-raised);box-shadow:var(--shadow-lg);animation:ui-pop-in var(--duration-slow) var(--ease-out) .26s backwards}.login-show-note i,.login-show-files i{height:6px;border-radius:3px;background:var(--ui-media-line)}.login-show-note{top:0;right:-30px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 9px;width:152px;padding:12px;color:var(--ui-media-accent)}.login-show-note svg{grid-row:1 / span 2;align-self:start}.login-show-note i{grid-column:2}.login-show-note i:last-child{width:62%}.login-show-files{left:-34px;bottom:0;display:grid;gap:8px;width:196px;padding:10px;animation-delay:.34s}.login-show-files div{display:grid;grid-template-columns:26px 1fr 30px;align-items:center;gap:9px}.login-show-files span{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--ui-media-hover);color:var(--ui-media-muted)}.login-show-files div:first-child span{color:var(--ui-media-accent)}.login-show-files i:last-child{opacity:.55}.login-pitch{display:grid;gap:var(--space-3);animation:ui-rise-in var(--duration-slower) var(--ease-out) .12s backwards}.login-pitch p{margin:0;color:var(--ui-media-muted);font-size:14px;line-height:1.75}.login-pitch .login-tagline{color:var(--ui-media-text);font-size:34px;font-weight:700;line-height:1.22;letter-spacing:-.6px}.login-foot{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-2);color:var(--ui-media-muted);font-size:12px}.login-panel{position:relative;display:grid;place-items:center;padding:72px 32px 56px}.login-theme{position:absolute;top:20px;right:24px;color:var(--ui-text-secondary)}.login-form{display:grid;gap:var(--space-4);width:min(100%,360px);animation:ui-rise-in var(--duration-slower) var(--ease-out) backwards}.login-form-brand{display:none;margin-bottom:var(--space-5)}.login-form h1{margin:0;font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.4px}.login-lead{margin:calc(var(--space-2) * -1) 0 var(--space-2);color:var(--ui-text-secondary);font-size:14px;line-height:var(--leading-normal)}.login-form .field>label{color:var(--ui-text-secondary);font-weight:500}.login-form input{width:100%;height:44px;font-size:14px;font-weight:500}.login-form input::placeholder{color:var(--ui-text-muted);font-weight:400}.login-secret{position:relative}.login-secret input{padding-right:46px}.login-secret .icon-button{position:absolute;top:0;right:5px;bottom:0;margin:auto 0;color:var(--ui-text-muted)}.login-submit{width:100%;height:44px;margin-top:var(--space-2);font-size:14px}.login-submit svg:last-child{transition:transform var(--duration-base) var(--ease-out)}.login-submit:hover:not(:disabled) svg:last-child{transform:translate(3px)}.login-help{margin:var(--space-2) 0 0;padding-top:var(--space-4);border-top:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:12px;line-height:1.6;text-align:center}@media(pointer:coarse){.login-theme{min-height:44px}.login-secret .icon-button{width:40px;height:40px;right:2px}}@media(max-height:720px){.login-stage{gap:var(--space-4);padding-block:28px}.login-pitch .login-tagline{font-size:28px}}@media(max-height:600px){.login-show{display:none}.login-pitch{margin-top:auto}.login-panel{padding-block:64px 32px}}@media(max-width:900px){.login{grid-template-columns:minmax(0,1fr)}.login-stage{display:none}.login-form-brand{display:flex}.login-panel{padding-inline:20px}}}@layer features{.transfers{position:relative}.transfers-toggle{position:relative;overflow:hidden}.transfers-toggle b{min-width:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--ui-accent);color:var(--ui-on-accent);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:18px;text-align:center}.transfers-toggle-progress{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ui-accent);transform-origin:left center;transition:transform var(--duration-slow) var(--ease-out)}.transfers-panel{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;width:min(400px,calc(100vw - var(--sidebar, 0px) - var(--space-6)));max-height:min(520px,calc(100dvh - var(--topbar-height) - 32px));overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--radius-xl);background:var(--ui-surface-raised);box-shadow:var(--shadow-xl);transform-origin:top right;animation:ui-pop-in var(--duration-base) var(--ease-out)}.transfers-panel>header{flex:none;display:flex;align-items:center;gap:8px;padding:14px 10px 12px 16px;border-bottom:1px solid var(--ui-line-soft)}.transfers-panel>header>div{flex:1;min-width:0}.transfers-panel h2{font-size:var(--text-md);font-weight:600;line-height:var(--leading-tight)}.transfers-panel>header p{margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-xs)}.transfers-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.transfers-list>.empty-state{padding:var(--space-8) var(--space-6)}.transfer{display:grid;gap:8px;padding:12px 10px 8px 16px}.transfer+.transfer{border-top:1px solid var(--ui-line-soft)}.transfer-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-right:6px;font-size:var(--text-sm)}.transfer-head strong{min-width:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.transfer-head span{flex:none;color:var(--ui-text-muted);font-size:var(--text-xs)}.transfer>.progress{margin-right:6px}.transfer[data-status=done] .transfer-head span{color:var(--ui-success)}.transfer[data-status=done]>.progress{display:none}.transfer[data-status=error] .transfer-head span{color:var(--ui-danger)}.transfer[data-status=error] .progress>span{background:var(--ui-danger)}.transfer[data-status=paused] .progress>span,.transfer[data-status=cancelled] .progress>span{background:var(--ui-text-muted)}.transfer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:var(--control-sm);color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.transfer-foot>div{display:flex;align-items:center;color:var(--ui-success)}.transfer-foot>div>svg{margin:0 8px}.transfer-foot .icon-button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm)}.transfer-error{padding-right:6px;color:var(--ui-danger);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere}@media(pointer:coarse){.transfers-toggle{min-height:44px}.transfers-panel>header .button,.transfer-foot .icon-button{min-height:44px}.transfers-panel>header .icon-button,.transfer-foot .icon-button{width:44px;height:44px}}@media(max-width:420px){.transfers-toggle>span{display:none}}}@layer features{.video-player{display:grid;gap:var(--space-3);min-width:0}.player-viewport{--player-inset: 12px;--player-button: 36px;--player-scrubber: 20px;--player-deck-pad-top: 4px;--player-deck-pad-bottom: 8px;--player-deck-height: calc(var(--player-button) + var(--player-scrubber) + var(--player-deck-pad-top) + var(--player-deck-pad-bottom) + 2px);--player-center-size: 68px;--player-center-side: 48px;--player-center-shift: 0px;--player-caption-rest: 20px;position:relative;width:100%;aspect-ratio:16 / 9;max-height:var(--player-max-height, 76vh);max-height:var(--player-max-height, 76dvh);overflow:hidden;border-radius:var(--radius-xl);background:var(--ui-media-stage);color:var(--ui-media-ink);font-size:var(--text-sm);line-height:var(--leading-tight);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.player-viewport.is-idle{cursor:none}.player-viewport:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0}.player-viewport.is-fullscreen{--player-inset: 20px;--player-caption-rest: 36px;max-height:none;aspect-ratio:auto;border-radius:0}.player-viewport.is-window-fullscreen{position:fixed;inset:0;z-index:var(--z-fullscreen);width:100vw;height:100vh;height:100dvh}.player-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:var(--ui-media-stage)}.player-media:focus-visible{outline:2px solid var(--ui-media-ink);outline-offset:-4px}.player-viewport button:focus-visible,.player-viewport input:focus-visible{outline:2px solid var(--ui-media-ink);outline-offset:2px}.player-scrim{position:absolute;inset:0;z-index:1;background-color:transparent;background-image:linear-gradient(to top,var(--ui-media-scrim),transparent 44%),linear-gradient(to bottom,var(--ui-media-scrim-soft),transparent 26%);pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.player-viewport.is-paused .player-scrim{background-color:var(--ui-media-scrim-soft)}.player-viewport.is-idle .player-scrim{opacity:0;transition-duration:var(--duration-slow)}.player-captions{position:absolute;right:0;bottom:var(--player-caption-rest);left:0;z-index:4;padding:0 7%;container-type:inline-size;text-align:center;pointer-events:none;transform:translateY(calc(var(--player-caption-rest) - var(--player-inset) - var(--player-deck-height) - 14px));transition:transform var(--duration-base) var(--ease-out)}.player-viewport.is-idle .player-captions{transform:none;transition-duration:var(--duration-slow)}.player-captions span{padding:.16em .5em;border-radius:var(--radius-sm);background:var(--ui-media-overlay);color:var(--ui-media-ink);font-size:calc(clamp(14px,2.3cqw,30px) * var(--caption-scale, 1));font-weight:500;line-height:1.6;white-space:pre-line;-webkit-box-decoration-break:clone;box-decoration-break:clone}.player-buffering{position:absolute;top:50%;left:50%;z-index:3;width:calc(var(--player-center-size) + 14px);height:calc(var(--player-center-size) + 14px);transform:translate(-50%,calc(-50% - var(--player-center-shift)));pointer-events:none}.player-buffering span{display:block;width:100%;height:100%;border:3px solid var(--ui-media-track);border-top-color:var(--ui-media-ink);border-radius:50%;animation:ui-spin .82s linear infinite}.player-center{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;gap:28px;transform:translate(-50%,calc(-50% - var(--player-center-shift)));transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s}.player-center[data-visible=false]{visibility:hidden;opacity:0;transform:translate(-50%,calc(-50% - var(--player-center-shift))) scale(.9);transition:opacity var(--duration-fast) var(--ease-in),transform var(--duration-fast) var(--ease-in),visibility 0s linear var(--duration-fast)}.player-viewport.is-idle .player-center[data-visible=false]{transition:opacity var(--duration-slow) var(--ease-in),transform var(--duration-slow) var(--ease-in),visibility 0s linear var(--duration-slow)}.player-center-button{position:relative;display:grid;flex:none;place-items:center;width:var(--player-center-side);height:var(--player-center-side);border:1px solid var(--ui-media-glass-line);border-radius:50%;background-color:var(--ui-media-glass);color:var(--ui-media-ink);box-shadow:0 8px 28px var(--ui-media-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-standard)}.player-center-play{width:var(--player-center-size);height:var(--player-center-size)}.player-center-button:active{background-image:linear-gradient(var(--ui-media-press),var(--ui-media-press));transform:scale(.94)}.player-center-button b{position:absolute;top:50%;left:50%;font-size:8px;font-weight:700;line-height:1;transform:translate(-50%,-46%)}.player-center-icon{display:grid;place-items:center;animation:player-icon-in var(--duration-base) var(--ease-spring) both}.player-center-icon .lucide-play{translate:2px 0}.player-title{position:absolute;top:var(--player-inset);right:var(--player-inset);left:var(--player-inset);z-index:4;margin:0;overflow:hidden;color:var(--ui-media-ink);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);text-overflow:ellipsis;text-shadow:0 1px 3px var(--ui-media-shadow);white-space:nowrap;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}.player-viewport.is-idle .player-title{opacity:0;transition-duration:var(--duration-slow)}.player-status{position:absolute;top:var(--player-inset);right:var(--player-inset);left:var(--player-inset);z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);pointer-events:none}.player-viewport.is-fullscreen .player-status{top:calc(var(--player-inset) + 36px)}.player-status.is-blocking,.player-viewport.is-fullscreen .player-status.is-blocking{inset:0;align-items:center;justify-content:center;padding:var(--player-inset)}.player-pill{position:relative;display:flex;align-items:center;gap:var(--space-2);max-width:100%;min-height:32px;padding:5px 12px;overflow:hidden;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-full);background:var(--ui-media-glass);color:var(--ui-media-ink);font-size:var(--text-xs);line-height:var(--leading-snug);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);pointer-events:auto;animation:player-pill-in var(--duration-base) var(--ease-out) both}.player-pill>span{min-width:0}.player-pill>svg{flex:none}.player-pill small{margin-left:var(--space-2);color:var(--ui-media-ink-soft);font-size:inherit;font-variant-numeric:tabular-nums}.player-pill button{flex:none;min-height:22px;padding:0 9px;border-radius:var(--radius-full);background:var(--ui-media-hover);color:var(--ui-media-ink);font-weight:600;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard)}.player-pill button:active{background:var(--ui-media-press)}.player-pill .player-pill-close{display:grid;place-items:center;width:22px;margin-right:-5px;padding:0;background:none;color:var(--ui-media-ink-soft)}.player-pill .progress{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:0;background:transparent}.player-pill .progress>span{border-radius:0;background:var(--ui-media-ink)}.player-status.is-blocking .player-pill{min-height:40px;padding:8px 16px;font-size:var(--text-sm)}.player-chrome{position:absolute;right:var(--player-inset);bottom:var(--player-inset);left:var(--player-inset);z-index:5;display:flex;justify-content:center;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),visibility 0s}.player-viewport.is-idle .player-chrome{visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity var(--duration-slow) var(--ease-in),transform var(--duration-slow) var(--ease-in),visibility 0s linear var(--duration-slow)}.player-deck{width:100%;max-width:1040px;padding:var(--player-deck-pad-top) 10px var(--player-deck-pad-bottom);border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-xl);background:var(--ui-media-glass);box-shadow:0 10px 32px var(--ui-media-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);pointer-events:auto}.player-scrubber{position:relative;height:var(--player-scrubber);margin:0 4px;outline:none;cursor:pointer;touch-action:none}.player-scrubber[aria-disabled=true]{cursor:default}.player-scrubber-track{position:absolute;top:50%;right:0;left:0;height:4px;margin-top:-2px;overflow:hidden;border-radius:var(--radius-full);background:var(--ui-media-track);transition:transform var(--duration-fast) var(--ease-out)}.player-scrubber.is-dragging .player-scrubber-track,.player-scrubber:focus-visible .player-scrubber-track{transform:scaleY(1.5)}.player-scrubber-available,.player-scrubber-played{position:absolute;inset:0;transform-origin:left center}.player-scrubber-available{background:var(--ui-media-buffer);transform:scaleX(var(--available, 0));transition:transform var(--duration-base) linear}.player-scrubber-played{background:var(--ui-media-ink);transform:scaleX(var(--played, 0))}.player-scrubber-thumb{position:absolute;top:50%;left:calc(var(--played, 0) * 100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ui-media-ink);box-shadow:0 1px 4px var(--ui-media-shadow);transform:scale(0);transition:transform var(--duration-fast) var(--ease-out)}.player-scrubber:focus-visible .player-scrubber-thumb{outline:2px solid var(--ui-media-ink);outline-offset:3px;transform:scale(1)}.player-scrubber.is-dragging .player-scrubber-thumb{transform:scale(1.15)}.player-scrubber-tip{position:absolute;bottom:calc(100% + 8px);left:clamp(22px,calc(var(--at, 0) * 100%),calc(100% - 22px));padding:3px 8px;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-sm);background:var(--ui-media-glass-solid);color:var(--ui-media-ink);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;transform:translate(-50%);pointer-events:none}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0}.player-bar-group{display:flex;align-items:center;gap:2px;min-width:0}.player-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;min-width:var(--player-button);height:var(--player-button);padding:0 8px;border-radius:var(--radius-md);color:var(--ui-media-ink-soft);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-out)}.player-button:active:not(:disabled){background:var(--ui-media-press);transform:scale(.94)}.player-button[aria-expanded=true]{background:var(--ui-media-hover);color:var(--ui-media-ink)}.player-toggle[aria-pressed=true]{color:var(--ui-media-ink)}.player-toggle[aria-pressed=true]:after{position:absolute;bottom:4px;left:50%;width:14px;height:2px;margin-left:-7px;border-radius:var(--radius-full);background:var(--ui-media-accent);content:""}.player-time{padding:0 8px 0 6px;color:var(--ui-media-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.player-time span{color:var(--ui-media-ink-faint)}.player-volume{display:flex;align-items:center}.player-viewport input[type=range]{-webkit-appearance:none;appearance:none;min-height:0;height:20px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer}.player-viewport input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--ui-media-ink) calc(var(--level, 0) * 100%),var(--ui-media-track) 0)}.player-viewport input[type=range]::-moz-range-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--ui-media-ink) calc(var(--level, 0) * 100%),var(--ui-media-track) 0)}.player-viewport input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--ui-media-ink);box-shadow:0 1px 3px var(--ui-media-shadow)}.player-viewport input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--ui-media-ink);box-shadow:0 1px 3px var(--ui-media-shadow)}.player-volume input[type=range]{width:0;opacity:0;transition:width var(--duration-base) var(--ease-out),margin var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-standard)}.player-volume:hover input[type=range],.player-volume input[type=range]:active,.player-volume input[type=range]:focus-visible{width:72px;margin:0 8px 0 2px;opacity:1}.player-menu{position:absolute;bottom:calc(var(--player-inset) + var(--player-deck-height) + 8px);left:var(--player-menu-x, var(--player-inset));z-index:6;display:flex;flex-direction:column;width:max-content;min-width:172px;max-width:min(320px,calc(100% - 2 * var(--player-inset)));max-height:var(--player-menu-room, 320px);padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-lg);background:var(--ui-media-glass-solid);box-shadow:0 16px 40px var(--ui-media-shadow);color:var(--ui-media-ink);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);scrollbar-color:var(--ui-media-track) transparent;scrollbar-width:thin;transform-origin:50% 100%;animation:player-menu-in var(--duration-base) var(--ease-out) both}.player-settings{min-width:252px}.player-menu button{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:34px;padding:0 10px;border-radius:var(--radius-sm);color:var(--ui-media-ink-soft);font-size:var(--text-sm);text-align:left;white-space:nowrap;transition:background-color var(--duration-instant) linear,color var(--duration-instant) linear}.player-menu button:focus-visible{background:var(--ui-media-hover);color:var(--ui-media-ink);outline-offset:-2px}.player-menu button[aria-checked=true]{color:var(--ui-media-ink);font-weight:500}.player-menu button svg{flex:none;color:var(--ui-media-accent)}.player-menu button[role=menuitem] svg{color:var(--ui-media-ink-faint)}.player-menu-title{margin:0;padding:10px 10px 4px;color:var(--ui-media-ink-faint);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em}.player-menu-title:not(:first-child){margin-top:6px;border-top:1px solid var(--ui-media-glass-line)}.player-caption-size{display:grid;gap:8px;margin-top:6px;padding:12px 10px 8px;border-top:1px solid var(--ui-media-glass-line);color:var(--ui-media-ink-soft);font-size:var(--text-sm)}.player-caption-size>span{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.player-caption-size output{color:var(--ui-media-ink);font-variant-numeric:tabular-nums}.player-caption-size input[type=range]{width:100%}.player-menu .player-menu-reset{justify-content:center;color:var(--ui-media-accent)}.player-menu-header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 6px 10px;font-size:var(--text-lg)}.player-menu .player-menu-close{justify-content:center;width:40px;min-height:40px;padding:0;border-radius:50%}.player-menu .player-menu-close svg{color:var(--ui-media-ink-soft)}.player-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 8px 12px}.player-menu .player-rate-grid button{justify-content:center;min-height:40px;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.player-menu .player-rate-grid button[aria-checked=true]{border-color:transparent;background:var(--ui-media-ink);color:var(--ui-media-surface)}.player-alerts{display:grid;justify-items:start;gap:var(--space-2)}.player-alerts .notice{width:100%}.player-viewport.is-compact{--player-inset: 8px;--player-button: 40px;--player-deck-pad-top: 2px;--player-deck-pad-bottom: 4px;--player-center-size: 56px;--player-center-side: 44px;--player-center-shift: 16px;--player-caption-rest: 12px;border-radius:var(--radius-lg)}.player-viewport.is-compact.is-fullscreen{--player-inset: 12px;--player-center-shift: 0px;border-radius:0}.player-viewport.is-compact .player-center{gap:20px}.player-viewport.is-compact .player-deck{padding-right:6px;padding-left:6px;border-radius:var(--radius-lg)}.player-viewport.is-compact .player-volume input[type=range],.player-viewport.is-compact .player-quality span{display:none}.player-viewport.is-compact .player-menu{position:fixed;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:8px;z-index:var(--z-popover);width:auto;max-width:480px;max-height:min(72vh,560px);max-height:min(72dvh,560px);margin:0 auto;padding:8px;border-radius:var(--radius-2xl);animation:player-sheet-in var(--duration-slow) var(--ease-out) both}.player-viewport.is-compact .player-menu button{min-height:44px}@media(hover:hover){.player-center-button:hover{background-image:linear-gradient(var(--ui-media-hover),var(--ui-media-hover));transform:scale(1.06)}.player-center-button:active{background-image:linear-gradient(var(--ui-media-press),var(--ui-media-press));transform:scale(.94)}.player-pill button:hover{background:var(--ui-media-press)}.player-pill .player-pill-close:hover{background:var(--ui-media-hover);color:var(--ui-media-ink)}.player-scrubber:hover .player-scrubber-track{transform:scaleY(1.5)}.player-scrubber:hover .player-scrubber-thumb{transform:scale(1)}.player-scrubber.is-dragging .player-scrubber-thumb{transform:scale(1.15)}.player-button:hover:not(:disabled){background:var(--ui-media-hover);color:var(--ui-media-ink)}.player-menu button:hover:not(:disabled){background:var(--ui-media-hover);color:var(--ui-media-ink)}.player-menu .player-rate-grid button[aria-checked=true]:hover{background:var(--ui-media-ink);color:var(--ui-media-surface)}}@media(pointer:coarse){.player-viewport{--player-button: 44px;--player-scrubber: 24px}.player-scrubber-thumb{transform:scale(1)}.player-pill{min-height:40px}.player-pill button{min-width:44px;min-height:32px}.player-menu button{min-height:44px}}@media(prefers-reduced-transparency:reduce){.player-deck,.player-center-button,.player-pill,.player-menu{background-color:var(--ui-media-glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes player-icon-in{0%{opacity:0;transform:scale(.6)}}@keyframes player-pill-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes player-menu-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}@keyframes player-sheet-in{0%{opacity:0;transform:translateY(28px)}}}@layer features{.video-library>.page-intro{margin-bottom:var(--space-4)}.video-library>.tabs-bar{margin-bottom:var(--space-6)}.video-library-panel{animation:ui-fade-in var(--duration-base) var(--ease-out)}.video-library-card{--video-pad: var(--space-6);min-width:0;border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs);overflow:hidden;overflow:clip}.video-library-toolbar{display:flex;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--video-pad);border-bottom:1px solid var(--ui-line-soft)}.video-library-toolbar>.search-field{flex:1 1 240px;max-width:420px}.video-library-toolbar>.custom-select{flex:none}.video-library-toolbar .custom-select-trigger{min-width:124px}.video-library-count{margin-left:auto;color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.video-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--video-pad);border-bottom:1px solid var(--ui-line-soft);background:linear-gradient(var(--ui-accent-soft),var(--ui-accent-soft)),var(--ui-surface);animation:ui-fade-in var(--duration-fast) var(--ease-out)}.video-selection-summary{display:grid;flex:1 1 220px;gap:2px;min-width:0}.video-selection-summary>strong{color:var(--ui-text);font-size:var(--text-sm);font-weight:600}.video-selection-summary>span,.video-selection-bar>p{margin:0;color:var(--ui-text-secondary);font-size:var(--text-xs)}.video-selection-bar>p{flex-basis:100%}.video-selection-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.video-library-card>.notice,.video-library-card>.video-trash-failures{margin:var(--space-4) var(--video-pad) 0}.video-trash-failures{display:grid;justify-items:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--ui-danger);border-radius:var(--radius-lg);background:var(--ui-danger-soft);color:var(--ui-text)}.video-trash-failures>strong{color:var(--ui-danger);font-size:var(--text-sm);font-weight:600}.video-trash-failures>ul{max-height:180px;margin:0;padding-left:var(--space-5);overflow:auto;font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.continue-section,.all-videos{padding:var(--space-6) var(--video-pad) var(--space-8)}.continue-section{border-bottom:1px solid var(--ui-line-soft)}.continue-section>h2,.video-section-heading>h2{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--ui-text);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight)}.continue-section>h2>svg{flex:none;color:var(--ui-text-muted)}.continue-section>h2,.video-section-heading{margin-bottom:var(--space-5)}.all-videos>.loading{margin:0;padding:var(--space-16) var(--space-4);color:var(--ui-text-muted);font-size:var(--text-sm);text-align:center}.video-grid,.continue-grid{display:grid;align-items:start}.video-grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:var(--space-10) var(--space-6);transition:opacity var(--duration-base) var(--ease-standard)}.video-grid.is-loading{opacity:.55}.continue-grid{grid-template-columns:repeat(auto-fill,minmax(max(288px,(100% - 3 * var(--space-6)) / 4 - 1px),1fr));gap:var(--space-8) var(--space-6)}.video-wheel-card{position:relative;min-width:0}.video-card{display:block;position:relative;width:100%;padding:0;border:0;border-radius:var(--radius-lg);background:none;color:inherit;text-align:left;cursor:pointer}.video-card:focus-visible{outline-offset:var(--space-1)}.video-poster{display:block;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);background:var(--ui-media-surface)}.video-poster>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.video-card:hover .video-poster>img{transform:scale(1.03)}.poster-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(145deg,var(--ui-media-raised),var(--ui-media-surface));color:var(--ui-media-muted)}.poster-placeholder>span{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em}.poster-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ui-media-glass-line);border-radius:var(--radius-full);background:var(--ui-media-glass);color:var(--ui-media-ink);opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.poster-play>svg{margin-left:2px}.video-card:hover .poster-play,.video-card:focus-visible .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.poster-duration{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:2px 6px;border-radius:var(--radius-xs);background:var(--ui-media-overlay);color:var(--ui-media-ink);font-size:var(--text-2xs);font-weight:500;font-variant-numeric:tabular-nums;line-height:var(--leading-snug)}.video-watch-progress{position:absolute;top:0;right:0;left:0;display:flex;align-items:flex-end;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);pointer-events:none}.video-watch-progress .progress{flex:1;height:3px;border-radius:0;background:var(--ui-media-track)}.video-card>strong{display:block;margin-top:var(--space-3);overflow:hidden;color:var(--ui-text);font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.video-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--space-2);margin-top:var(--space-1);color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-normal)}.poster-action{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:0;border:0;background:none;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard)}.poster-action:hover:not(:disabled){color:var(--ui-accent-text)}.poster-action:disabled{cursor:progress}.video-more{display:inline-grid;flex:none;place-items:center;width:var(--control-md);height:var(--control-md);padding:0;border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface);color:var(--ui-text-secondary);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.video-more:hover:not(:disabled){background:var(--ui-hover);color:var(--ui-text)}.video-more:disabled{cursor:progress;opacity:.5}.video-card-more{position:absolute;top:2px;right:2px;width:44px;height:44px;border:0;border-radius:var(--radius-full);background:none;color:var(--ui-media-ink)}.video-card-more:before{content:"";position:absolute;inset:6px;border:1px solid var(--ui-media-glass-line);border-radius:inherit;background:var(--ui-media-glass);transition:background-color var(--duration-fast) var(--ease-standard)}.video-card-more>svg{position:relative}.video-card-more:hover:not(:disabled){background:none;color:var(--ui-media-ink)}.video-card-more:hover:not(:disabled):before{background:var(--ui-media-glass-solid)}@media(hover:hover)and (pointer:fine){.video-card-more{opacity:0}.video-wheel-card:hover .video-card-more,.video-wheel-card:focus-within .video-card-more{opacity:1}}.video-select-target{position:absolute;top:2px;left:2px;z-index:1;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.video-select-target input{width:20px;height:20px;margin:0;accent-color:var(--ui-accent);cursor:pointer}.video-wheel-card.is-selecting .poster-play{display:none}.video-wheel-card.is-selected .video-poster{box-shadow:0 0 0 2px var(--ui-surface),0 0 0 4px var(--ui-accent)}.video-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--video-pad);border-top:1px solid var(--ui-line-soft)}.video-pagination>span{color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.video-pagination-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);max-width:100%}.video-page-numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1);min-width:0}.video-page-number{display:inline-grid;place-items:center;min-width:var(--control-md);height:var(--control-md);padding:0 var(--space-1);border:1px solid var(--ui-line);border-radius:var(--radius-full);background:var(--ui-surface);color:var(--ui-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.video-page-number:hover:not(:disabled){border-color:var(--ui-line-strong);background:var(--ui-hover);color:var(--ui-text)}.video-page-number[aria-current=page]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:600}.video-page-gap{width:var(--space-5);color:var(--ui-text-muted);text-align:center}.video-context-menu{position:fixed;z-index:var(--z-menu);width:min(248px,calc(100vw - var(--space-4)));max-height:calc(100dvh - var(--space-4));padding:var(--space-1);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--ui-line);border-radius:var(--radius-lg);background:var(--ui-surface-raised);box-shadow:var(--shadow-lg);color:var(--ui-text);transform-origin:top center;animation:ui-pop-in var(--duration-fast) var(--ease-out)}.video-context-menu-title{margin:0 0 var(--space-1);padding:var(--space-2) var(--space-3);overflow:hidden;border-bottom:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.video-context-menu>button{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-md);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font:inherit;font-size:var(--text-sm);line-height:var(--leading-snug);text-align:left;cursor:pointer;transition:background-color var(--duration-instant) var(--ease-standard),color var(--duration-instant) var(--ease-standard)}.video-context-menu>button:hover:not(:disabled),.video-context-menu>button:focus-visible{background:var(--ui-hover)}.video-context-menu>button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.video-context-menu>button.is-danger{color:var(--ui-danger)}.video-context-menu>button.is-danger:hover:not(:disabled){background:var(--ui-danger-soft)}.video-context-menu>button:disabled{cursor:default;opacity:.45}.video-context-menu-icon{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;color:var(--ui-text-muted)}.video-context-menu>.is-danger>.video-context-menu-icon{color:inherit}.video-trash-preview{display:grid;gap:var(--space-1);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--ui-line-soft);border-radius:var(--radius-md);background:var(--ui-surface-soft);color:var(--ui-text);font-size:var(--text-sm);line-height:var(--leading-snug);list-style:none;overflow-wrap:anywhere}.video-trash-preview+.muted{margin:calc(-1 * var(--space-2)) 0 var(--space-4);font-size:var(--text-xs)}@media(min-width:701px){.video-selection-bar{position:sticky;top:var(--topbar-height);z-index:var(--z-sticky)}}@media(max-width:1100px){.video-grid,.continue-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.video-grid{gap:var(--space-8) var(--space-5)}.continue-grid{gap:var(--space-6) var(--space-5)}}@media(max-width:700px){.video-library>.tabs-bar{margin-bottom:var(--space-5)}.video-library-card{--video-pad: var(--space-4);border-radius:var(--radius-lg)}.video-library-toolbar,.video-selection-bar,.video-pagination{padding-right:var(--video-pad)}.video-library-toolbar{flex-wrap:wrap}.video-library-toolbar>.search-field{flex:1 0 100%;max-width:none}.video-library-toolbar>.custom-select{flex:1 1 auto;min-width:0}.video-library-toolbar .custom-select-trigger{width:100%;min-width:0}.video-library-count{flex:1 0 100%;margin-left:0}.video-selection-actions{width:100%}.video-selection-actions>.button{flex:1 1 auto}.continue-section,.all-videos{padding-top:var(--space-5);padding-bottom:var(--space-6)}.continue-section>h2,.video-section-heading{margin-bottom:var(--space-4)}.video-grid,.continue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3)}.video-card>strong{margin-top:var(--space-2);font-size:var(--text-sm)}.video-pagination-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.video-page-numbers{grid-column:1 / -1;grid-row:1}.video-pagination-controls>.button{width:100%}}@media(max-width:420px){.video-library-toolbar>.search-field{flex:1 1 calc(100% - var(--control-md) - var(--space-3) - 1px);order:-2}.video-library-toolbar>.icon-button{order:-1}.video-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.video-grid .video-card>strong{font-size:var(--text-md)}}}@layer features{.intelligence-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs)}.intelligence-panel-top{display:flex;flex:none;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-1) var(--space-5)}.intelligence-panel-top>span{display:inline-flex;align-items:center;gap:var(--space-2);margin-right:auto;color:var(--ui-text);font-size:var(--text-md);font-weight:600}.intelligence-panel-top>span>svg{color:var(--ui-accent-text)}.intelligence-panel>.tabs-bar{flex:none;gap:0;padding:0 var(--space-3)}.intelligence-panel>.tabs-bar>[role=tab]{flex:1 1 0;justify-content:center;min-width:0;font-size:var(--text-sm)}.intelligence-tab-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-4);min-height:200px;padding:var(--space-5);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--ui-scrollbar) transparent;scrollbar-width:thin}.intelligence-tab-body>*{flex:none}.intelligence-tab-body .empty-state{min-height:0;padding:var(--space-6) var(--space-2) var(--space-2)}.intelligence-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-10) 0;color:var(--ui-text-muted);font-size:var(--text-sm)}.intelligence-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--ui-text-muted);font-size:var(--text-sm);text-align:center}.intelligence-empty>p{margin:0}.intelligence-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.intelligence-section-title h2{margin:0;color:var(--ui-text);font-size:var(--text-lg);font-weight:600;line-height:1.35}.intelligence-section-title p{margin:var(--space-1) 0 0;color:var(--ui-text-muted);font-size:var(--text-xs)}.intelligence-section-title>.badge{flex:none}.intelligence-prerequisite{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ui-surface-soft);color:var(--ui-text-secondary);font-size:var(--text-xs);line-height:1.6}.intelligence-prerequisite:empty{display:none}.intelligence-prerequisite p{margin:0}.intelligence-prerequisite button{display:inline-flex;align-items:center;gap:2px;padding:0;border:0;background:none;color:var(--ui-accent-text);font-size:inherit;font-weight:600}.intelligence-prerequisite button:hover{text-decoration:underline}.intelligence-muted,.intelligence-footnote{margin:0;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:1.6}.intelligence-footnote{padding-top:var(--space-4);border-top:1px solid var(--ui-line-soft)}.insight-progress{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--ui-surface-soft)}.insight-progress>div{display:flex;align-items:center;gap:var(--space-2);color:var(--ui-text-secondary);font-size:var(--text-xs)}.insight-progress>div>svg{flex:none;color:var(--ui-accent-text)}.insight-progress strong{margin-left:auto;color:var(--ui-accent-text);font-variant-numeric:tabular-nums;font-weight:600}.transcript-generate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.transcript-generate>.insight-progress,.transcript-generate>.notice{grid-column:1 / -1}.transcript-export{display:flex;align-items:center;gap:var(--space-1);color:var(--ui-text-muted);font-size:var(--text-xs)}.transcript-export>span{margin-right:auto}.transcript-translate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.transcript-translate>button,.transcript-translate>.insight-progress,.transcript-translate>.notice,.transcript-translate>.intelligence-prerequisite{grid-column:1 / -1}.transcript-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--ui-surface-soft);box-shadow:inset 0 0 0 1px var(--ui-line-soft)}.transcript-view>button{min-height:calc(var(--control-md) - 6px);border:0;border-radius:calc(var(--radius-md) - 2px);background:none;color:var(--ui-text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.transcript-view>button:hover,.transcript-view>button[aria-pressed=true]{color:var(--ui-text)}.transcript-view>button[aria-pressed=true]{background:var(--ui-surface);box-shadow:var(--shadow-xs),0 0 0 1px var(--ui-line-soft)}.transcript-list{display:grid;gap:2px;margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2)) 0}.transcript-list>.intelligence-muted{padding:var(--space-6) var(--space-2);text-align:center}.transcript-list>.transcript-more{justify-self:center;margin-top:var(--space-3)}.transcript-wheel-row{display:grid;grid-template-columns:72px minmax(0,1fr) var(--control-md);align-items:start;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard)}.transcript-wheel-row:hover{background:var(--ui-hover)}.transcript-wheel-row.active{background:var(--ui-accent-soft);box-shadow:inset 2px 0 0 var(--ui-accent)}.transcript-wheel-seek,.transcript-wheel-save{display:inline-flex;align-items:center;min-height:var(--control-md);border:0;border-radius:var(--radius-sm);background:none}.transcript-wheel-seek{position:relative;justify-content:flex-start;padding:0 0 0 var(--space-4);color:var(--ui-accent-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500}.transcript-wheel-seek>svg{position:absolute;top:50%;left:3px;margin-top:-5.5px}.transcript-wheel-seek:hover{color:var(--ui-text)}.transcript-wheel-text{padding:7px var(--space-1);color:var(--ui-text);font-size:var(--text-sm);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;user-select:text}.transcript-wheel-source{display:block;margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-xs)}.transcript-wheel-save{justify-content:center;width:var(--control-md);padding:0;color:var(--ui-text-muted)}.transcript-wheel-save:hover{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.summary-generate{display:grid;gap:var(--space-3)}.summary-overview,.summary-keypoints{display:grid;gap:var(--space-2)}.summary-overview h3,.summary-keypoints h3,.summary-chapters h3{margin:0;color:var(--ui-text);font-size:var(--text-sm);font-weight:600}.summary-overview p,.summary-chapters article>p{margin:0;color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:1.7}.summary-keypoints ul,.summary-chapters ul{display:grid;gap:var(--space-1);margin:0;padding-left:1.25em;color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:1.6}.summary-chapters>h3{margin-bottom:var(--space-2)}.summary-chapters>article{display:grid;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--ui-line-soft)}.summary-chapters>article>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:var(--control-md);margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--ui-text);text-align:left}.summary-chapters>article>button:hover{background:var(--ui-hover)}.summary-chapters>article>button>span{color:var(--ui-accent-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500}.summary-chapters>article>button>strong{font-size:var(--text-sm);font-weight:600}.summary-chapters>article>button>svg{color:var(--ui-accent-text)}.intelligence-tool{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg)}.intelligence-tool>.button{justify-self:start}.intelligence-tool>.button time{color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.intelligence-tool-heading{display:flex;align-items:center;gap:var(--space-3)}.intelligence-tool-heading>svg{flex:none;box-sizing:content-box;padding:var(--space-2);border-radius:var(--radius-md);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.intelligence-tool-heading h3{margin:0;color:var(--ui-text);font-size:var(--text-sm);font-weight:600}.intelligence-tool-heading p{margin:2px 0 0;color:var(--ui-text-muted);font-size:var(--text-xs)}.intelligence-artifact,.ocr-results>article{display:grid;justify-items:start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--ui-surface-soft)}.intelligence-artifact>span{display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--ui-text);font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.intelligence-artifact>span>svg{flex:none;color:var(--ui-success)}.intelligence-artifact>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mindmap-preview{font-size:var(--text-sm)}.mindmap-preview>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);color:var(--ui-text-secondary);font-size:var(--text-xs);font-weight:600;list-style:none;cursor:pointer}.mindmap-preview>summary::-webkit-details-marker{display:none}.mindmap-preview>summary:before{content:"";flex:none;width:6px;height:6px;margin:0 1px;border-right:1.5px solid var(--ui-text-muted);border-bottom:1.5px solid var(--ui-text-muted);transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-standard)}.mindmap-preview[open]>summary:before{transform:rotate(45deg)}.mindmap-preview ul{margin:0;padding:0;list-style:none}.mindmap-preview>ul,.mindmap-preview>p{margin-top:var(--space-1)}.mindmap-preview li>ul{margin-left:7px;padding-left:var(--space-3);border-left:1px solid var(--ui-line)}.mindmap-preview li{color:var(--ui-text-secondary);line-height:1.6}.mindmap-preview li>span,.mindmap-preview li>button{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:3px 0;color:var(--ui-text);font-size:var(--text-sm);font-weight:500;text-align:left}.mindmap-preview li>button{border:0;background:none;color:var(--ui-accent-text)}.mindmap-preview li>button:hover{text-decoration:underline}.mindmap-preview time{color:var(--ui-text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:400}.ocr-results{display:grid;gap:var(--space-2)}.ocr-results:empty{display:none}.ocr-time{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control-sm);margin:calc(-1 * var(--space-1)) 0 0 calc(-1 * var(--space-2));padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--ui-accent-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500}.ocr-time:hover{background:var(--ui-accent-soft)}.ocr-results>article>p{margin:0;color:var(--ui-text);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.ocr-results>article>.error-text{color:var(--ui-danger)}@media(max-width:1260px){.intelligence-tab-body{max-height:520px}}@media(min-width:701px)and (max-width:1260px){.intelligence-panel>.tabs-bar{gap:var(--space-6);padding:0 var(--space-5)}.intelligence-panel>.tabs-bar>[role=tab]{flex:none}.transcript-generate{grid-template-columns:repeat(2,minmax(0,220px))}.summary-generate>.button{justify-self:start}}@media(max-width:700px){.intelligence-panel{border-radius:var(--radius-lg)}.intelligence-panel-top{padding-left:var(--space-4)}.intelligence-panel>.tabs-bar{padding:0 var(--space-2)}.intelligence-tab-body{max-height:480px;padding:var(--space-4)}}.ai-settings-heading{flex-wrap:nowrap;align-items:center;gap:var(--space-3)}.ai-connection-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--ui-hover);color:var(--ui-text-secondary)}.ai-connection-title{flex:1;min-width:0}.ai-connection-title>h2{font-size:var(--text-lg);font-weight:600}.ai-connection-title>p{margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-sm)}.ai-connection-state{flex:none}.ai-settings-feedback{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.ai-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.ai-key-input{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-lg);padding-left:var(--space-3);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface);color:var(--ui-text-muted);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ai-key-input:hover{border-color:var(--ui-line-strong)}.ai-key-input:focus-within{border-color:var(--ui-focus);box-shadow:0 0 0 3px var(--ui-focus-ring)}.ai-key-input:has(>input:disabled){border-color:var(--ui-line);background:var(--ui-surface-soft)}.ai-key-input>input,.ai-key-input>input:focus-visible{flex:1;align-self:stretch;width:100%;padding-left:0;border:0;background:none;box-shadow:none}.ai-delete-key{display:inline-flex;grid-column:2;align-items:center;justify-self:start;gap:var(--space-2);min-height:var(--control-sm);margin-top:calc(-1 * var(--space-3));color:var(--ui-text-secondary);font-size:var(--text-sm);cursor:pointer}.ai-settings-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.ai-settings-form-message{margin:0 0 0 var(--space-2);color:var(--ui-text-muted);font-size:var(--text-xs)}.ai-settings-security{display:flex;align-items:flex-start;gap:var(--space-2)}.ai-settings-security>svg{flex:none;margin-top:1px;color:var(--ui-success)}.ai-settings-security>p{margin:0}@media(max-width:700px){.ai-settings-heading{flex-wrap:wrap;row-gap:var(--space-2)}.ai-connection-state{flex-basis:100%;padding-left:calc(36px + var(--space-3))}.ai-settings-fields{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.ai-delete-key{grid-column:auto}.ai-settings-footer>.button{flex:1 1 0}.ai-settings-form-message{flex-basis:100%;margin-left:0}}}@layer features{.watch-breadcrumb{display:flex;align-items:center;gap:var(--space-4);min-width:0;margin-bottom:var(--space-5)}.watch-breadcrumb>button{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);min-height:var(--control-md);margin-left:calc(-1 * var(--space-2));padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:var(--ui-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.watch-breadcrumb>button:hover{background:var(--ui-hover);color:var(--ui-text)}.watch-breadcrumb>span{min-width:0;margin-left:auto;overflow:hidden;color:var(--ui-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.watch-assistant-open{flex:none;animation:watch-assistant-open-in var(--duration-base) var(--ease-out)}@keyframes watch-assistant-open-in{0%{opacity:0;transform:translate(6px)}}.watch-page>.video-trash-failures{margin-bottom:var(--space-5)}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-6)}.watch-main,.watch-assistant,.watch-annotations{min-width:0}.watch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5)}.watch-title-block{flex:1;min-width:0}.watch-resource-title>h1{margin:0;color:var(--ui-text);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-snug);letter-spacing:-.01em;overflow-wrap:anywhere;cursor:grab}.watch-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 0;color:var(--ui-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--leading-normal)}.watch-meta>span+span{position:relative}.watch-meta>span+span:before{content:"·";position:absolute;left:calc(var(--space-4) / -2);transform:translate(-50%)}.watch-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.watch-tags>span{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--ui-hover);color:var(--ui-text-secondary);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.watch-heading>.watch-next{flex:none;min-height:var(--control-lg)}.watch-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--ui-line-soft)}.watch-tools>.video-trash-action{margin-left:auto}.watch-note{margin:0;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.watch-related{margin-top:var(--space-4);padding:0 var(--space-4);border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs)}.watch-related>summary{display:flex;align-items:center;gap:var(--space-3);min-height:48px;color:var(--ui-text);font-size:var(--text-sm);font-weight:600;list-style:none;cursor:pointer}.watch-related>summary::-webkit-details-marker{display:none}.watch-related>summary:before{content:"";flex:none;width:7px;height:7px;margin:0 2px 0 1px;border-right:1.5px solid var(--ui-text-muted);border-bottom:1.5px solid var(--ui-text-muted);transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-standard)}.watch-related[open]>summary:before{transform:rotate(45deg)}.watch-related>summary>span{margin-left:auto;color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:400}.watch-up-next{margin:0 calc(-1 * var(--space-2));padding-bottom:var(--space-3)}.watch-up-next>.muted{margin:0;padding:var(--space-2);font-size:var(--text-sm)}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-2)}.related-heading>h2{display:none}.related-heading>label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);color:var(--ui-text-secondary);font-size:var(--text-xs);cursor:pointer}.related-heading input{width:16px;height:16px;margin:0;accent-color:var(--ui-accent)}.video-related-row{display:flex;align-items:center;gap:var(--space-1)}.video-related-row>.related-video{flex:1;min-width:0}.related-video{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.related-video:hover{background:var(--ui-hover)}.related-video>.video-poster{flex:0 0 104px;width:104px;border-radius:var(--radius-md)}.related-video .poster-placeholder>svg{width:20px;height:20px}.related-video .poster-placeholder>span{display:none}.related-video .poster-play{width:28px;height:28px}.related-video .poster-play>svg{width:14px;height:14px;margin-left:1px}.related-video:hover .poster-play,.related-video:focus-visible .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.related-video .poster-duration{right:var(--space-1);bottom:var(--space-1);padding:0 4px}.related-video>div{flex:1;min-width:0}.related-video strong{display:-webkit-box;overflow:hidden;color:var(--ui-text);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color var(--duration-fast) var(--ease-standard)}.related-video:hover strong{color:var(--ui-accent-text)}.related-video>div>span{display:block;margin-top:var(--space-1);color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.video-related-more{border-color:transparent;background:none;color:var(--ui-text-muted)}@media(hover:hover)and (pointer:fine){.video-related-more{opacity:0}.video-related-row:hover .video-related-more,.video-related-row:focus-within .video-related-more{opacity:1}}@media(min-width:1261px){.watch-layout{--assistant-width: 348px;--assistant-motion: .32s var(--ease-out);grid-template-columns:minmax(0,1fr) var(--assistant-width);column-gap:24px;transition:grid-template-columns var(--assistant-motion),column-gap var(--assistant-motion)}.watch-main{grid-column:1;grid-row:1}.watch-annotations{grid-column:1;grid-row:2}.watch-assistant{position:sticky;top:calc(var(--topbar-height) + var(--space-5));display:flex;flex-direction:column;grid-column:2;grid-row:1 / span 2;max-height:calc(100dvh - var(--topbar-height) - 2 * var(--space-5));overflow:hidden;overflow:clip;transition:opacity var(--duration-base) var(--ease-standard)}.watch-assistant>*{width:var(--assistant-width)}.watch-assistant>.intelligence-panel{flex:0 1 auto;min-height:0}.watch-assistant .intelligence-tab-body{min-height:120px}.watch-assistant>.watch-related{flex:none}.watch-related .watch-up-next{max-height:min(36dvh,400px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--ui-scrollbar) transparent;scrollbar-width:thin}.watch-related .related-heading{position:sticky;top:0;z-index:1;background:var(--ui-surface)}.watch-page[data-assistant=hidden] .watch-layout{grid-template-columns:minmax(0,1fr) 0px;column-gap:0px}.watch-page[data-assistant=hidden] .watch-assistant{max-height:0;visibility:hidden;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),visibility 0s linear .32s,max-height 0s linear .32s}}@media(min-width:1600px){.watch-layout{--assistant-width: 380px;column-gap:28px}}@media(max-width:1260px){.watch-assistant-open,.intelligence-collapse{display:none}.watch-up-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4)}.related-heading,.watch-up-next>.muted{grid-column:1 / -1}}@media(max-width:700px){.watch-breadcrumb{gap:var(--space-3);margin-bottom:var(--space-3)}.watch-layout{gap:var(--space-5)}.watch-heading{flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.watch-title-block{flex-basis:100%}.watch-resource-title>h1{font-size:var(--text-xl)}.watch-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-4);padding-top:var(--space-4)}.watch-tools>.button{min-width:0}.watch-tools>.video-trash-action{margin-left:0}.watch-related{padding:0 var(--space-3);border-radius:var(--radius-lg)}.watch-up-next{grid-template-columns:minmax(0,1fr)}.related-heading>label{min-height:var(--control-md)}}}@layer features{.storage-page{display:grid;gap:var(--space-5)}.storage-page>.page-intro{margin-bottom:var(--space-1)}.storage-page [data-part=used],.storage-page [data-part=pending],.storage-page [data-rank]{--part: var(--ui-accent)}.storage-page [data-part=pending]{--part-strength: .5}.storage-page [data-part=system],.storage-page [data-part=safety]{--part: var(--ui-text-muted)}.storage-page [data-part=system]{--part-strength: .62}.storage-page [data-part=safety]{--part-strength: .36}.storage-page [data-part=free]{--part: var(--ui-hover)}.storage-page [data-rank="1"]{--part-strength: .68}.storage-page [data-rank="2"]{--part-strength: .48}.storage-page [data-rank="3"]{--part-strength: .34}.storage-page [data-rank="4"]{--part-strength: .24}.storage-overview{--wash: var(--ui-accent-soft);display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-10);background:radial-gradient(34rem 24rem at 7rem 50%,var(--wash),transparent 72%),var(--ui-surface)}.storage-overview[data-tone=danger]{--wash: var(--ui-danger-soft)}.storage-gauge{--ring-size: 11.5rem;--ring-track: var(--ui-surface)}.storage-gauge strong{color:var(--ui-text);font-size:3rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.storage-gauge strong>small{margin-left:2px;color:var(--ui-text-secondary);font-size:1.25rem;font-weight:500;letter-spacing:0}.storage-gauge .ring-center>span{margin-top:var(--space-2);color:var(--ui-text-muted);font-size:var(--text-sm)}.storage-overview-body{display:grid;flex:1;gap:var(--space-6);min-width:0}.storage-overview-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-6)}.storage-overview-head h2{margin-bottom:var(--space-2);color:var(--ui-text-muted);font-size:var(--text-sm);font-weight:500;letter-spacing:0}.storage-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-2);line-height:1.15}.storage-figure>strong{color:var(--ui-text);font-size:2.5rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.storage-figure>span{color:var(--ui-text-muted);font-size:var(--text-xl)}.storage-state{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--ui-success-soft);color:var(--ui-success);font-size:var(--text-sm);font-weight:500}.storage-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.storage-state[data-tone=warning]{background:var(--ui-warning-soft);color:var(--ui-warning)}.storage-state[data-tone=danger]{background:var(--ui-danger-soft);color:var(--ui-danger)}.storage-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:var(--space-6);border-top:1px solid var(--ui-line-soft)}.storage-facts>div{min-width:0;padding:0 var(--space-5);border-left:1px solid var(--ui-line-soft)}.storage-facts>div:first-child{padding-left:0;border-left:0}.storage-facts dt{color:var(--ui-text-muted);font-size:var(--text-xs)}.storage-facts dd{margin-top:var(--space-1);overflow:hidden;color:var(--ui-text);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.storage-facts dd>small{margin-left:3px;color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:400}.storage-bar{display:flex;gap:2px;height:12px;overflow:hidden;border-radius:var(--radius-full);animation:storage-bar-in var(--duration-slower) var(--ease-out) backwards}.storage-bar>i{flex:1 0 0;min-width:4px;background:var(--part);opacity:var(--part-strength, 1)}@keyframes storage-bar-in{0%{clip-path:inset(0 100% 0 0 round 999px)}to{clip-path:inset(0 0 0 0 round 999px)}}.storage-allocation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5) var(--space-6);margin-top:var(--space-6)}.storage-allocation dt{display:flex;align-items:center;gap:var(--space-2);color:var(--ui-text-secondary);font-size:var(--text-sm)}.storage-allocation dt>i,.storage-kinds>li>i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--part);opacity:var(--part-strength, 1)}.storage-allocation dt>i[data-part=free]{box-shadow:inset 0 0 0 1px var(--ui-line-strong)}.storage-allocation dd{display:grid;gap:2px;margin-top:var(--space-2)}.storage-allocation dd>strong{color:var(--ui-text);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums}.storage-allocation dd>span{color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.storage-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}.storage-kinds{margin:var(--space-3) 0 0;padding:0;list-style:none}.storage-kinds>li{display:grid;grid-template-columns:8px minmax(0,1fr) 5rem 5.5rem 3.75rem;align-items:center;gap:var(--space-3);min-height:44px;border-top:1px solid var(--ui-line-soft);font-size:var(--text-sm)}.storage-kinds>li:first-child{border-top:0}.storage-kinds strong{overflow:hidden;color:var(--ui-text);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.storage-kinds span,.storage-kinds b{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.storage-kinds span{color:var(--ui-text-muted)}.storage-kinds b{color:var(--ui-text);font-weight:600}.storage-ranking{margin:calc(var(--space-2) * -1) calc(var(--space-3) * -1) 0;padding:0;list-style:none}.storage-ranking-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto 15px;grid-template-areas:"icon name size go" "icon meter meter go";align-items:center;gap:6px var(--space-3);width:100%;min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard)}button.storage-ranking-row:hover{background:var(--ui-hover)}.storage-ranking-row>:first-child{grid-area:icon}.storage-ranking-binned{color:var(--ui-text-muted)}.storage-ranking-blank{width:18px;height:18px;border-radius:var(--radius-xs);background:var(--ui-hover)}.storage-ranking-name{grid-area:name;display:flex;align-items:center;gap:var(--space-2);min-width:0}.storage-ranking-name>strong{overflow:hidden;color:var(--ui-text);font-size:var(--text-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.storage-ranking-name>em{flex:none;padding:1px 7px;border-radius:var(--radius-full);background:var(--ui-hover);color:var(--ui-text-secondary);font-size:var(--text-2xs);font-style:normal;line-height:1.5}.storage-ranking-size{grid-area:size;color:var(--ui-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.storage-ranking-row>i{grid-area:meter;height:4px}.storage-ranking-row>i>i{display:block;min-width:4px;height:100%;border-radius:var(--radius-full);background:var(--ui-accent);transition:width var(--duration-slow) var(--ease-out)}.storage-ranking-row>svg:last-child{grid-area:go;color:var(--ui-text-muted);opacity:0;transform:translate(-3px,3px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-out)}.storage-ranking-row:hover>svg:last-child,.storage-ranking-row:focus-visible>svg:last-child{opacity:1;transform:none}.storage-tree-more{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ui-accent-text);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration-fast) var(--ease-standard)}.storage-tree-more:hover{background:var(--ui-accent-soft)}.storage-tree{--tree-toggle: var(--control-sm);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0}.storage-tree-row{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2) 0 var(--space-1);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard)}.storage-tree-row:hover{background:var(--ui-hover)}.storage-tree-row>.icon-button{width:var(--tree-toggle);height:var(--tree-toggle)}.storage-tree-file{padding-left:calc(var(--space-1) + var(--tree-toggle) + var(--space-2))}.storage-tree-name{flex:1;min-width:0;overflow:hidden;color:var(--ui-text);font-size:var(--text-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap}button.storage-tree-name{align-self:stretch;padding:0;font-weight:500;transition:color var(--duration-fast) var(--ease-standard)}button.storage-tree-name:hover{color:var(--ui-accent-text)}.storage-tree-file>.storage-tree-name{color:var(--ui-text-secondary)}.storage-tree-meta{flex:none;color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.storage-tree-chevron{transition:transform var(--duration-base) var(--ease-out)}.storage-tree-row>[aria-expanded=true]>.storage-tree-chevron{transform:rotate(90deg)}.storage-tree-enter{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.storage-tree-row:hover>.storage-tree-enter,.storage-tree-enter:focus-visible{opacity:1}.storage-tree-children{margin-left:calc(var(--space-1) + var(--tree-toggle) / 2);padding-left:10px;border-left:1px solid var(--ui-line-soft)}.storage-tree-note{padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-1) + var(--tree-toggle) + var(--space-2));color:var(--ui-text-muted);font-size:var(--text-sm)}.storage-tree-note.error{color:var(--ui-danger)}.storage-tree-more{margin:var(--space-1) 0 var(--space-1) calc(var(--space-1) + var(--tree-toggle) + var(--space-2) - var(--space-3))}@media(hover:none){.storage-ranking-row>svg:last-child{opacity:1;transform:none}.storage-tree-enter{opacity:1}}@media(pointer:coarse){.storage-tree{--tree-toggle: 44px}.storage-tree-row{min-height:44px}.storage-tree-more{height:44px}}@media(max-width:1100px){.storage-overview{gap:var(--space-8);padding:var(--space-6) var(--space-8)}.storage-gauge{--ring-size: 10rem}.storage-gauge strong{font-size:2.5rem}.storage-figure>strong{font-size:2rem}.storage-allocation{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.storage-columns{grid-template-columns:minmax(0,1fr)}}@media(min-width:701px)and (max-width:1000px){.storage-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-5)}.storage-facts>div:nth-child(3n+1){padding-left:0;border-left:0}}@media(max-width:700px){.storage-page{gap:var(--space-4)}.storage-overview{flex-direction:column;align-items:stretch;gap:var(--space-6);padding:var(--space-6) var(--space-4)}.storage-gauge{--ring-size: 10.5rem;align-self:center}.storage-overview-head{flex-direction:column;align-items:center;text-align:center}.storage-figure{justify-content:center}.storage-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-5)}.storage-facts>div{padding:0 var(--space-4)}.storage-facts>div:nth-child(odd){padding-left:0;border-left:0}.storage-facts dd{font-size:var(--text-lg)}.storage-allocation{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.storage-allocation>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px var(--space-3)}.storage-allocation dd{display:contents}.storage-allocation dd>strong{font-size:var(--text-lg)}.storage-allocation dd>span{grid-column:1 / -1}.storage-kinds>li{grid-template-columns:8px minmax(0,1fr) auto;grid-template-areas:"dot name share" ". count size";gap:2px var(--space-3);padding:var(--space-2) 0}.storage-kinds>li>i{grid-area:dot}.storage-kinds strong{grid-area:name}.storage-kinds b{grid-area:share}.storage-kinds span{grid-area:count;text-align:left;font-size:var(--text-xs)}.storage-kinds span+span{grid-area:size;text-align:right}.storage-tree-children{padding-left:2px}.storage-tree-enter{display:none}}.storage-quota-ask,.storage-quota-pending{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.storage-quota-ask small,.storage-quota-pending span{color:var(--ui-text-muted);font-size:var(--text-sm)}.storage-quota-form{max-width:520px}.storage-quota-form textarea{resize:vertical}.storage-quota-history{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--ui-line-soft);list-style:none}.storage-quota-history li{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-3);font-size:var(--text-sm)}.storage-quota-history small{color:var(--ui-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}}@layer features{.admin-page{display:grid;gap:var(--space-5)}.admin-page>.page-intro{margin-bottom:var(--space-1)}.admin-page .empty-state>p{text-wrap:balance}.admin-page [tabindex="-1"]:focus{outline:none}.admin-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.admin-facts>div{min-width:0;padding:0 var(--space-5);border-left:1px solid var(--ui-line-soft)}.admin-facts>div:first-child{padding-left:0;border-left:0}.admin-facts dt{display:flex;align-items:center;gap:6px;color:var(--ui-text-muted);font-size:var(--text-xs)}.admin-facts>div[data-tone] dt:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ui-text-muted)}.admin-facts>div[data-tone=accent] dt:before{background:var(--ui-accent)}.admin-facts>div[data-tone=success] dt:before{background:var(--ui-success)}.admin-facts>div[data-tone=warning] dt:before{background:var(--ui-warning)}.admin-facts>div[data-tone=danger] dt:before{background:var(--ui-danger)}.admin-facts dd{margin-top:var(--space-1);overflow:hidden;color:var(--ui-text);font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.admin-facts dd>small{margin-left:3px;color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:400}.admin-facts dd[data-zero]{color:var(--ui-text-muted)}.task-list,.key-list,.member-list{margin:0;padding:0;list-style:none}.task-row,.key-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--ui-line-soft)}.task-row:first-child,.key-row:first-child{padding-top:0;border-top:0}.task-row:last-child,.key-row:last-child{padding-bottom:0}.task-icon,.key-icon{display:grid;place-items:center;width:36px;height:36px;margin-top:2px;border-radius:var(--radius-md);background:var(--ui-hover);color:var(--ui-text-secondary)}.task-row[data-status=running]>.task-icon,.task-row[data-status=cancelling]>.task-icon{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.task-row[data-status=failed]>.task-icon{background:var(--ui-danger-soft);color:var(--ui-danger)}.key-row[data-expired]>.key-icon{color:var(--ui-text-muted)}.task-main,.key-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1);min-width:0}.key-main{gap:var(--space-2)}.task-title,.key-title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.task-title>strong,.key-title>strong{overflow:hidden;color:var(--ui-text);font-size:var(--text-md);font-weight:600;line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.key-row[data-expired] .key-title>strong{color:var(--ui-text-secondary)}.task-meta,.key-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-3);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.task-meta>span,.key-meta>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta>code{padding:1px 6px;border-radius:var(--radius-xs);background:var(--ui-hover);color:var(--ui-text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs)}.task-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);max-width:420px;margin-top:var(--space-1)}.task-progress>span{min-width:4ch;color:var(--ui-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}.task-error{color:var(--ui-danger);font-size:var(--text-xs);line-height:var(--leading-normal);overflow-wrap:anywhere}.task-actions{display:flex;flex:none;align-self:center;gap:var(--space-2)}.key-row>.button{align-self:center}.task-list+.unfold{margin-top:var(--space-3)}.task-row[data-status=running] .badge[data-dot]:before{animation:task-breathe 1.8s var(--ease-in-out) infinite}@keyframes task-breathe{50%{opacity:.3}}.key-scopes{display:flex;flex-wrap:wrap;gap:var(--space-1) 6px}.key-scopes>span:not(.badge){color:var(--ui-text-muted);font-size:var(--text-xs)}.key-docs{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--ui-accent-text);font-size:var(--text-sm);font-weight:500;text-decoration:none}.key-docs:hover{text-decoration:underline}.key-usage{margin-bottom:var(--space-3);color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.key-example{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;border:1px solid var(--ui-line-soft);border-radius:var(--radius-md);background:var(--ui-surface-soft)}.key-example>pre{margin:0;padding:var(--space-4);overflow-x:auto;color:var(--ui-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre}.key-example>.icon-button{margin:var(--space-2) var(--space-2) 0 0}.key-choices{display:grid;gap:var(--space-2)}.key-choice{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-lg);padding:0 var(--space-3);border:1px solid var(--ui-line);border-radius:var(--radius-md);color:var(--ui-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}@media(hover:hover){.key-choice:hover{background:var(--ui-hover)}}.key-choice>input{flex:none;width:16px;height:16px;margin:0}.key-choice>code{margin-left:auto;color:var(--ui-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.member-columns,.member-row{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(72px,.8fr) minmax(96px,1fr) minmax(80px,.8fr) 112px;align-items:center;gap:var(--space-4)}.member-columns{padding-bottom:var(--space-3);border-bottom:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:500}.member-columns>:last-child{text-align:right}.member-row{min-height:64px;padding:var(--space-3) 0;border-top:1px solid var(--ui-line-soft)}.member-row:first-child{border-top:0}.member-row:last-child{min-height:52px;padding-bottom:0}.member-who{display:flex;align-items:center;gap:var(--space-3);min-width:0}.member-who>div{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.member-who strong,.member-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-who strong{color:var(--ui-text);font-size:var(--text-md);font-weight:600;line-height:var(--leading-normal)}.member-who small{color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.member-avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent-text);font-size:var(--text-md);font-weight:600}.member-row[data-disabled] .member-avatar{background:var(--ui-hover);color:var(--ui-text-muted)}.member-row[data-disabled] .member-who strong{color:var(--ui-text-secondary)}.member-about{display:contents}.member-role,.member-joined{color:var(--ui-text-secondary);font-size:var(--text-sm)}.member-role{display:flex;align-items:center}.member-joined{font-variant-numeric:tabular-nums;white-space:nowrap}.member-joined>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.member-state{display:flex}.member-action{justify-self:end}.member-self{color:var(--ui-text-muted);font-size:var(--text-sm)}.admin-form-note{color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.admin-failed{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.secret-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--ui-warning-soft);color:var(--ui-text);font-size:var(--text-sm);line-height:var(--leading-snug)}.secret-notice>svg{flex:none;margin-top:1px;color:var(--ui-warning)}.secret-value{display:block;padding:var(--space-3) var(--space-4);border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--ui-surface-soft);color:var(--ui-text);font-family:var(--font-mono);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.secret-warning{color:var(--ui-danger);font-size:var(--text-sm);line-height:var(--leading-snug)}@media(min-width:701px)and (max-width:900px){.member-columns,.member-row{grid-template-columns:minmax(0,2fr) minmax(64px,.7fr) minmax(92px,.9fr) minmax(76px,.7fr) 104px;gap:var(--space-3)}}@media(max-width:700px){.admin-page{gap:var(--space-4)}.admin-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-5)}.admin-facts>div{padding:0 var(--space-3)}.admin-facts>div:nth-child(3n+1){padding-left:0;border-left:0}.admin-facts dd{font-size:var(--text-xl)}.task-row,.key-row{grid-template-columns:36px minmax(0,1fr);gap:var(--space-3)}.task-actions,.key-row>.button{grid-column:2;justify-self:start}.task-progress{max-width:none}.member-columns{display:none}.member-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who state" "about action";gap:var(--space-3);min-height:0;padding:var(--space-4) 0}.member-row:first-child{padding-top:0}.member-row:last-child{min-height:0}.member-who{grid-area:who}.member-state{grid-area:state;justify-self:end}.member-about{grid-area:about;display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-3);min-width:0}.member-joined>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.member-action{grid-area:action}.key-example>pre{padding:var(--space-3);font-size:var(--text-xs);white-space:pre-wrap;overflow-wrap:anywhere}}@media(min-width:901px){.member-columns,.member-row{grid-template-columns:minmax(0,2.4fr) minmax(72px,.8fr) minmax(96px,1fr) minmax(80px,.8fr) 188px}}@media(min-width:701px)and (max-width:900px){.member-columns,.member-row{grid-template-columns:minmax(0,2fr) minmax(64px,.7fr) minmax(92px,.9fr) minmax(76px,.7fr) 176px}}.member-action{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.quota-requests-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.quota-requests-head h2{display:flex;align-items:center;gap:var(--space-2)}.quota-requests{display:grid;margin:0;padding:0;list-style:none}.quota-request{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--ui-line-soft)}.quota-request:first-child{border-top:0}.quota-request-body{display:grid;gap:2px;min-width:0}.quota-request-body strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-2);color:var(--ui-text);font-weight:600}.quota-request-body strong small,.quota-request-body>small{color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:400}.quota-request-body p{margin:0;color:var(--ui-text);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere}.quota-request-body .quota-request-reason{color:var(--ui-text-muted)}.quota-request-actions{display:flex;gap:var(--space-2)}.quota-check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}@media(max-width:700px){.quota-request{grid-template-columns:minmax(0,1fr)}.quota-request-actions{justify-content:flex-end}}}@layer features{.hosting-upload{display:grid;gap:var(--space-4)}.hosting-drop{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1.5px dashed var(--ui-line-strong);border-radius:var(--radius-lg);background:var(--ui-surface-soft);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.hosting-drop>svg{flex:none;color:var(--ui-accent)}.hosting-drop>div{flex:1;min-width:0}.hosting-drop h2{margin:0 0 var(--space-1);color:var(--ui-text);font-size:var(--text-md);font-weight:600}.hosting-drop p{margin:0;color:var(--ui-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.hosting-upload[data-over] .hosting-drop{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.hosting-expiry-amount{width:4.5rem;min-height:34px;padding:0 8px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:8px;background:transparent;color:inherit;font:inherit}.hosting-autoshare{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-2);color:var(--ui-text);font-size:var(--text-sm);cursor:pointer}.hosting-autoshare>input{width:16px;height:16px;margin:0;accent-color:var(--ui-accent)}.hosting-autoshare>small{grid-column:2;color:var(--ui-text-muted);font-size:var(--text-xs)}.hosting-queue{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--ui-line-soft)}.hosting-queue-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ui-text-secondary);font-size:var(--text-sm)}.hosting-queue>ul{display:grid;gap:var(--space-3);max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.hosting-task{display:grid;gap:var(--space-1)}.hosting-task-line{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm)}.hosting-task-line>strong{flex:1;min-width:0;overflow:hidden;color:var(--ui-text);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.hosting-task-line>span{flex:none;max-width:50%;overflow:hidden;color:var(--ui-text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.hosting-task[data-status=error] .hosting-task-line>span{color:var(--ui-danger)}.hosting-task[data-status=done] .hosting-task-line>span{color:var(--ui-success)}.hosting-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.hosting-toolbar>.search-field{flex:1 1 220px;min-width:180px;max-width:360px}.hosting-format{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;color:var(--ui-text-secondary);font-size:var(--text-sm);white-space:nowrap}.hosting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.hosting-grid+.unfold{margin-top:var(--space-4)}.hosting-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg);background:var(--ui-surface)}.hosting-thumb{display:grid;place-items:center;aspect-ratio:16 / 10;overflow:hidden;background:var(--ui-surface-soft);color:var(--ui-text-muted)}.hosting-thumb>img{width:100%;height:100%;object-fit:cover}.hosting-thumb:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.hosting-card-body{display:grid;align-content:start;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-3) 0}.hosting-card-body>strong{overflow:hidden;color:var(--ui-text);font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.hosting-meta{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin:0;color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.hosting-card-body>.badge{justify-self:start;margin-top:var(--space-1)}.hosting-card-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3)}.hosting-card-tools{display:inline-flex;gap:var(--space-1)}.hosting-card-tools>a.icon-button{color:var(--ui-text-secondary)}@media(max-width:640px){.hosting-drop{flex-wrap:wrap}.hosting-format{margin-left:0}.hosting-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.drive-picker-intro{margin:0 0 var(--space-3);color:var(--ui-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.drive-picker-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.drive-picker-tools .search-field{flex:1 1 220px}.drive-picker-loading{margin:0;padding:var(--space-6) 0;color:var(--ui-text-muted);text-align:center}.drive-picker{display:grid;max-height:min(56vh,520px);margin:0;padding:0;overflow-y:auto;list-style:none;overscroll-behavior:contain}.drive-picker-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--ui-line-soft)}.drive-picker-item:first-child{border-top:0}.drive-picker-thumb{position:relative;display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border-radius:var(--radius-md, 8px);background:var(--ui-surface-sunken, var(--ui-surface));color:var(--ui-text-muted)}.drive-picker-thumb img{width:100%;height:100%;object-fit:cover}.drive-picker-play{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0000008c;color:#fff}.drive-picker-text{display:grid;gap:2px;min-width:0}.drive-picker-text strong{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.drive-picker-text small{overflow:hidden;color:var(--ui-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.drive-picker-more{display:flex;justify-content:center;margin-top:var(--space-3)}.drive-copy{display:grid;gap:var(--space-3)}.drive-copy p{margin:0;line-height:var(--leading-normal);overflow-wrap:anywhere}.drive-copy .hosting-expiry{margin-left:0}.drive-copy-link{display:flex;gap:var(--space-2)}.drive-copy-link input{flex:1 1 auto;min-width:0;min-height:36px;padding:0 var(--space-3);border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:var(--text-sm)}.drive-copy-expiry{color:var(--ui-text-muted);font-size:var(--text-xs)}@media(max-width:700px){.drive-picker-item{grid-template-columns:44px minmax(0,1fr) auto}.drive-picker-thumb{width:44px;height:44px}.drive-picker-item>.badge{display:none}}}@layer features{.conversion-page>.notice{margin:0}.conversion-preserve{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);min-height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--ui-success-soft);color:var(--ui-success);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.conversion-preserve>svg{width:14px;height:14px}.conversion-card{overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs)}.conversion-card-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--ui-line-soft)}.conversion-card-heading>div,.conversion-destination-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-width:0}.conversion-card-heading h2,.conversion-destination-title h2{color:var(--ui-text);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}.conversion-card-heading>.button{flex:none}.conversion-step{display:inline-grid;flex:none;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--ui-accent-soft);color:var(--ui-accent-text);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}.conversion-count{color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-loading{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);color:var(--ui-text-muted);font-size:var(--text-sm);text-align:center}.conversion-start{display:grid;justify-items:center;padding:var(--space-10) var(--space-6) var(--space-8);text-align:center}.conversion-start-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.conversion-start h3{color:var(--ui-text);font-size:var(--text-lg);font-weight:600}.conversion-start p{margin:var(--space-2) 0 var(--space-5);color:var(--ui-text-muted);font-size:var(--text-sm)}.conversion-supported{display:flex;flex-wrap:wrap;gap:var(--space-2)}.conversion-start .conversion-supported{justify-content:center;margin-top:var(--space-6)}.conversion-source-alternative{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.conversion-source-alternative p{color:var(--ui-text-muted);font-size:var(--text-sm)}.conversion-local{padding:var(--space-6);border-bottom:1px solid var(--ui-line-soft)}.conversion-upload-drop{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px dashed var(--ui-line-strong);border-radius:var(--radius-lg);background:var(--ui-surface-soft);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.conversion-upload-drop>svg{box-sizing:content-box;flex:none;padding:var(--space-3);border-radius:var(--radius-md);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.conversion-upload-drop.dragging{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.conversion-upload-drop>.button{flex:none}.conversion-upload-intro{flex:1;min-width:0}.conversion-upload-intro h3{color:var(--ui-text);font-size:var(--text-md);font-weight:600}.conversion-upload-intro p{margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-sm)}.conversion-upload-location{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.conversion-upload-location>svg{flex:none;color:var(--ui-text-muted)}.conversion-upload-location>div{flex:1;min-width:0}.conversion-upload-location span{margin-right:var(--space-2);color:var(--ui-text-muted);font-size:var(--text-sm)}.conversion-upload-location strong{font-size:var(--text-md);font-weight:600;overflow-wrap:anywhere}.conversion-upload-location p{margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-upload-location>.button{flex:none}.conversion-upload-hint{margin-top:var(--space-3);color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-upload-announcement{margin-top:var(--space-3);color:var(--ui-accent-text);font-size:var(--text-sm)}.conversion-upload-rejections{display:grid;justify-items:start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--ui-danger-soft);color:var(--ui-danger);font-size:var(--text-sm)}.conversion-upload-rejections ul{justify-self:stretch;max-height:170px;margin:0;padding-left:var(--space-5);overflow:auto}.conversion-upload-rejections li{margin:var(--space-1) 0;overflow-wrap:anywhere}.conversion-upload-list{margin-top:var(--space-5)}.conversion-upload-list>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2)}.conversion-upload-list h4{color:var(--ui-text-secondary);font-size:var(--text-sm);font-weight:600}.conversion-upload-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--ui-line-soft)}.conversion-upload-item:last-child{padding-bottom:0}.conversion-upload-file{display:grid;flex:1;gap:var(--space-1);min-width:0}.conversion-upload-file>strong{font-size:var(--text-md);font-weight:600;overflow-wrap:anywhere}.conversion-upload-file>span,.conversion-upload-file>p{color:var(--ui-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.conversion-upload-file>.error-text{color:var(--ui-danger)}.conversion-upload-progress{display:flex;align-items:center;gap:var(--space-3)}.conversion-upload-progress>.progress{flex:1}.conversion-upload-progress>span{flex:none;color:var(--ui-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.conversion-upload-actions{display:flex;flex:none;align-items:center;gap:var(--space-2)}.conversion-upload-actions>svg{color:var(--ui-success)}.conversion-validation{padding:var(--space-5) var(--space-6) 0}.conversion-drafts{padding:0 var(--space-6)}.conversion-item{padding:var(--space-5) 0;border-bottom:1px solid var(--ui-line-soft)}.conversion-item:last-child{border-bottom:0}.conversion-item-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.conversion-item-main>.file-icon,.conversion-item-main>.icon-button{flex:none}.conversion-item-main>.icon-button[aria-expanded=true]{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.conversion-file-info{display:grid;flex:1;gap:2px;min-width:0}.conversion-file-info strong{font-size:var(--text-md);font-weight:600;overflow-wrap:anywhere}.conversion-file-info>span{color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-arrow{flex:none;color:var(--ui-text-muted)}.conversion-target{flex:none;width:168px}.conversion-target .custom-select{width:100%}.conversion-item-error,.conversion-item-hint{margin-top:var(--space-2);padding-left:calc(25px + var(--space-3));font-size:var(--text-xs);overflow-wrap:anywhere}.conversion-item-error{color:var(--ui-danger)}.conversion-item-hint{color:var(--ui-text-muted)}.conversion-options{display:grid;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--ui-surface-soft)}.conversion-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.conversion-options .field{min-width:0}.conversion-options-notice{color:var(--ui-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.conversion-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:0 var(--space-6) var(--space-5)}.conversion-add-row>span{color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-destination{padding:var(--space-5) var(--space-6);border-top:1px solid var(--ui-line-soft)}.conversion-destination-title{margin-bottom:var(--space-4)}.conversion-destination-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.conversion-destination-controls>div{display:flex;align-items:center;gap:var(--space-3);min-width:0}.conversion-destination-controls>div:first-child{flex:1}.conversion-destination-controls>div:first-child>svg{flex:none;color:var(--ui-accent-text)}.conversion-destination-controls>div:last-child{flex:none;gap:var(--space-2)}.conversion-destination-controls strong{font-size:var(--text-md);font-weight:600;overflow-wrap:anywhere}.conversion-destination-controls p{margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-submit{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);border-top:1px solid var(--ui-line-soft);background:var(--ui-surface-soft)}.conversion-submit strong{font-size:var(--text-md);font-weight:600}.conversion-submit p{margin-top:2px;color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-submit>.button{flex:none;min-width:140px;min-height:var(--control-lg)}.conversion-history .empty-state{min-height:0;padding:var(--space-10) var(--space-6)}.conversion-jobs{padding:var(--space-1) var(--space-6)}.conversion-job{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--ui-line-soft)}.conversion-job:first-child{border-top:0}.conversion-job-icon{display:grid;place-items:center;width:36px;height:36px;margin-top:2px;border-radius:var(--radius-md);background:var(--ui-hover);color:var(--ui-text-secondary)}.conversion-job-icon.running,.conversion-job-icon.cancelling{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.conversion-job-icon.failed{background:var(--ui-danger-soft);color:var(--ui-danger)}.conversion-job-main{display:grid;gap:var(--space-1);min-width:0}.conversion-job-main>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);min-width:0}.conversion-job-main strong{font-size:var(--text-md);font-weight:600;overflow-wrap:anywhere}.conversion-job-main>p{color:var(--ui-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.conversion-job-main>.error-text{color:var(--ui-danger)}.conversion-job-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);max-width:420px;margin-top:var(--space-1)}.conversion-job-progress>span{min-width:4ch;color:var(--ui-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}.conversion-job-actions{display:flex;flex-wrap:wrap;align-self:center;justify-content:flex-end;gap:var(--space-2)}.conversion-job-actions:empty{display:none}.conversion-history-more{display:flex;justify-content:center;padding:0 var(--space-6) var(--space-5)}.conversion-footnote{justify-self:center;color:var(--ui-text-muted);font-size:var(--text-xs);text-align:center;text-wrap:balance}.conversion-picker{display:grid;gap:var(--space-4);min-width:0}.conversion-picker>.search-field{width:100%}.conversion-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px;color:var(--ui-text-muted);font-size:var(--text-sm)}.conversion-crumbs>span{display:flex;align-items:center;gap:2px;min-width:0}.conversion-crumbs button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ui-text-secondary);text-align:left;overflow-wrap:anywhere}.conversion-crumbs button:hover{background:var(--ui-hover);color:var(--ui-text)}.conversion-crumbs>span:last-child>button{color:var(--ui-text);font-weight:500}.conversion-picker-list{min-height:180px;max-height:min(42dvh,430px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg);scrollbar-color:var(--ui-scrollbar) transparent;scrollbar-width:thin}.conversion-picker-list>.empty-state{min-height:0;padding:var(--space-8) var(--space-6)}.conversion-picker-folder,.conversion-picker-file{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--ui-line-soft);color:var(--ui-text);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard)}.conversion-picker-folder:last-child,.conversion-picker-file:last-child{border-bottom:0}.conversion-picker-folder>span{flex:1;min-width:0;font-size:var(--text-md);overflow-wrap:anywhere}.conversion-picker-folder>svg:last-child{flex:none;color:var(--ui-text-muted)}.conversion-picker-file{cursor:pointer}.conversion-picker-folder:hover,.conversion-picker-file:hover{background:var(--ui-hover)}.conversion-picker-file.selected{background:var(--ui-accent-soft)}.conversion-picker-file.unavailable{background:none;color:var(--ui-text-muted);cursor:default}.conversion-picker-file.unavailable>.file-icon{opacity:.5}.conversion-picker-file input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--ui-accent)}.conversion-picker-name{display:grid;gap:2px;min-width:0}.conversion-picker-name strong{font-size:var(--text-md);font-weight:500;overflow-wrap:anywhere}.conversion-picker-name small{color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-picker-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--ui-text-muted);font-size:var(--text-xs)}.conversion-picker-pagination>div{display:flex;gap:var(--space-2)}.conversion-new-folder form{display:flex;flex-wrap:wrap;gap:var(--space-2)}.conversion-new-folder input{flex:1;min-width:170px}.conversion-picker-footer p{flex:1;color:var(--ui-text-muted);font-size:var(--text-sm);text-align:left;overflow-wrap:anywhere}@media(pointer:coarse){.conversion-crumbs button{min-height:var(--control-md)}.conversion-picker-folder,.conversion-picker-file{min-height:56px}.conversion-picker-file input{width:20px;height:20px}}@media(max-width:700px){.conversion-preserve{display:none}.conversion-card{border-radius:var(--radius-lg)}.conversion-card-heading{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4)}.conversion-card-heading .conversion-count{display:none}.conversion-local,.conversion-source-alternative,.conversion-destination,.conversion-submit{padding:var(--space-4)}.conversion-drafts,.conversion-jobs{padding-inline:var(--space-4)}.conversion-add-row{padding:0 var(--space-4) var(--space-4)}.conversion-validation{padding:var(--space-4) var(--space-4) 0}.conversion-start{padding:var(--space-8) var(--space-4)}.conversion-upload-drop{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4)}.conversion-upload-intro{flex-basis:calc(100% - 44px - var(--space-3))}.conversion-upload-drop>.button{flex:1 1 100%}.conversion-upload-location{flex-wrap:wrap;align-items:flex-start}.conversion-upload-location>div{flex-basis:calc(100% - 19px - var(--space-3))}.conversion-upload-location>.button{margin-left:calc(19px + var(--space-3))}.conversion-upload-item{flex-wrap:wrap;gap:var(--space-2)}.conversion-upload-file{flex-basis:100%}.conversion-upload-actions{margin-left:auto}.conversion-item-main{flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.conversion-file-info{flex-basis:calc(100% - 25px - var(--space-3))}.conversion-arrow{display:none}.conversion-target{flex:1;width:auto;min-width:0;margin-left:calc(25px + var(--space-3))}.conversion-options{padding:var(--space-4)}.conversion-option-grid{grid-template-columns:minmax(0,1fr)}.conversion-options input,.conversion-picker input:not([type=checkbox]){font-size:var(--text-lg)}.conversion-destination-controls{flex-direction:column;align-items:stretch;gap:var(--space-3)}.conversion-destination-controls>div:last-child{flex-wrap:wrap;margin-left:calc(20px + var(--space-3))}.conversion-submit{flex-direction:column;align-items:stretch;gap:var(--space-4)}.conversion-submit>.button{width:100%}.conversion-job{grid-template-columns:36px minmax(0,1fr);gap:var(--space-3)}.conversion-job-actions{grid-column:2;justify-content:flex-start}.conversion-job-progress{max-width:none}.conversion-picker-list{max-height:35dvh}.conversion-picker-folder,.conversion-picker-file{padding-inline:var(--space-3)}.conversion-picker-footer{flex-wrap:wrap}.conversion-picker-footer p{flex-basis:100%}.conversion-new-folder input{flex-basis:100%;min-width:0}}}@layer features{.now-playing-space,.now-playing-wheel{--wheel-hub: 48px;--wheel-edge: var(--space-6);--wheel-bottom: var(--space-5)}.now-playing-space{height:calc(var(--wheel-hub) + var(--wheel-bottom) + var(--space-5))}.now-playing-wheel{position:fixed;z-index:var(--z-floating);right:calc(var(--wheel-edge) + var(--scrollbar-gap, 0px));bottom:calc(var(--wheel-bottom) + env(safe-area-inset-bottom,0px));width:var(--wheel-hub);height:var(--wheel-hub);color:var(--ui-text);transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-standard)}.now-playing-wheel.is-tucked{opacity:0;pointer-events:none;transform:translateY(calc(100% + var(--wheel-bottom) + env(safe-area-inset-bottom,0px)))}.now-playing-hub{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding:0;border:1px solid var(--ui-line);border-radius:var(--radius-full);background:var(--ui-surface-raised);color:var(--ui-accent-text);box-shadow:var(--shadow-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.now-playing-hub:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.now-playing-hub:active{transform:scale(.95)}.now-playing-wheel.is-open .now-playing-hub,.now-playing-wheel.is-drop-active .now-playing-hub{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.now-playing-wheel.is-dragging .now-playing-hub{outline:2px dashed var(--ui-accent);outline-offset:var(--space-2)}.now-playing-hub:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:conic-gradient(var(--wheel-ring, var(--ui-accent)) calc(var(--wheel-progress, 0) * 1turn),var(--ui-accent-soft) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}.now-playing-wheel.has-playback .now-playing-hub:before{opacity:1}.now-playing-wheel.is-paused .now-playing-hub{--wheel-ring: var(--ui-text-muted)}.now-playing-hub:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:conic-gradient(transparent 0 35%,var(--ui-accent));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));opacity:0;pointer-events:none}.now-playing-wheel.is-open .now-playing-hub:before{opacity:1;animation:wheel-ring-in .56s var(--ease-out) both}.now-playing-wheel.is-open .now-playing-hub:after{animation:wheel-ring-sweep .56s var(--ease-out) both}@keyframes wheel-ring-in{0%{opacity:0;transform:scale(.55) rotate(-270deg)}65%{opacity:1;transform:scale(1.08) rotate(10deg)}to{opacity:1;transform:none}}@keyframes wheel-ring-sweep{0%{opacity:0;transform:scale(.55) rotate(-360deg)}25%{opacity:1}65%{opacity:1;transform:scale(1.08) rotate(-10deg)}to{opacity:0;transform:none}}.wheel-collection-count{position:absolute;z-index:2;top:-6px;right:-6px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-surface-raised);color:var(--ui-on-accent);font-size:var(--text-2xs);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.wheel-drop-hint{position:absolute;z-index:2;top:50%;right:calc(100% + var(--space-4));padding:var(--space-2) var(--space-3);border:1px solid var(--ui-accent);border-radius:var(--radius-full);background:var(--ui-surface-raised);box-shadow:var(--shadow-md);color:var(--ui-accent-text);font-size:var(--text-xs);font-weight:500;white-space:nowrap;pointer-events:none;transform:translateY(-50%)}.now-playing-panel{--wheel-panel-width: min(344px, calc(100vw - 2 * var(--wheel-edge)));position:absolute;right:0;bottom:calc(100% + var(--space-3));display:flex;flex-direction:column;gap:var(--space-4);width:var(--wheel-panel-width);max-height:min(calc(var(--wheel-panel-width) * 1.272),calc(100dvh - var(--wheel-hub) - var(--wheel-bottom) - var(--space-3) - var(--space-4) - env(safe-area-inset-bottom,0px)));padding:var(--space-3);border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface-raised);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;pointer-events:none}.now-playing-wheel.is-open .now-playing-panel{opacity:1;visibility:visible;pointer-events:auto}.now-playing-panel:after{content:"";position:absolute;top:100%;right:0;left:0;height:var(--space-3)}.wheel-genie{position:absolute;pointer-events:none;filter:drop-shadow(0 10px 24px var(--ui-shadow-strong))}.wheel-genie>div{position:absolute;inset:0}.now-playing-wheel .wheel-genie .now-playing-panel{inset:0 auto auto 0;opacity:1;visibility:inherit;pointer-events:none;box-shadow:none}.wheel-now{display:flex;flex:none;align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--ui-surface-soft)}.wheel-now-source{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--control-lg);padding:0 var(--space-1) 0 0;border:0;border-radius:var(--radius-md);background:none;color:inherit;text-align:left;cursor:pointer}.wheel-now-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--ui-accent);color:var(--ui-on-accent);transition:transform var(--duration-fast) var(--ease-out)}.wheel-now-source:hover .wheel-now-icon{transform:scale(1.06)}.wheel-now-text{display:grid;min-width:0;line-height:var(--leading-snug)}.wheel-now-text small{color:var(--ui-text-muted);font-size:var(--text-xs)}.wheel-now-text strong{overflow:hidden;font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.wheel-now-toggle{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.wheel-now-toggle:hover:not(:disabled){background:var(--ui-accent);color:var(--ui-on-accent)}.wheel-group{display:grid;flex:none;gap:var(--space-2)}.wheel-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.wheel-heading{margin:0;padding:0 var(--space-1);color:var(--ui-text-secondary);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.wheel-count{padding:0 var(--space-1);color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.wheel-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.wheel-shortcut{position:relative;min-width:0}.wheel-shortcut-open{display:grid;justify-items:center;align-content:center;gap:var(--space-2);width:100%;min-height:72px;padding:var(--space-3) var(--space-2);border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg);background:transparent;color:var(--ui-text);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-tight);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.wheel-shortcut-open>svg{color:var(--ui-accent-text)}.wheel-shortcut-open>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-shortcut-open:hover{border-color:var(--ui-line);background:var(--ui-hover)}.wheel-shortcut-open[aria-current=page]{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.wheel-pin{position:absolute;top:var(--space-1);right:var(--space-1);width:24px;height:24px;border-radius:var(--radius-sm);color:var(--ui-text-muted);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.wheel-shortcut:hover .wheel-pin,.wheel-shortcut:focus-within .wheel-pin,.wheel-shortcut.is-pinned .wheel-pin{opacity:1}.wheel-pin[aria-pressed=true]{background:transparent;color:var(--ui-accent-text)}.wheel-stash{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.wheel-stash-list{display:grid;align-content:start;flex:1 1 auto;min-height:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;scrollbar-color:var(--ui-scrollbar) transparent;scrollbar-width:thin}.wheel-resource{display:flex;align-items:center;gap:var(--space-1);padding-right:var(--space-1);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard)}.wheel-resource:hover,.wheel-resource:focus-within{background:var(--ui-hover)}.wheel-resource-open{display:flex;flex:1;align-items:center;gap:var(--space-3);min-width:0;min-height:52px;padding:var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:inherit;text-align:left;cursor:grab}.wheel-resource-open:active{cursor:grabbing}.wheel-resource-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--ui-surface-soft)}.wheel-resource-icon.is-subtitle{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.wheel-resource-text{display:grid;min-width:0;line-height:var(--leading-snug)}.wheel-resource-text strong{overflow:hidden;font-size:var(--text-sm);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.wheel-resource-text small{overflow:hidden;color:var(--ui-text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.wheel-remove{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.wheel-resource:hover .wheel-remove,.wheel-resource:focus-within .wheel-remove{opacity:1}.wheel-empty{margin:0;padding:var(--space-4);border:1px dashed var(--ui-line);border-radius:var(--radius-lg);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);text-align:center}.now-playing-wheel.is-drop-active .wheel-stash-list,.now-playing-wheel.is-drop-active .wheel-empty{border-color:transparent;border-radius:var(--radius-lg);background:var(--ui-accent-soft);outline:2px dashed var(--ui-accent);outline-offset:-2px}.now-playing-wheel.is-drop-active .wheel-empty{color:var(--ui-accent-text)}@media(hover:none){.wheel-pin,.wheel-remove{opacity:1}}@media(pointer:coarse){.wheel-pin{top:0;right:0;width:32px;height:32px}.wheel-resource-open{min-height:56px}}@media(max-width:600px){.now-playing-space,.now-playing-wheel{--wheel-edge: var(--space-3);--wheel-bottom: var(--space-3)}.now-playing-panel{--wheel-panel-width: calc(100vw - 2 * var(--wheel-edge))}}@media(prefers-reduced-motion:reduce){.now-playing-wheel,.now-playing-hub,.now-playing-hub:before,.now-playing-panel,.wheel-now-icon{transition:none}.now-playing-wheel.is-open .now-playing-hub:before,.now-playing-wheel.is-open .now-playing-hub:after{animation:none}}}@layer features{.files-page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.files-page>.page-intro{margin-bottom:var(--space-1)}.files-page>.page-intro .page-actions{max-width:none}.files-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs)}.files-shortcuts>button{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-5);border-left:1px solid var(--ui-line-soft);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard)}.files-shortcuts>button:first-child{border-left:0}.files-shortcuts>button:hover{background:var(--ui-hover)}.files-shortcuts>button:focus-visible{outline-offset:-2px}.files-shortcut-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--ui-hover);color:var(--ui-text-secondary)}.files-shortcut-icon[data-tone=accent]{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.files-shortcut-icon[data-tone=success]{background:var(--ui-success-soft);color:var(--ui-success)}.files-shortcut-icon[data-tone=warning]{background:var(--ui-warning-soft);color:var(--ui-warning)}.files-shortcut-text{display:grid;flex:1;gap:1px;min-width:0}.files-shortcut-text>strong,.files-shortcut-text>small{overflow:hidden;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.files-shortcut-text>strong{color:var(--ui-text);font-size:var(--text-md);font-weight:600}.files-shortcut-text>small{color:var(--ui-text-muted);font-size:var(--text-xs)}.files-shortcuts>button>svg{color:var(--ui-text-muted);opacity:0;transform:translate(-4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-out)}.files-shortcuts>button:hover>svg,.files-shortcuts>button:focus-visible>svg{opacity:1;transform:none}.files-card{--files-pad: var(--space-6);--files-bar-height: calc(var(--control-md) + var(--space-3) * 2 + 1px);min-width:0;border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs);overflow:hidden;overflow:clip}.files-bar{position:sticky;top:var(--topbar-height);z-index:var(--z-sticky);display:grid;border-bottom:1px solid var(--ui-line-soft);background:var(--ui-surface)}.files-bar>*{grid-area:1 / 1;min-width:0}.files-tools{display:flex;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--files-pad)}.files-bar.is-selecting>.files-tools{visibility:hidden}.files-crumbs{display:flex;flex:1;align-items:center;min-width:0;margin-left:calc(var(--space-2) * -1);color:var(--ui-text-muted)}.files-crumbs>span{display:flex;align-items:center;min-width:0}.files-crumbs>span:last-child{flex:none}.files-crumbs button{min-width:0;max-width:26ch;height:var(--control-sm);padding:0 var(--space-2);overflow:hidden;border-radius:var(--radius-sm);color:var(--ui-text-secondary);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.files-crumbs button:hover{background:var(--ui-hover);color:var(--ui-text)}.files-crumbs button[aria-current]{color:var(--ui-text);font-weight:600}.files-find{display:flex;flex:0 1 auto;gap:var(--space-2);min-width:0}.files-find>.search-field{flex:0 1 260px;width:260px;min-width:132px}.files-filter-toggle{flex:none}.files-filter-count{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--ui-accent);color:var(--ui-on-accent);font-size:var(--text-2xs);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.files-view{display:flex;flex:none;align-items:center;gap:var(--space-1)}.files-selection{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-3) var(--files-pad);background:linear-gradient(var(--ui-accent-soft),var(--ui-accent-soft)),var(--ui-surface);animation:ui-fade-in var(--duration-fast) var(--ease-out)}.files-selection>p{flex:1;min-width:0;overflow:hidden;color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.files-selection>p>strong{margin-left:2px;color:var(--ui-text)}.files-selection-actions{display:flex;flex:none;gap:var(--space-1)}.files-selection .button{border-color:transparent;background:none;box-shadow:none}.files-selection .button:hover:not(:disabled){border-color:transparent;background:var(--ui-surface);box-shadow:var(--shadow-xs)}.files-selection .button.danger-subtle:hover:not(:disabled){background:var(--ui-danger-soft);box-shadow:none}.files-selection>.icon-button:hover:not(:disabled){background:var(--ui-surface)}.files-filter-row{display:flex;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--files-pad);border-bottom:1px solid var(--ui-line-soft)}.files-filter-row>.pill-tabs{flex:1;margin-left:calc(var(--space-3) * -1);overflow-x:auto;scrollbar-width:none}.files-filter-row>.pill-tabs::-webkit-scrollbar{display:none}.files-filter-row>.pill-tabs>button:focus-visible{outline-offset:-2px}.files-sort{flex:none}.files-sort>.custom-select-trigger{min-width:116px}.files-filter-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--files-pad);border-bottom:1px solid var(--ui-line-soft);background:var(--ui-surface-soft);animation:ui-fade-in var(--duration-base) var(--ease-out)}.files-filter{display:grid;gap:6px;min-width:0}.files-filter>span:first-child{color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-tight)}.files-filter .custom-select-trigger{min-width:124px}.files-filter input{height:var(--control-md);padding:0 var(--space-3);font-size:var(--text-sm)}.files-filter-dates{display:flex;align-items:center;gap:var(--space-2);min-width:0}.files-filter-dates>span{color:var(--ui-text-muted);font-size:var(--text-sm)}.files-filter-dates>input{width:150px}.files-filter-tags{flex:1 1 200px;max-width:320px}.files-filter-tags>input{width:100%}.files-filter-clear{margin-left:auto}.files-note{padding:var(--space-3) var(--files-pad);border-bottom:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);text-wrap:pretty}.files-body{position:relative;min-height:280px}.files-body>.empty-state{min-height:280px}.files-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:280px;color:var(--ui-text-muted);font-size:var(--text-sm)}.files-table,.files-grid{transition:opacity var(--duration-fast) var(--ease-standard)}.files-body[aria-busy=true]>.files-table,.files-body[aria-busy=true]>.files-grid{opacity:.5;transition-delay:.16s}.files-body[data-leaving]>.files-table,.files-body[data-leaving]>.files-grid,.files-body[data-leaving]+.files-foot{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard) .3s}.files-loading.is-over{position:absolute;inset:0 0 auto;animation:ui-fade-in var(--duration-base) var(--ease-standard) .3s both}.files-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--text-sm);text-align:left}.files-table th{height:36px;padding:0 var(--space-3);border-bottom:1px solid var(--ui-line-soft);background:var(--ui-surface);color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.files-table td{height:var(--row-height);padding:0 var(--space-3);overflow:hidden;border-bottom:1px solid var(--ui-line-soft);color:var(--ui-text-secondary);text-overflow:ellipsis;white-space:nowrap}.files-table th:first-child,.files-table td:first-child{padding-left:var(--files-pad)}.files-table tbody tr:last-child>td{border-bottom:0}.files-table tbody tr{transition:background-color var(--duration-fast) var(--ease-standard)}.files-table tbody tr:hover{background:var(--ui-hover)}.files-table tbody tr.is-selected{background:var(--ui-accent-soft)}.files-table tbody tr.is-selected>td:first-child{box-shadow:inset 2px 0 0 var(--ui-accent)}.files-table tr[draggable=true]{user-select:none}.files-table .files-col-tags{width:196px}.files-table .files-col-type{width:96px}.files-table .files-col-size{width:104px;font-variant-numeric:tabular-nums;text-align:right}.files-table .files-col-time{width:136px;font-variant-numeric:tabular-nums}.files-table .files-col-pick{width:58px;padding:0 var(--space-4) 0 0;text-align:right}.files-name{display:inline-flex;align-items:center;gap:var(--space-3);max-width:100%;padding:0;border-radius:var(--radius-sm);color:var(--ui-text);text-align:left;vertical-align:middle}.files-icon{position:relative;display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--ui-surface-soft);box-shadow:inset 0 0 0 1px var(--ui-line-soft)}.files-table tr.is-selected .files-icon{background:var(--ui-surface)}.files-private{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-line-soft);color:var(--ui-accent-text)}.files-name-text{display:grid;min-width:0}.files-name-text>strong{overflow:hidden;font-size:var(--text-md);font-weight:500;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}.files-name:hover>.files-name-text>strong{color:var(--ui-accent-text)}.files-name-text>small{display:none;overflow:hidden;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.files-tags{display:flex;gap:var(--space-1);min-width:0}.files-tag{flex:0 1 auto;min-width:0;height:22px;padding:0 var(--space-2);overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--radius-full);background:var(--ui-surface);color:var(--ui-text-secondary);font-size:var(--text-xs);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.files-tag-more{flex:none;color:var(--ui-text-muted)}.files-col-pick>.icon-button{vertical-align:middle;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.files-table tr:hover .files-col-pick>.icon-button,.files-table tr.is-selected .files-col-pick>.icon-button,.files-col-pick>.icon-button:focus-visible{opacity:1}@media(hover:none){.files-col-pick>.icon-button{opacity:1}}@media(min-width:1101px){.files-table th{position:sticky;top:calc(var(--topbar-height) + var(--files-bar-height));z-index:calc(var(--z-sticky) - 1)}}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-3);padding:var(--space-4) calc(var(--files-pad) - var(--space-2))}.files-tile{display:grid;align-content:start;gap:2px;min-width:0;padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-lg);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard)}.files-tile:hover{background:var(--ui-hover)}.files-tile.is-selected{background:var(--ui-accent-soft);box-shadow:inset 0 0 0 1px var(--ui-accent)}.files-tile[draggable=true]{user-select:none}.files-tile-preview{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--ui-surface-soft);box-shadow:inset 0 0 0 1px var(--ui-line-soft)}.files-tile.is-selected>.files-tile-preview{background:var(--ui-surface)}.files-tile>strong,.files-tile>small{padding:0 var(--space-1);overflow:hidden;line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap}.files-tile>strong{color:var(--ui-text);font-size:var(--text-sm);font-weight:500}.files-tile>small{color:var(--ui-text-muted);font-size:var(--text-xs)}.files-tile-play{position:absolute;bottom:var(--space-2);left:var(--space-2);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ui-surface);box-shadow:var(--shadow-xs);color:var(--ui-text-secondary)}.files-tile-open{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--ui-surface);box-shadow:var(--shadow-sm);color:var(--ui-text-secondary);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.files-tile:hover .files-tile-open,.files-tile:focus-visible .files-tile-open,.files-tile.is-selected .files-tile-open{opacity:1}.files-tile-open:hover{color:var(--ui-accent-text)}@media(hover:none){.files-tile-open{opacity:1}}.files-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);min-height:52px;padding:var(--space-2) var(--files-pad);border-top:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs)}.files-pages{display:flex;flex:none;align-items:center;gap:var(--space-2)}.files-pages>span{min-width:44px;color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;text-align:center}.files-pages>.button{gap:var(--space-1);padding:0 10px}.permanent-delete-dialog{display:grid;gap:var(--space-5);min-width:0}.permanent-delete-file,.permanent-delete-warning{display:flex;align-items:flex-start;min-width:0;padding:14px;border:1px solid var(--ui-line);border-radius:var(--radius-lg)}.permanent-delete-file{gap:var(--space-3);background:var(--ui-surface-soft)}.permanent-delete-file-icon{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--ui-surface)}.permanent-delete-file-info{display:grid;gap:var(--space-1);min-width:0}.permanent-delete-file-info>strong{font-size:var(--text-md);line-height:1.65;overflow-wrap:anywhere}.permanent-delete-file-info>span{color:var(--ui-text-muted);font-size:var(--text-sm)}.permanent-delete-warning{gap:10px;border-color:color-mix(in srgb,var(--ui-danger) 28%,var(--ui-line));background:var(--ui-danger-soft)}.permanent-delete-warning>svg{margin-top:2px;color:var(--ui-danger)}.permanent-delete-warning>div{min-width:0}.permanent-delete-warning strong{color:var(--ui-danger);font-size:var(--text-md)}.permanent-delete-warning p{margin-top:6px;font-size:var(--text-sm);line-height:1.7}.permanent-delete-footer{display:grid;gap:14px}.permanent-delete-error{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--ui-danger);font-size:var(--text-sm);line-height:1.7;overflow-wrap:anywhere}.permanent-delete-error>svg{margin-top:3px}.permanent-delete-error>span{min-width:0}@media(max-width:1100px){.files-find>.search-field{flex-basis:220px;width:220px}}@media(max-width:960px){.files-table .files-col-tags{display:none}.files-shortcuts>button{padding-inline:var(--space-4)}}@media(max-width:820px){.files-table .files-col-type{display:none}.files-shortcut-text>small,.files-wide{display:none}}@media(pointer:coarse){.files-crumbs button{min-width:44px;height:44px}.files-crumbs>span{min-width:58px}.files-name{min-height:44px}.files-filter input{font-size:16px}.files-table .files-col-pick{width:60px;padding-right:var(--space-2)}.files-tile-open{width:40px;height:40px}}@media(max-width:700px){.files-card{--files-pad: var(--space-4);border-radius:var(--radius-lg)}.files-shortcuts{border-radius:var(--radius-lg)}.files-shortcuts>button{flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-2);text-align:center}.files-shortcut-text>strong{font-size:var(--text-sm)}.files-shortcut-text>small,.files-shortcuts>button>svg{display:none}.files-bar{position:static}.files-bar.is-selecting{position:sticky}.files-tools{flex-wrap:wrap;padding-right:var(--space-3)}.files-crumbs{order:1}.files-crumbs>:not(:nth-last-child(-n+2)){display:none}.files-crumbs>span:nth-last-child(2)>svg{display:none}.files-crumbs>span:last-child{flex:0 1 auto}.files-view{order:2}.files-view .segmented{background:none;box-shadow:none}.files-view .segmented>[aria-pressed=true]{display:none}.files-find{flex:1 1 100%;order:3}.files-find>.search-field{flex:1 1 0;width:auto;min-width:0}.files-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--files-pad)}.files-selection>p{grid-area:1 / 1}.files-selection>.icon-button{grid-area:1 / 2}.files-selection-actions{display:grid;grid-area:2 / 1 / 3 / 3;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;margin-left:calc(var(--space-2) * -1)}.files-selection .button{flex-direction:column;gap:3px;min-height:52px;padding:var(--space-1) 2px;font-size:var(--text-xs)}.files-wide{display:none}.files-filter-row{flex-wrap:wrap;padding-block:var(--space-1) var(--space-2)}.files-filter-row>.pill-tabs{flex:1 1 140px}.files-sort{margin-left:auto}.files-filter-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.files-filter-dates{display:grid;grid-template-columns:auto minmax(0,1fr)}.files-filter-dates>.custom-select,.files-filter-dates>input:first-of-type{grid-column:1 / -1}.files-filter-dates>input{width:100%}.files-filter-tags{max-width:none}.files-filter-clear{justify-self:start;margin-left:calc(var(--space-3) * -1)}.files-table thead,.files-table .files-col-size,.files-table .files-col-time{display:none}.files-table td{height:64px}.files-icon{width:36px;height:36px}.files-name-text>small{display:block}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3) var(--space-2)}.files-foot{flex-direction:column;align-items:stretch;padding-block:var(--space-3)}.files-pages{justify-content:space-between}}.files-owner{flex:none}.files-owner>.custom-select-trigger{min-width:116px;max-width:200px}.files-tag.files-owner-tag{flex:none;border-color:transparent;background:var(--ui-accent-soft);color:var(--ui-accent-text)}.transfer-form{display:grid;gap:var(--space-4)}.transfer-what{margin:0;line-height:var(--leading-normal);overflow-wrap:anywhere}.transfer-effects{display:grid;gap:var(--space-1);margin:0;padding-left:1.2em;color:var(--ui-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}@media(max-width:700px){.files-owner>.custom-select-trigger{min-width:0;max-width:132px}}}@layer features{.anno{--anno-pad: var(--space-5);--anno-frame: 160px;min-width:0}.anno.is-video{padding-top:var(--space-6);border-top:1px solid var(--ui-line-soft)}.anno-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.anno-head>h2{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--ui-text);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight)}.anno-head>h2>svg{flex:none;color:var(--ui-text-muted)}.anno-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--radius-full);background:var(--ui-hover);color:var(--ui-text-secondary);font-size:var(--text-xs);font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.anno-now{font-variant-numeric:tabular-nums;opacity:.86}.anno-tracks{padding:var(--space-4) var(--anno-pad);border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs)}.anno-tracks-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.anno-tracks-head>h3{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin:0;color:var(--ui-text);font-size:var(--text-md);font-weight:600;white-space:nowrap}.anno-tracks-head>h3>svg{flex:none;color:var(--ui-text-muted)}.anno-tracks-head>h3>small{overflow:hidden;color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:400;text-overflow:ellipsis}.anno-timeline{--anno-name: 148px;--anno-gap: var(--space-3)}.anno-scale{display:flex;justify-content:space-between;gap:var(--space-3);margin-left:calc(var(--anno-name) + var(--anno-gap));padding-bottom:var(--space-2);color:var(--ui-text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.anno-track{display:grid;grid-template-columns:var(--anno-name) minmax(0,1fr);align-items:center;gap:var(--anno-gap);padding-block:4px;border-top:1px solid var(--ui-line-soft)}.anno-track-name{display:flex;align-items:center;gap:6px;min-width:0}.anno-track-name>i{flex:none;width:8px;height:8px;border-radius:3px}.anno-track-name>button{border-radius:var(--radius-sm);color:var(--ui-text-secondary);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.anno-track-name>button:first-of-type{flex:0 1 auto;min-width:0;margin-left:-2px;overflow:hidden;padding:4px 6px;font-size:var(--text-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap}.anno-track-name>button:first-of-type:hover{background:var(--ui-hover);color:var(--ui-text)}.anno-track-name>button[aria-pressed=true]{background:var(--ui-accent-soft);color:var(--ui-accent-text);font-weight:500}.anno-track-edit{display:inline-grid;flex:none;place-items:center;width:24px;height:24px;color:var(--ui-text-muted);opacity:0}.anno-track:hover .anno-track-edit,.anno-track-edit:focus-visible{opacity:1}.anno-track-edit:hover{background:var(--ui-hover);color:var(--ui-accent-text)}.anno-lane{--anno-step: 23px;--anno-top: 8px;--anno-mid: 16px;position:relative;height:max(34px,calc(var(--lanes) * var(--anno-step) + 11px));border-radius:var(--radius-sm);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent var(--anno-mid),var(--ui-line-soft) var(--anno-mid),var(--ui-line-soft) calc(var(--anno-mid) + 1px),transparent calc(var(--anno-mid) + 1px),transparent var(--anno-step)),repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),var(--ui-line-soft) calc(25% - 1px),var(--ui-line-soft) 25%)}.anno-playhead{position:absolute;top:0;bottom:0;z-index:1;width:2px;margin-left:-1px;border-radius:1px;background:var(--ui-accent);transition:left .15s linear;pointer-events:none}.anno-marker{position:absolute;top:calc(var(--anno-top) + var(--lane) * var(--anno-step));z-index:2;display:flex;align-items:center;justify-content:center;width:17px;height:18px;padding:0;border-radius:var(--radius-xs);transform:translate(-3px);transition:box-shadow var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.anno-marker.is-range{justify-content:flex-start;min-width:7px;max-width:100%;overflow:hidden;padding-left:2px;opacity:.85}.anno-marker.is-range>svg{flex:none;width:11px;color:var(--ui-on-accent)}.anno-marker:hover,.anno-marker.is-active{box-shadow:0 0 0 3px var(--ui-focus-ring);opacity:1}.anno-marker.is-active{filter:brightness(.9)}.anno-marker:focus-visible{z-index:4;outline-offset:3px}.anno-tracks-wait,.anno-scope{margin:0;border-top:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs)}.anno-tracks-wait{padding:var(--space-3) 0}.anno-scope{padding-top:var(--space-3);font-variant-numeric:tabular-nums}.anno-hint{margin:var(--space-3) 0 0;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal);text-wrap:pretty}.anno-compose{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-4);padding:var(--anno-pad);border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-sm);animation:ui-fade-in var(--duration-base) var(--ease-out)}.anno-shot{display:grid;align-content:start;justify-items:start;gap:var(--space-3);min-width:0}.anno-shot>img,.anno-shot>.anno-frame-fallback{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);background:var(--ui-media-surface, #11141a);object-fit:cover}.anno-shot>strong{color:var(--ui-text);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.anno-compose-fields{display:grid;align-content:start;gap:var(--space-3);min-width:0}.anno-compose-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.anno-compose-row>.field{flex:1 1 160px}.anno-compose-fields textarea{min-height:96px;resize:vertical}.anno-compose-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.anno-compose-actions>span{margin-right:auto;color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.anno-card{--filter-pad: var(--anno-pad);min-width:0;border:1px solid var(--ui-line-soft);border-radius:var(--radius-xl);background:var(--ui-surface);box-shadow:var(--shadow-xs);overflow:hidden;overflow:clip;scroll-margin-top:calc(var(--topbar-height) + var(--space-3))}.anno.is-video .anno-card{margin-top:var(--space-5)}.anno-bar{display:flex;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--anno-pad);border-bottom:1px solid var(--ui-line-soft)}.anno-search{flex:1 1 240px;min-width:0;max-width:420px}.anno-filter-toggle,.anno-bar>.custom-select{flex:none}.anno-bar .custom-select-trigger{min-width:124px}.anno-total{margin-left:auto;color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.anno-card>.notice{margin:var(--space-3) var(--anno-pad) 0}.anno-undo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--anno-pad);border-bottom:1px solid var(--ui-line-soft);background:var(--ui-warning-soft);color:var(--ui-text);font-size:var(--text-sm);animation:ui-fade-in var(--duration-base) var(--ease-out)}.anno-undo>span{flex:1;min-width:0}.anno-list>.empty-state{min-height:240px}.anno-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:240px;color:var(--ui-text-muted);font-size:var(--text-sm)}.anno-item{transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.anno-list[aria-busy=true]>.anno-item{opacity:.5;transition-delay:.16s}.anno-item{display:grid;grid-template-columns:var(--anno-frame) minmax(0,1fr);grid-template-rows:auto 1fr;gap:var(--space-1) var(--space-4);padding:var(--space-4) var(--anno-pad);border-top:1px solid var(--ui-line-soft)}.anno-item:first-child{border-top:0}.anno-item.is-active{background:var(--ui-accent-soft);box-shadow:inset 2px 0 0 var(--ui-accent)}.anno-frame{position:relative;display:block;grid-row:1 / -1;align-self:start;width:100%;aspect-ratio:16 / 9;overflow:hidden;padding:0;border-radius:var(--radius-md);background:var(--ui-media-surface, #11141a);color:var(--ui-media-ink, #fff);transition:box-shadow var(--duration-fast) var(--ease-standard)}.anno-frame>img{display:block;width:100%;height:100%;object-fit:cover}.anno-frame:hover:not(:disabled){box-shadow:0 0 0 2px var(--ui-accent)}.anno-frame:disabled,.anno-time:disabled{cursor:default}.anno-item.is-stale .anno-frame{opacity:.7}.anno-frame-time{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--radius-xs);background:var(--ui-media-glass, #15171cb3);color:var(--ui-media-ink, #fff);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;line-height:1}.anno-frame-fallback{display:grid;place-content:center;justify-items:center;gap:6px;width:100%;height:100%;padding:var(--space-2);color:var(--ui-media-ink, #fff);font-size:var(--text-2xs);text-align:center}.anno-frame-fallback>*{opacity:.72}.anno-item-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);min-width:0;min-height:30px}.anno-time{margin-left:-6px;padding:2px 6px;border-radius:var(--radius-sm);color:var(--ui-accent-text);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard)}.anno-time:hover:not(:disabled){background:var(--ui-accent-soft)}.anno-item.is-active .anno-time:hover:not(:disabled){background:var(--ui-surface)}.anno-time:disabled{color:var(--ui-text-muted)}.anno-track-badge{display:inline-flex;align-items:center;gap:6px;min-width:0;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--ui-hover);color:var(--ui-text-secondary);font-size:var(--text-xs);white-space:nowrap}.anno-track-badge>i{flex:none;width:7px;height:7px;border-radius:50%}.anno-author{color:var(--ui-text-secondary);font-weight:500}.anno-item-actions{display:flex;gap:2px;margin-right:-6px;margin-left:auto;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.anno-item:hover .anno-item-actions,.anno-item-actions:focus-within{opacity:1}.anno-item-actions>.icon-button{width:30px;height:30px}.anno-item-text{grid-column:2;min-width:0}.anno-file{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0 0 0 -6px;padding:2px 6px;border-radius:var(--radius-sm);color:var(--ui-text-muted);font-size:var(--text-xs);text-align:left;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.anno-file>svg{flex:none}.anno-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anno-file:hover{background:var(--ui-hover);color:var(--ui-accent-text)}.anno-item-text>h3{margin:var(--space-1) 0 0;color:var(--ui-text);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);overflow-wrap:anywhere}.anno-item-text>p{margin:var(--space-1) 0 0;color:var(--ui-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:anywhere;white-space:pre-wrap}.anno-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.anno-tags>button{position:relative;height:22px;padding:0 var(--space-2);border:1px solid var(--ui-line);border-radius:var(--radius-full);background:var(--ui-surface);color:var(--ui-text-secondary);font-size:var(--text-xs);line-height:20px;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.anno-tags>button:hover{border-color:var(--ui-accent);color:var(--ui-accent-text)}.anno-item-text>footer{margin-top:var(--space-2);color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:var(--leading-normal)}.anno-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);min-height:52px;padding:var(--space-2) var(--anno-pad);border-top:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.anno-foot>div{display:flex;gap:var(--space-2)}.anno-edit-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}.anno-color-field{display:flex;align-items:center;gap:var(--space-3);color:var(--ui-text-muted);font-size:var(--text-sm)}.anno-color-field input[type=color]{width:52px;height:44px;padding:4px;cursor:pointer}.anno-dialog-hint{margin:0;color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.anno-delete-message{margin:0;color:var(--ui-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:anywhere}@media(hover:none){.anno-track-edit,.anno-item-actions{opacity:1}}@media(pointer:coarse){.anno-lane{--anno-step: 44px;--anno-top: 13px;--anno-mid: 21px;height:calc(var(--lanes) * var(--anno-step))}.anno-marker:before{content:"";position:absolute;inset:-13px -6px}.anno-track-name>button:first-of-type{min-height:44px}.anno-track-edit{width:36px;height:44px}.anno-time{margin-block:-8px;padding-block:13px}.anno-item-actions>.icon-button{width:44px;height:44px}.anno-file{min-height:44px}.anno-tags{gap:14px var(--space-2);margin-block:var(--space-3) var(--space-1)}.anno-tags>button{height:30px;padding:0 var(--space-3);font-size:var(--text-sm);line-height:28px}.anno-tags>button:before{content:"";position:absolute;inset:-7px 0}}@media(max-width:700px){.anno{--anno-pad: var(--space-4);--anno-frame: 112px}.anno-tracks,.anno-card,.anno-compose{border-radius:var(--radius-lg)}.anno-head>.button{flex:1 1 100%}.anno-tracks-head>h3>small{display:none}.anno-scale{margin-left:0}.anno-scale>span:nth-child(2){display:none}.anno-track{grid-template-columns:minmax(0,1fr);gap:0;padding-block:2px var(--space-2)}.anno-compose{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.anno-shot{grid-template-columns:132px minmax(0,1fr);align-items:center;column-gap:var(--space-3);row-gap:var(--space-2)}.anno-shot>img,.anno-shot>.anno-frame-fallback{grid-row:span 2}.anno-compose-row>.button{flex:1 1 100%}.anno-bar{flex-wrap:wrap;padding-right:var(--anno-pad)}.anno-search{flex:1 0 100%;max-width:none}.anno-bar>.custom-select{flex:1 1 auto;min-width:0}.anno-bar .custom-select-trigger{width:100%;min-width:0}.anno-total{flex:1 0 100%;margin-left:0}.anno-item{position:relative;grid-template-rows:auto auto;gap:var(--space-3)}.anno-frame{grid-row:auto}.anno-item-top{align-content:center}.anno-item-text{grid-column:1 / -1}.anno-item-actions{position:absolute;right:calc(var(--anno-pad) - 10px);bottom:var(--space-2);margin:0}.anno-item.can-edit .anno-item-text>footer{min-height:36px;padding-right:84px}.anno-edit-range{grid-template-columns:minmax(0,1fr)}.anno-foot{flex-direction:column;align-items:stretch;padding-block:var(--space-3)}.anno-foot>div>.button{flex:1}}}@layer features{.dialog.preview-dialog{height:min(820px,calc(100dvh - var(--space-12)))}.preview-meta{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6)}.preview-facts{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;min-width:0;color:var(--ui-text-secondary);font-size:var(--text-sm)}.preview-facts>span+span:before{content:"·";margin:0 var(--space-2);color:var(--ui-text-muted)}.preview-dialog>.tabs-bar{flex:none;padding:0 var(--space-6)}.preview-panel{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-5) var(--space-6) var(--space-6);overflow-y:auto}.preview-panel>.notice{flex:none}.preview-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-3);min-height:0}.image-preview{flex:1 1 0;width:100%;min-height:0;border-radius:var(--radius-lg);background:var(--ui-surface-soft);object-fit:scale-down}.image-stage{display:flex;flex:1 1 0;flex-direction:column;gap:var(--space-2);min-height:0}.image-stage:focus{outline:none}.image-stage-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--ui-text-secondary);font-size:var(--text-sm)}.audio-preview{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8) var(--space-4);border-radius:var(--radius-lg);background:var(--ui-surface-soft)}.audio-preview>svg{box-sizing:content-box;padding:var(--space-5);border-radius:var(--radius-full);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.audio-preview>audio{width:min(520px,100%)}.preview-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.office-start{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--ui-text-secondary);text-align:center}.office-start>svg{color:var(--ui-text-muted)}.office-start>h3{color:var(--ui-text);font-size:var(--text-lg);font-weight:600}.office-start>p{max-width:460px;margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.office-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-1)}.pdf-preview{flex:1 1 auto;align-self:stretch;min-height:360px;margin-top:var(--space-3);border:1px solid var(--ui-line);border-radius:var(--radius-lg)}.editor-callout{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg);background:var(--ui-surface-soft)}.editor-callout h3{font-size:var(--text-md);font-weight:600}.editor-callout p{margin-top:var(--space-1);color:var(--ui-text-secondary);font-size:var(--text-sm)}.text-toolbar{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.text-toolbar>span{display:inline-flex;flex:1 1 auto;align-items:center;gap:var(--space-2);color:var(--ui-text-secondary);font-size:var(--text-sm)}.code-editor{flex:1 1 auto;width:100%;min-height:280px;padding:var(--space-4);border:1px solid var(--ui-line);border-radius:var(--radius-lg);background:var(--ui-surface-soft);color:var(--ui-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;white-space:pre;tab-size:2;overflow:auto;resize:none}.svg-preview{flex:none;padding:var(--space-4);border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg)}.svg-preview>p{margin:0 0 var(--space-3);color:var(--ui-text-secondary);font-size:var(--text-sm)}.svg-preview>img{display:block;max-width:100%;max-height:300px;margin:auto}.professional-preview{display:flex;flex-direction:column;gap:var(--space-4)}.professional-preview img{display:block;max-width:100%;max-height:52vh;margin:0 auto;object-fit:contain}.professional-preview p.muted{margin:var(--space-2) 0;font-size:var(--text-sm)}.professional-preview pre{max-height:280px;padding:var(--space-4);overflow:auto;border-radius:var(--radius-md);background:var(--ui-surface-soft);font-size:var(--text-xs)}.professional-preview .code-editor{min-height:320px;max-height:60vh;resize:vertical}.format-notices{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ui-surface-soft);color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.format-notices:empty{display:none}.format-notices>p+p{margin-top:var(--space-1)}.topic-tree{padding:var(--space-4);border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg);background:var(--ui-surface-soft)}.topic-tree ul{margin:0;padding-left:var(--space-6);list-style:none}.topic-tree>ul{padding-left:0}.topic-tree li>button{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;padding:var(--space-1) var(--space-3);border-left:2px solid var(--ui-line);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);text-align:left}.topic-tree li>button:hover:not(:disabled){background:var(--ui-hover)}.professional-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:var(--space-5)}.professional-columns h3{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-md);font-weight:600}.layer-row{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--ui-line-soft);font-size:var(--text-sm)}.layer-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.layer-row>small{color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.version-list{display:flex;flex-direction:column}.version-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--ui-line-soft)}.version-row:last-child{border-bottom:0}.version-info{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-width:0}.version-info>strong{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600}.version-info>span{color:var(--ui-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.preview-panel>.form{width:min(100%,560px)}.preview-panel>.form>.button{align-self:flex-start}.office-frame{position:relative;height:75vh;min-height:500px}.office-frame>div{height:100%}.office-frame>p{position:absolute;top:var(--space-5);left:var(--space-6);color:var(--ui-text-secondary);font-size:var(--text-sm)}.diagram-frame{flex:1 1 auto;width:100%;height:70vh;border:0}@media(max-width:900px){.professional-columns{grid-template-columns:1fr}}@media(max-width:700px){.dialog.preview-dialog{height:calc(100dvh - var(--space-6))}.preview-meta{padding:var(--space-3) var(--space-5)}.preview-meta>.preview-facts{flex-basis:100%}.preview-meta>.button{flex:1 1 0}.preview-dialog>.tabs-bar{gap:var(--space-5);padding:0 var(--space-5);overflow-x:auto;scrollbar-width:none}.preview-panel{padding:var(--space-4) var(--space-5) var(--space-5)}.text-toolbar>span{flex-basis:100%}.text-toolbar>.button{flex:1 1 0}.code-editor{min-height:240px;padding:var(--space-3)}}}@layer features{.dialog.appearance-dialog{width:min(640px,100%)}.appearance-intro{margin:0;color:var(--ui-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.appearance-group{min-width:0;margin:0;padding:0;border:0}.appearance-group>legend{margin-bottom:var(--space-3);padding:0;color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:600}.appearance-group input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.appearance-system,.appearance-option{position:relative;border:1px solid var(--ui-line-soft);border-radius:var(--radius-lg);background:var(--ui-surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.appearance-system:hover,.appearance-option:hover{border-color:var(--ui-line-strong)}.appearance-system.selected,.appearance-option.selected{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:0 0 0 1px var(--ui-accent)}.appearance-system:has(:focus-visible),.appearance-option:has(:focus-visible),.appearance-segmented>label:has(:focus-visible){outline:2px solid var(--ui-focus);outline-offset:2px}.appearance-system{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3)}.appearance-system-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--ui-surface-soft);color:var(--ui-accent-text)}.appearance-system.selected .appearance-system-icon{background:var(--ui-surface)}.appearance-system-text,.appearance-display-text{display:grid;flex:1 1 auto;gap:2px;min-width:0}.appearance-system-text>strong,.appearance-option-name>strong,.appearance-display-text>strong{color:var(--ui-text);font-size:var(--text-sm);font-weight:600}.appearance-system-text>small,.appearance-option>small,.appearance-display-text>small{color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.appearance-system>svg:last-child,.appearance-option-name>svg{flex:none;color:var(--ui-accent-text)}.appearance-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.appearance-option{display:flex;flex-direction:column;padding:var(--space-2)}.appearance-option-name{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-2) var(--space-1) 0}.appearance-option>small{margin:2px var(--space-1) var(--space-1);word-break:keep-all;overflow-wrap:anywhere}.appearance-sample{display:flex;height:64px;overflow:hidden;border:1px solid;border-radius:var(--radius-md)}.appearance-sample-sidebar{display:flex;flex-direction:column;gap:5px;width:28%;padding:10px 6px;border-right:1px solid}.appearance-sample-sidebar>i{display:block;height:3px;border-radius:3px}.appearance-sample-sidebar>i:first-child{width:55%;height:5px;margin-bottom:3px}.appearance-sample-main{flex:1;min-width:0;padding:10px 8px}.appearance-sample-main>i{display:block;width:48%;height:3px;margin-bottom:7px;border-radius:3px;opacity:.6}.appearance-sample-main>span{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid;border-radius:3px}.appearance-sample-main>span>i{display:block;height:2px;border-radius:2px}.appearance-sample-main>span>i:first-child{width:62%;height:3px}.appearance-display-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0}.appearance-display-row+.appearance-display-row{border-top:1px solid var(--ui-line-soft)}.appearance-display-row:first-of-type{padding-top:0}.appearance-segmented{display:flex;flex:none;gap:2px;width:200px;padding:3px;border-radius:var(--radius-md);background:var(--ui-surface-soft);box-shadow:inset 0 0 0 1px var(--ui-line-soft)}.appearance-segmented>label{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:center;height:calc(var(--control-md) - 6px);border-radius:calc(var(--radius-md) - 2px);color:var(--ui-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.appearance-segmented>label:hover{color:var(--ui-text)}.appearance-segmented>label.selected{background:var(--ui-surface-raised);color:var(--ui-text);font-weight:600;box-shadow:var(--shadow-xs),0 0 0 1px var(--ui-line-soft)}.appearance-save-error{margin:0;color:var(--ui-danger);font-size:var(--text-sm)}.appearance-note{margin:0;padding-top:var(--space-4);border-top:1px solid var(--ui-line-soft);color:var(--ui-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}@media(max-width:700px){.appearance-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.appearance-display-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}.appearance-segmented{width:auto}}}