@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0e0e0e;--surface:#141414;--surface-2:#1b1b1b;--surface-3:#242424;--line:#262626;--line-strong:#383838;--ink:#f2f2f2;--ink-2:#a8a8a8;--ink-3:gray;--accent:#e0fd17;--accent-ink:#141414;--accent-edge:#e0fd17;--stage:#060606;--ok:#a8a8a8;--warn:#f2f2f2;--info:#a8a8a8;--danger:#ff6369;--radius:10px;--radius-sm:6px;--radius-lg:16px;--density:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Archivo Variable", "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Anton", "Archivo Variable", "Archivo", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:56px;--s10:80px;--t-2xs:10.5px;--t-xs:11.5px;--t-sm:12.5px;--t-base:14px;--t-md:15.5px;--t-lg:18px;--t-xl:22px;--t-2xl:30px;--t-3xl:44px;--t-title:clamp(48px, 5.2vw, 84px);--control-h:calc(36px * var(--density));--control-h-sm:calc(30px * var(--density));--rail-w:256px;--topbar-h:56px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.42s;--shadow-pop:0 18px 40px -12px #0000008c, 0 3px 10px -4px #00000059;--shadow-dock:0 22px 50px -18px #000000a6, 0 6px 16px -8px #0006;--hover:color-mix(in oklab, var(--ink) 7%, transparent);--press:color-mix(in oklab, var(--ink) 12%, transparent);--selected:color-mix(in oklab, var(--ink) 10%, transparent);--scrim:color-mix(in oklab, var(--bg) 72%, transparent)}:root[data-scheme=light]{--shadow-pop:0 18px 40px -16px #00000038, 0 2px 8px -3px #0000001f;--shadow-dock:0 22px 50px -20px #00000059, 0 4px 12px -6px #0000002e}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-base);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5;overflow:hidden}#root{height:100%}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}::selection{background:color-mix(in oklab, var(--accent) 40%, transparent);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.display{font-family:var(--display);font-synthesis:none;text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;font-weight:760;font-stretch:100%;line-height:.9}.title{font-size:var(--t-title)}.h2{font-size:var(--t-xl);letter-spacing:-.01em;text-wrap:balance;font-weight:650;line-height:1.15}.h3{font-size:var(--t-md);letter-spacing:-.005em;font-weight:620;line-height:1.25}.label{font-size:var(--t-sm);color:var(--ink-2);font-weight:560}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:var(--t-sm)}.xs{font-size:var(--t-xs)}.num,.tc{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "zero" 1}.tc{letter-spacing:.01em;font-weight:560;font-stretch:88%}.mono{font-family:var(--mono);font-size:.92em}.underline-link{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, var(--ink) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--ink) 45%, transparent);transition:text-decoration-color var(--dur) var(--ease-out)}.underline-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.credit{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent)}.credit-tag{letter-spacing:.06em;text-transform:uppercase;vertical-align:super;color:var(--ink-2);flex:none;font-size:9.5px;font-weight:700;line-height:0}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{align-items:center;gap:var(--s2);min-width:0;display:flex}.col{gap:var(--s2);flex-direction:column;min-width:0;display:flex}.grow{flex:auto;min-width:0}.spacer{flex:1}.wrap{flex-wrap:wrap}.hairline{background:var(--line);border:0;height:1px;margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.wordmark{width:3.80674em;height:1.19504em;color:var(--ink);flex:none;font-size:26px;display:block}.wordmark[data-variant=stacked]{width:1.93794em;height:1.48227em}.dot{background:var(--accent);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--accent-edge);border-radius:50%;flex:none;display:inline-block}.btn{--btn-bg:transparent;--btn-fg:var(--ink);--btn-bd:transparent;height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:580;display:inline-flex}.btn svg{flex:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn-primary{--btn-bg:var(--ink);--btn-fg:var(--bg)}.btn-primary:hover:not(:disabled){--btn-bg:color-mix(in oklab, var(--ink) 86%, var(--bg))}.btn-secondary{--btn-bd:var(--line-strong)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-secondary[data-state=open],.btn-ghost[data-state=open]{--btn-bg:var(--hover)}.btn-secondary:hover:not(:disabled){--btn-bd:color-mix(in oklab, var(--ink) 35%, var(--line-strong))}.btn-ghost{--btn-fg:var(--ink-2)}.btn-ghost:hover:not(:disabled){--btn-fg:var(--ink)}.btn-danger{--btn-fg:var(--danger);--btn-bd:color-mix(in oklab, var(--danger) 40%, transparent)}.btn-danger:hover:not(:disabled){--btn-bg:color-mix(in oklab, var(--danger) 12%, transparent)}.btn-sm{height:var(--control-h-sm);gap:6px;padding:0 10px;font-size:12.5px}.btn-lg{height:46px;padding:0 20px;font-size:15px}.btn-block{width:100%}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled),.icon-btn[data-state=open],.icon-btn[aria-pressed=true]{background:var(--hover);color:var(--ink)}.icon-btn[aria-pressed=true]{background:var(--selected)}.icon-btn:disabled{opacity:.4}.icon-btn.sm{width:var(--control-h-sm);height:var(--control-h-sm)}.spinner{border:2px solid color-mix(in oklab, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>.label{color:var(--ink);font-weight:560}.field .hint{font-size:var(--t-sm);color:var(--ink-3);line-height:1.4}.field .error-text{font-size:var(--t-sm);color:var(--danger)}.input,.select,.textarea{width:100%;height:var(--control-h);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:0 12px}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in oklab, var(--ink) 30%, var(--line-strong))}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklab, var(--ink) 16%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.45}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.search-field{align-items:center;display:flex;position:relative}.search-field svg{color:var(--ink-3);pointer-events:none;position:absolute;left:11px}.search-field .input{background:var(--surface-3);border-color:#0000;padding-left:34px}.check{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.35;display:inline-flex}.check input{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;width:18px;height:18px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:5px;flex:none;place-items:center;margin:1px 0 0;display:grid}.check input:after{content:"";border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);width:9px;height:5px;transition:transform var(--dur-fast) var(--ease-out);transform:rotate(-45deg)translate(1px,-1px)scale(0)}.check input:checked{background:var(--ink);border-color:var(--ink)}.check input:checked:after{transform:rotate(-45deg)translate(1px,-1px)scale(1)}.switch{appearance:none;background:var(--surface-3);border:1px solid var(--line-strong);cursor:pointer;width:34px;height:20px;transition:background-color var(--dur) var(--ease-out);border-radius:999px;flex:none;position:relative}.switch:after{content:"";background:var(--ink-2);width:14px;height:14px;transition:transform var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--ink);border-color:var(--ink)}.switch:checked:after{background:var(--bg);transform:translate(14px)}.chip{border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:26px;font-size:var(--t-sm);color:var(--ink);white-space:nowrap;background:0 0;align-items:center;gap:6px;min-width:0;padding:0 9px;font-weight:520;display:inline-flex}button.chip,a.chip{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}button.chip:hover,a.chip:hover{background:var(--hover);border-color:color-mix(in oklab, var(--ink) 30%, var(--line-strong))}.chip .k{color:var(--ink-3);font-weight:450}.chip-sm{height:22px;font-size:var(--t-xs);gap:5px;padding:0 7px}.chip-solid{background:var(--surface-3);border-color:#0000}.status{--status:var(--ink-3);border-radius:var(--radius-sm);border:1px solid color-mix(in oklab, var(--status) 38%, var(--line));background:color-mix(in oklab, var(--status) 9%, transparent);height:26px;color:var(--ink);font-size:var(--t-sm);white-space:nowrap;align-items:center;gap:6px;padding:0 9px 0 7px;font-weight:560;display:inline-flex}.status svg{color:var(--status)}.status[data-status=in_progress]{--status:var(--info)}.status[data-status=changes_requested]{--status:var(--warn)}.status[data-status=approved]{--status:var(--ok)}.status-icon[data-status=needs_review]{color:var(--ink-3)}.status-icon[data-status=in_progress]{color:var(--info)}.status-icon[data-status=changes_requested]{color:var(--warn)}.status-icon[data-status=approved]{color:var(--ok)}.avatar{--size:26px;width:var(--size);height:var(--size);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font-size:calc(var(--size) * .38);letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.avatar.guest{box-shadow:none;color:var(--ink);border:1.5px dashed var(--ink-3);background:0 0}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--bg), inset 0 0 0 1px var(--line-strong)}.avatar-stack .avatar+.avatar{margin-left:-6px}.kbd{border:1px solid var(--line-strong);min-width:20px;height:20px;color:var(--ink-2);font-size:11px;font-weight:600;font-family:var(--font);border-bottom-width:2px;border-radius:3px;place-items:center;padding:0 5px;line-height:1;display:inline-grid}.badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-edge);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:750;line-height:1;display:inline-grid}.progress{background:var(--surface-3);border-radius:999px;height:3px;position:relative;overflow:hidden}.progress>i{background:var(--ink);border-radius:inherit;transform:scaleX(var(--p,0));transform-origin:0;transition:transform .3s var(--ease-out);position:absolute;inset:0}.progress.indeterminate>i{width:30%;animation:indeterminate 1.3s var(--ease-in-out) infinite;inset:0 auto 0 0;transform:none}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.segmented{border-radius:calc(var(--radius-sm) + 3px);background:var(--surface-3);gap:2px;padding:3px;display:inline-flex}.segmented button{height:calc(var(--control-h-sm) - 4px);border-radius:var(--radius-sm);font-size:var(--t-sm);color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px;font-weight:560;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000040}.menu,.popover{z-index:60;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);min-width:200px;max-width:min(360px,100vw - 24px);box-shadow:var(--shadow-pop);transform-origin:var(--radix-dropdown-menu-content-transform-origin,var(--radix-popover-content-transform-origin));animation:pop-in .16s var(--ease-out);padding:5px}.popover{padding:var(--s3)}@keyframes pop-in{0%{opacity:0;transform:scale(.97)translateY(-3px)}}.menu-item{border-radius:calc(var(--radius) - 4px);min-height:32px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.menu-item svg{color:var(--ink-2);flex:none}.menu-item[data-highlighted]{background:var(--hover)}.menu-item[data-disabled]{opacity:.45;cursor:default}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item .shortcut{color:var(--ink-3);font-size:var(--t-xs);margin-left:auto}.menu-label{font-size:var(--t-xs);color:var(--ink-3);padding:8px 10px 4px;font-weight:600}.menu-sep{background:var(--line);height:1px;margin:5px -5px}.tooltip{z-index:80;background:var(--ink);color:var(--bg);font-size:var(--t-xs);max-width:260px;animation:pop-in .12s var(--ease-out);border-radius:6px;padding:5px 8px;font-weight:560;line-height:1.3}.tooltip .kbd{border-color:color-mix(in oklab, var(--bg) 30%, transparent);color:var(--bg);min-width:17px;height:17px;margin-left:6px}.dialog-overlay{z-index:70;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s var(--ease-out);position:fixed;inset:0}.dialog{z-index:71;border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--surface);width:min(560px,100vw - 24px);max-height:calc(100dvh - min(12vh,120px) - 24px);box-shadow:var(--shadow-pop);animation:dialog-in .26s var(--ease-out);position:fixed;top:min(12vh,120px);left:50%;overflow:auto;translate:-50%}.dialog.wide{width:min(760px,100vw - 24px)}.dialog-head{align-items:flex-start;gap:var(--s3);padding:var(--s5) var(--s5) var(--s3);display:flex}.dialog-title{font-size:var(--t-lg);letter-spacing:-.01em;font-weight:680;line-height:1.25}.dialog-desc{color:var(--ink-2);font-size:var(--t-sm);margin-top:4px;line-height:1.45}.dialog-body{padding:var(--s2) var(--s5) var(--s5);gap:var(--s4);flex-direction:column;display:flex}.dialog-foot{justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--line);display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.toast{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);width:360px;color:var(--ink);box-shadow:var(--shadow-pop);font-family:var(--font);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.toast [data-title]{font-weight:600}.toast [data-description]{color:var(--ink-2);font-size:var(--t-sm);margin-top:2px}.toast [data-content]{flex:1;min-width:0}.toast .toast-action{border-radius:var(--radius-sm);border:1px solid var(--line-strong);height:26px;font-size:var(--t-sm);color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out);flex:none;align-self:center;padding:0 10px;font-weight:600}.toast .toast-action:hover{background:var(--hover)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 40%, var(--surface-2) 80%);border-radius:var(--radius-sm);background-size:300% 100%;animation:1.6s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.empty{justify-items:start;gap:var(--s3);padding:var(--s8) 0;max-width:520px;display:grid}.empty .empty-title{font-size:var(--t-2xl);line-height:1}.empty p{color:var(--ink-2);line-height:1.55}.error-banner{border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--danger) 45%, var(--line));background:color-mix(in oklab, var(--danger) 8%, transparent);color:var(--ink);font-size:var(--t-sm);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.error-banner svg{color:var(--danger);flex:none;margin-top:1px}.notice{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);font-size:var(--t-sm);color:var(--ink-2);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.notice svg{color:var(--ink);flex:none;margin-top:1px}.splash{background:var(--bg);place-items:center;height:100%;display:grid}.splash .wordmark{animation:breathe 1.6s var(--ease-in-out) infinite}.splash.quiet .wordmark{opacity:0;animation:fade-in .3s .4s var(--ease-out) forwards}@keyframes breathe{50%{opacity:.55}}.route-error{align-content:center;gap:var(--s4);height:100%;padding:var(--s8);max-width:720px;margin:0 auto;display:grid}.route-error .display{font-size:clamp(42px,6.4vw,104px)}.app{grid-template-columns:var(--rail-w) minmax(0, 1fr);background:var(--bg);height:100dvh;display:grid}.rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.rail-top{height:var(--topbar-h);padding:0 var(--s3) 0 var(--s5);flex:none;justify-content:space-between;align-items:center;display:flex}.rail-scroll{padding:var(--s2) var(--s3) var(--s4);gap:var(--s5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ws-switch{border-radius:var(--radius);border:1px solid var(--line-strong);text-align:left;width:100%;transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:8px 10px;display:flex}.ws-switch:hover,.ws-switch[data-state=open]{background:var(--hover)}.ws-mark{border-radius:var(--radius-sm);background:var(--ink);width:28px;height:28px;color:var(--bg);text-transform:uppercase;flex:none;place-items:center;font-size:15px;font-weight:850;font-stretch:70%;display:grid}.ws-switch .ws-name{font-size:13.5px;font-weight:640;line-height:1.2}.ws-switch .ws-role{font-size:var(--t-xs);color:var(--ink-3)}.nav-group{flex-direction:column;gap:1px;display:flex}.nav-heading{height:26px;font-size:var(--t-xs);color:var(--ink-3);letter-spacing:.01em;justify-content:space-between;align-items:center;padding:0 6px 0 10px;font-weight:620;display:flex}.nav-link{border-radius:var(--radius-sm);min-height:32px;color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:0 10px;font-size:13.5px;font-weight:520;display:flex;position:relative}.nav-link svg{flex:none}.nav-link:hover{background:var(--hover);color:var(--ink)}.nav-link[aria-current=page],.nav-link.active{background:var(--selected);color:var(--ink)}.nav-link .meta{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto}.nav-link .swatch{background:var(--surface-3) center / cover no-repeat;width:18px;height:12px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent);border-radius:3px;flex:none}.storage-dot{background:var(--ink-3);border-radius:50%;flex:none;width:7px;height:7px}.storage-dot[data-status=ok]{background:var(--ok)}.storage-dot[data-status=error]{background:var(--danger);box-shadow:0 0 0 3px color-mix(in oklab, var(--danger) 22%, transparent)}.rail-foot{padding:var(--s3);border-top:1px solid var(--line);flex:none}.me-btn{border-radius:var(--radius);text-align:left;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.me-btn:hover,.me-btn[data-state=open]{background:var(--hover)}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{align-items:center;gap:var(--s3);height:var(--topbar-h);padding:0 var(--s6);border-bottom:1px solid var(--line);background:var(--bg);flex:none;display:flex}.topbar .menu-toggle{display:none}.search-trigger{border-radius:var(--radius-sm);background:var(--surface-3);width:min(440px,100%);height:36px;color:var(--ink-3);transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:0 8px 0 12px;font-size:13.5px;display:flex}.search-trigger:hover{background:color-mix(in oklab, var(--surface-3) 80%, var(--ink) 6%);color:var(--ink-2)}.search-trigger .kbd{margin-left:auto}.page{overscroll-behavior:contain;scroll-padding-top:var(--s4);flex:1;overflow:auto}.page-inner{padding:var(--s8) var(--s8) var(--s10);max-width:1680px;margin:0 auto}.page-head{gap:var(--s4);margin-bottom:var(--s7);flex-direction:column;display:flex}.page-head .title{margin-left:-.02em}.page-head .head-row{justify-content:space-between;align-items:flex-end;gap:var(--s4);flex-wrap:wrap;display:flex}.crumbs{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.crumbs a{color:var(--ink-2)}.crumbs a:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.crumbs .sep{color:var(--line-strong)}.section{margin-top:var(--s9)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line);display:flex}.section-head h2{font-size:var(--t-lg);letter-spacing:-.01em;font-weight:680}.palette{z-index:75;border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--surface-2);width:min(640px,100vw - 24px);box-shadow:var(--shadow-pop);animation:dialog-in .22s var(--ease-out);position:fixed;top:min(14vh,140px);left:50%;overflow:hidden;translate:-50%}.palette [cmdk-input]{width:100%;height:56px;padding:0 var(--s5);border:0;border-bottom:1px solid var(--line);font-size:var(--t-md);background:0 0;outline:none}.palette [cmdk-input]::placeholder{color:var(--ink-3)}.palette [cmdk-list]{max-height:min(56vh,460px);padding:6px;overflow:auto}.palette [cmdk-group-heading]{font-size:var(--t-xs);color:var(--ink-3);padding:10px 10px 4px;font-weight:620}.palette [cmdk-item]{border-radius:var(--radius-sm);cursor:pointer;min-height:40px;color:var(--ink);align-items:center;gap:12px;padding:6px 10px;font-size:13.5px;display:flex}.palette [cmdk-item] svg{color:var(--ink-2);flex:none}.palette [cmdk-item][data-selected=true]{background:var(--hover)}.palette [cmdk-empty]{padding:var(--s6) var(--s4);color:var(--ink-3);text-align:center;font-size:var(--t-sm)}.palette .thumb{object-fit:cover;background:var(--surface-3);border-radius:3px;flex:none;width:48px;height:27px}.palette .hint-row{gap:var(--s4);padding:8px var(--s4);border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-3);display:flex}.notif-pop{width:min(400px,100vw - 24px);padding:0}.notif-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notif-list{max-height:440px;padding:4px;overflow:auto}.notif-item{border-radius:var(--radius-sm);text-align:left;gap:10px;width:100%;padding:10px;display:flex}.notif-item:hover{background:var(--hover)}.notif-item .unread{margin-top:8px}.notif-item .n-title{font-size:13.5px;line-height:1.35}.notif-item .n-body{color:var(--ink-2);font-size:var(--t-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}.bell{position:relative}.bell .badge{position:absolute;top:3px;right:2px}.uploads{z-index:55;right:var(--s5);bottom:var(--s5);border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--surface-2);width:min(380px,100vw - 24px);box-shadow:var(--shadow-dock);animation:dialog-in .26s var(--ease-out);position:fixed;overflow:hidden}.uploads-head{align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.uploads-head .total{font-size:13.5px;font-weight:640}.uploads-list{border-top:1px solid var(--line);max-height:300px;padding:4px 6px 8px;overflow:auto}.upload-row{border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px;display:grid}.upload-row .name{font-size:13px;font-weight:540}.upload-row .info{font-size:var(--t-xs);color:var(--ink-3);grid-column:1/-1;justify-content:space-between;display:flex}.upload-row .progress{grid-column:1/-1}.upload-row[data-state=error] .info{color:var(--danger)}.dock{z-index:50;left:50%;bottom:var(--s6);border-radius:calc(var(--radius) + 6px);border:1px solid var(--line-strong);background:color-mix(in oklab, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink-2);box-shadow:var(--shadow-dock);animation:dock-in .32s var(--ease-out);scrollbar-width:none;align-items:stretch;gap:6px;max-width:calc(100vw - 24px);padding:6px;display:flex;position:fixed;overflow-x:auto;translate:-50%}@keyframes dock-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.dock .dock-count{border-radius:var(--radius);background:var(--ink);min-width:48px;color:var(--bg);font-variant-numeric:tabular-nums;place-items:center;padding:0 12px;font-size:18px;font-weight:800;font-stretch:72%;display:grid}.dock button,.dock a{border-radius:var(--radius);border:1px solid var(--line);height:38px;color:var(--ink-2);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:560;display:inline-flex}.dock button:hover,.dock a:hover{background:var(--hover);color:var(--ink)}.dock button[aria-pressed=true]{background:var(--surface-3);border-color:var(--line-strong);color:var(--ink)}.dock button.danger{color:var(--danger)}@media (max-width:960px){.app{grid-template-columns:minmax(0,1fr)}.rail{z-index:65;width:min(300px,86vw);transition:transform .28s var(--ease-out);box-shadow:var(--shadow-dock);position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.app[data-nav=open] .rail{transform:none}.app[data-nav=open]:after{content:"";z-index:64;background:var(--scrim);position:fixed;inset:0}.topbar{padding:0 var(--s3)}.topbar .menu-toggle{display:inline-grid}.page-inner{padding:var(--s6) var(--s4) var(--s10)}:root{--t-title:44px}}@media (max-width:520px){:root{--t-title:36px}.search-trigger .kbd{display:none}}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-grid{gap:var(--s8) var(--s6);grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));display:grid}.project-card{gap:var(--s3);flex-direction:column;min-width:0;display:flex}.project-card .media{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-2);isolation:isolate;position:relative;overflow:hidden}.project-card .media img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out), filter .4s var(--ease-out)}.project-card:hover .media img{transform:scale(1.025)}.project-card .media .scrub{opacity:0;background-repeat:no-repeat;position:absolute;inset:0}.project-card .media[data-scrubbing=true] .scrub{opacity:1}.project-card .placeholder,.tile-placeholder{color:var(--ink-3);background:repeating-linear-gradient(135deg, transparent 0 11px, color-mix(in oklab, var(--ink) 4%, transparent) 11px 12px), var(--surface-2);place-items:center;display:grid;position:absolute;inset:0}.project-card .placeholder .display{color:color-mix(in oklab, var(--ink) 16%, transparent);font-size:clamp(28px,3.4vw,48px)}.project-card .name{font-size:var(--t-xl);letter-spacing:-.015em;font-weight:680;line-height:1.1}.project-card:hover .name{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.project-card .meta{color:var(--ink-2);font-size:var(--t-sm);flex-wrap:wrap;gap:6px 14px;display:flex}.project-card .meta .open{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.toolbar{z-index:5;align-items:center;gap:var(--s2);padding:var(--s3) 0;margin-bottom:var(--s5);background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex;position:sticky;top:0}.toolbar .search-field{width:min(280px,100%)}.toolbar .search-field .input{height:var(--control-h-sm)}.folder-wall{margin-bottom:var(--s7)}.folder-card .tile-placeholder{color:var(--ink-3)}.folder-card:hover .t-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.folder-card:focus-visible{outline:2px solid var(--ink)}.asset-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--tile,280px)), 1fr));gap:var(--s7) var(--s5);display:grid}.tile{border-radius:var(--radius);outline-offset:6px;flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.tile .thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--stage);cursor:pointer;isolation:isolate;position:relative;overflow:hidden}.tile .thumb img.poster{object-fit:contain;width:100%;height:100%}.tile .thumb .scrub{opacity:0;background-repeat:no-repeat;position:absolute;inset:0}.tile .thumb[data-scrubbing=true] .scrub{opacity:1}.tile .thumb .scrub-line{background:var(--accent);opacity:0;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tile .thumb[data-scrubbing=true] .scrub-line{opacity:1}.tile .thumb:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 8%, transparent);pointer-events:none;transition:box-shadow var(--dur) var(--ease-out);position:absolute;inset:0}.tile[data-selected=true] .thumb:after{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--bg)}.tile[data-drop=true] .thumb:after{box-shadow:inset 0 0 0 1px var(--accent-edge), inset 0 0 0 3px var(--accent)}.tile .over{pointer-events:none;gap:6px;display:flex;position:absolute}.tile .over.tl{top:8px;left:8px}.tile .over.br{bottom:8px;right:8px}.tile .over.tr{pointer-events:auto;top:8px;right:8px}.overlay-chip{color:#f2f2f2;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;border-radius:5px;align-items:center;gap:5px;height:22px;padding:0 7px;font-size:11.5px;font-weight:620;display:inline-flex}.tile .select-box{appearance:none;cursor:pointer;opacity:0;width:22px;height:22px;transition:opacity var(--dur-fast) var(--ease-out);background:#00000059;border:1.5px solid #ffffffbf;border-radius:6px;place-items:center;margin:0;display:grid}.tile:hover .select-box,.tile .select-box:focus-visible,.asset-grid[data-selecting=true] .select-box{opacity:1}.tile .select-box:checked{background:#f2f2f2;border-color:#f2f2f2}.tile .select-box:checked:after{content:"";border-bottom:2px solid #111;border-left:2px solid #111;width:10px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.tile .processing{color:#f2f2f2;font-size:var(--t-xs);text-shadow:0 1px 2px #0009;flex-direction:column;gap:6px;font-weight:560;display:flex;position:absolute;inset:auto 10px 10px}.tile .processing .progress{background:#ffffff2e}.tile .processing .progress>i{background:#f2f2f2}.tile .failed{text-align:center;color:var(--ink-2);font-size:var(--t-xs);background:var(--surface-2);place-content:center;justify-items:center;gap:6px;padding:12px;display:grid;position:absolute;inset:0}.tile .failed svg{color:var(--danger)}.tile .comp-card{background:linear-gradient(transparent 0 calc(100% - 1px), color-mix(in oklab, var(--ink) 9%, transparent) 0) 0 0 / 100% 20%, linear-gradient(90deg, transparent 0 calc(100% - 1px), color-mix(in oklab, var(--ink) 9%, transparent) 0) 0 0 / 12.5% 100%, var(--surface-2);color:var(--ink);flex-direction:column;justify-content:space-between;padding:14px;display:flex;position:absolute;inset:0}.tile .comp-card .display{font-size:28px}.tile .audio-card{background:var(--surface-2);align-items:center;padding:0 14px;display:flex;position:absolute;inset:0}.tile .info{align-items:flex-start;gap:8px;min-width:0;display:flex}.tile .info .t-name{font-size:14px;font-weight:600;line-height:1.3}.tile .info .t-name:hover{text-underline-offset:.2em;text-decoration:underline}.tile .info .t-sub{color:var(--ink-3);font-size:var(--t-xs);margin-top:2px}.tile .info .notes{font-size:var(--t-xs);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;margin-left:auto;font-weight:600;display:inline-flex}.asset-table{border-collapse:collapse;width:100%;font-size:13.5px}.asset-table th{text-align:left;font-size:var(--t-xs);color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap;padding:8px 10px;font-weight:600;position:sticky;top:0}.asset-table td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:8px 10px}.asset-table tr{cursor:pointer}.asset-table tbody tr:hover td{background:var(--hover)}.asset-table tr[data-selected=true] td{background:var(--selected)}.asset-table .mini{object-fit:cover;background:var(--surface-3);border-radius:5px;width:64px;height:36px}.dropzone{z-index:58;background:color-mix(in oklab, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;animation:fade-in .16s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.dropzone .frame{border:2px dashed var(--ink);border-radius:var(--radius-lg);text-align:center;justify-items:center;gap:10px;padding:56px 72px;display:grid}.dropzone .display{font-size:clamp(40px,6vw,72px)}.start{gap:var(--s4);margin-top:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.start-card{padding:var(--s5);border-radius:var(--radius);border:1px solid var(--line-strong);text-align:left;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;gap:10px;display:flex}.start-card:hover{background:var(--hover);border-color:color-mix(in oklab, var(--ink) 30%, var(--line-strong))}.start-card .h3{align-items:center;gap:8px;display:flex}.start-card p{color:var(--ink-2);font-size:var(--t-sm);line-height:1.5}.activity{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;font-size:13.5px;display:grid}.activity-row .when{color:var(--ink-3);font-size:var(--t-xs);white-space:nowrap}.two-col{gap:var(--s9);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}@media (max-width:1100px){.two-col{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.toolbar .search-field{width:100%}}.picker{border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.picker-head{border-bottom:1px solid var(--line);background:var(--surface-2);font-size:var(--t-sm);align-items:center;gap:6px;min-width:0;padding:8px 10px;display:flex}.picker-list{max-height:240px;padding:4px;overflow:auto}.picker-row{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:10px;width:100%;min-height:32px;padding:0 8px;font-size:13px;display:flex}.picker-row:hover{background:var(--hover)}.picker-row[disabled]{color:var(--ink-3);cursor:default}.picker-row[disabled]:hover{background:0 0}.review{background:var(--bg);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.review-head{align-items:center;gap:var(--s3);min-height:var(--topbar-h);padding:6px var(--s4);border-bottom:1px solid var(--line);background:var(--bg);min-width:0;display:flex}.review-head .asset-title{flex-direction:column;min-width:0;display:flex}.review-head .asset-title .crumbs{font-size:var(--t-xs);white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;min-width:0;overflow:hidden}.review-head .asset-title h1{letter-spacing:-.01em;font-size:17px;font-weight:680;line-height:1.2}.version-btn{font-variant-numeric:tabular-nums}.review-body{grid-template-columns:minmax(0, 1fr) var(--notes-w,384px);min-height:0;display:grid}.review-body[data-notes=hidden]{grid-template-columns:minmax(0,1fr) 0}.review-body[data-notes=hidden] .notes-col{display:none}.stage-col{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.stage{background:var(--stage-color,var(--stage));min-height:0;transition:background-color var(--dur-slow) var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.media-box{box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 6%, transparent);background:#000;flex:none;position:relative}.media-box video,.media-box img.still,.media-box hyperframes-player,.media-box iframe{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.media-box img.still{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.media-box[data-kind=image]{background:repeating-conic-gradient(#2a2a2a 0 25%, #222 0 50%) 0 0 / 20px 20px}.media-box[data-kind=pdf]{background:var(--surface-2)}.media-box .click-catcher{cursor:pointer;position:absolute;inset:0}.stage .poster-wait{color:#f2f2f2;font-size:var(--t-sm);text-align:center;background:#00000073;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.stage .poster-wait .progress{background:#ffffff2e;width:220px}.stage .poster-wait .progress>i{background:#f2f2f2}.big-play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;width:76px;height:76px;animation:big-play .6s var(--ease-out) forwards;background:#0000008c;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes big-play{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}.safe-guides{pointer-events:none;position:absolute;inset:0}.safe-guides i{border:1px dashed #ffffff8c;position:absolute}.safe-guides .action{inset:3.5%}.safe-guides .title{border-color:#ffffff59;inset:10%}.safe-guides .cross-h,.safe-guides .cross-v{background:#fff6;border:0}.safe-guides .cross-h{width:20px;height:1px;top:50%;left:calc(50% - 10px)}.safe-guides .cross-v{width:1px;height:20px;top:calc(50% - 10px);left:50%}.annotations{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.annotations[data-drawing=true]{pointer-events:auto;cursor:crosshair;touch-action:none}.draw-bar{z-index:6;border-radius:calc(var(--radius) + 4px);color:#f2f2f2;box-shadow:var(--shadow-dock);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:dock-in .26s var(--ease-out);background:#0e0e0edb;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:14px;left:50%;translate:-50%}.draw-bar .icon-btn{color:#cfcfcf;width:34px;height:34px}.draw-bar .icon-btn:hover,.draw-bar .icon-btn[aria-pressed=true]{color:#fff;background:#ffffff24}.draw-bar .sep{background:#ffffff29;width:1px;height:20px;margin:0 4px}.swatch-btn{background:var(--c);width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;margin:0 3px;box-shadow:inset 0 0 0 1px #ffffff40}.swatch-btn[aria-pressed=true]{transform:scale(.92);box-shadow:0 0 0 2px #0e0e0e,0 0 0 4px #f2f2f2}.pin{z-index:3;background:var(--accent);width:26px;height:26px;color:var(--accent-ink);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #0000008c,0 6px 14px -4px #0009}.pin:hover,.pin[data-active=true]{transform:scale(1.18)}.pin[data-resolved=true]{color:#111;background:#e8e8e8}.pin.draft{color:#111;animation:pop-in .2s var(--ease-out);background:#fff}.timeline-wrap{padding:8px var(--s4) 10px;border-top:1px solid var(--line);background:var(--bg);flex-direction:column;gap:4px;display:flex}.timeline{-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;outline-offset:4px;height:54px;position:relative}.tl-markers{height:16px;position:absolute;inset:0 0 auto}.tl-dot{background:var(--accent);width:11px;height:11px;box-shadow:inset 0 0 0 1px var(--accent-edge), 0 0 0 2px var(--bg);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);z-index:2;border-radius:50%;margin-left:-5.5px;position:absolute;top:3px}.tl-dot:hover,.tl-dot[data-active=true]{z-index:3;transform:scale(1.35)}.tl-dot[data-resolved=true]{background:var(--bg);box-shadow:0 0 0 2px var(--bg), inset 0 0 0 2px var(--ink-3)}.tl-dot[data-guest=true]:not([data-resolved=true]){box-shadow:inset 0 0 0 1px var(--accent-edge), 0 0 0 2px var(--bg), 0 0 0 3.5px color-mix(in oklab, var(--accent-edge) 45%, transparent)}.tl-track{background:var(--surface-3);border-radius:6px;height:31px;position:absolute;top:19px;left:0;right:0;overflow:hidden}.tl-thumbs{opacity:.6;display:flex;position:absolute;inset:0}.tl-thumbs span{background-repeat:no-repeat;flex:1;min-width:0}.tl-thumbs+.tl-wave{color:#ffffff9e;background:linear-gradient(#0000,#0000008c);height:46%;top:auto}.tl-wave{width:100%;height:100%;color:color-mix(in oklab, var(--ink) 55%, transparent);position:absolute;inset:0}.tl-progress{background:color-mix(in oklab, var(--ink) 16%, transparent);transform-origin:0;pointer-events:none;position:absolute;inset:0}.tl-buffer{background:color-mix(in oklab, var(--ink) 30%, transparent);pointer-events:none;height:2px;position:absolute;bottom:0}.tl-range{background:color-mix(in oklab, var(--accent) 22%, transparent);border-left:1px solid var(--accent-edge);border-right:1px solid var(--accent-edge);pointer-events:none;position:absolute;top:0;bottom:0}.tl-range.draft{background:color-mix(in oklab, var(--ink) 18%, transparent);border-color:var(--ink)}.tl-range.loop{border-color:var(--ink);background:0 0;border-width:0 2px}.tl-playhead{pointer-events:none;z-index:4;width:0;position:absolute;top:12px;bottom:0;left:0}.tl-playhead:before{content:"";background:var(--ink);width:2px;position:absolute;top:7px;bottom:0;left:-1px}.tl-playhead:after{content:"";background:var(--accent);width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--accent-edge), 0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:0;left:-6px}.tl-hover{background:color-mix(in oklab, var(--ink) 50%, transparent);pointer-events:none;width:1px;position:absolute;top:19px;bottom:4px}.tl-preview{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:calc(100% + 10px);translate:-50%}.tl-preview .frame{box-shadow:0 0 0 1px #ffffff1f, var(--shadow-pop);background-color:#000;background-repeat:no-repeat;border-radius:6px}.tl-preview .tcbox{background:var(--ink);color:var(--bg);border-radius:5px;padding:3px 7px;font-size:11.5px}.tl-note-preview{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line-strong);width:260px;box-shadow:var(--shadow-pop);font-size:var(--t-sm);color:var(--ink);text-align:left;padding:10px 12px;line-height:1.45}.transport{align-items:center;gap:4px;min-height:40px;display:flex}.transport .icon-btn{width:34px;height:34px}.transport .play{background:var(--ink);width:40px;height:40px;color:var(--bg);border-radius:50%;margin-right:6px}.transport .play:hover{background:color-mix(in oklab, var(--ink) 86%, var(--bg));color:var(--bg)}.timecode{border-radius:var(--radius-sm);white-space:nowrap;align-items:baseline;gap:8px;margin-left:8px;padding:4px 8px;font-size:16px;display:inline-flex}.timecode:hover{background:var(--hover)}.timecode .dur{color:var(--ink-3);font-size:12.5px}.volume{align-items:center;gap:2px;display:flex}.volume input[type=range]{width:72px}input[type=range]{accent-color:var(--ink);height:4px}.notes-col{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.notes-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:48px;padding:0 8px 0 16px;display:flex}.notes-head .h3{align-items:baseline;gap:8px;display:flex}.notes-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.note{border-bottom:1px solid var(--line);transition:background-color var(--dur) var(--ease-out);padding:14px 16px 12px;position:relative}.note:hover{background:color-mix(in oklab, var(--ink) 3%, transparent)}.note[data-active=true]{background:var(--selected)}.note[data-resolved=true] .note-main{opacity:.58}.note-head{align-items:center;gap:8px;min-width:0;display:flex}.note-head .who{font-size:13.5px;font-weight:640}.note-head .when{color:var(--ink-3);font-size:var(--t-xs);white-space:nowrap}.note-head .credit-tag{align-self:flex-start;margin:4px 0 0 -4px}.tc-chip{background:var(--surface-3);height:22px;color:var(--ink);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;display:inline-flex}button.tc-chip:hover{background:color-mix(in oklab, var(--surface-3) 70%, var(--ink) 12%)}.tc-chip .dot{width:7px;height:7px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:14px;line-height:1.5}.mention{color:var(--ink);background:color-mix(in oklab, var(--accent) 16%, transparent);border-radius:3px;padding:0 3px;font-weight:640}.note-meta{flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;margin-top:8px;display:flex}.note-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);align-items:center;gap:2px;margin-left:auto;display:flex}.note:hover .note-actions,.note:focus-within .note-actions,.note[data-active=true] .note-actions{opacity:1}@media (hover:none){.note-actions{opacity:1}}.reaction{border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;height:24px;transition:background-color var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:4px;padding:0 7px;font-size:12px;display:inline-flex}.reaction:hover{background:var(--hover)}.reaction[aria-pressed=true]{border-color:var(--ink);background:var(--selected)}.emoji-grid{gap:2px;display:flex}.emoji-grid button{border-radius:var(--radius-sm);width:32px;height:32px;font-size:17px}.emoji-grid button:hover{background:var(--hover)}.resolve-btn[aria-pressed=true]{color:var(--ok)}.replies{flex-direction:column;gap:10px;margin:10px 0 0 34px;display:flex}.reply .note-body{margin-top:3px;font-size:13.5px}.resolved-line{color:var(--ink-3);font-size:var(--t-xs);align-items:center;gap:5px;margin-top:6px;display:inline-flex}.notes-empty{padding:var(--s7) var(--s5);color:var(--ink-2);font-size:var(--t-sm);line-height:1.55}.notes-empty .display{color:var(--ink);margin-bottom:10px;font-size:34px}.composer{border-top:1px solid var(--line);background:var(--surface);flex:none;padding:10px 12px 12px}.composer-box{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.composer-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklab, var(--ink) 12%, transparent)}.composer textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:64px;max-height:220px;padding:10px 12px 4px;line-height:1.45;display:block}.composer textarea::placeholder{color:var(--ink-3)}.composer-tools{flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.toggle-chip{border-radius:var(--radius-sm);height:28px;color:var(--ink-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1px solid #0000;align-items:center;gap:5px;padding:0 8px;font-size:12.5px;font-weight:560;display:inline-flex}.toggle-chip:hover{background:var(--hover);color:var(--ink)}.toggle-chip[aria-pressed=true]{background:var(--surface-3);color:var(--ink);border-color:var(--line-strong)}.composer .reply-to{font-size:var(--t-xs);color:var(--ink-2);align-items:center;gap:6px;margin-bottom:8px;display:flex}.mention-pop{z-index:20;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);box-shadow:var(--shadow-pop);padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.live-banner{z-index:6;color:#f2f2f2;font-size:var(--t-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e0edb;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-weight:560;display:flex;position:absolute;top:14px;left:14px}.live-dot{background:var(--accent);width:8px;height:8px;animation:live 1.4s var(--ease-in-out) infinite;border-radius:50%}@keyframes live{50%{opacity:.35}}.live-btn[aria-pressed=true]{--btn-bg:color-mix(in oklab, var(--accent) 16%, transparent);--btn-bd:color-mix(in oklab, var(--accent-edge) 60%, transparent)}.compare{grid-template-columns:1fr 1fr;gap:10px;width:100%;height:100%;padding:10px;display:grid;position:relative}.compare-host{min-width:0;min-height:0;display:grid;position:relative}.dock.compare-dock{z-index:8;max-width:calc(100% - 24px);position:absolute;bottom:16px}.compare[data-mode=wipe]{grid-template-columns:1fr}.compare-pane{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.compare-label{z-index:4;position:absolute;top:10px;left:10px}.wipe-handle{z-index:5;cursor:ew-resize;touch-action:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.wipe-handle:after{content:"";width:30px;height:30px;box-shadow:var(--shadow-pop);background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.version-row{grid-template-columns:34px 64px minmax(0,1fr);align-items:center;gap:10px;display:grid}.version-row .vnum{font-size:17px;font-weight:800;font-stretch:72%}.version-row img{object-fit:cover;background:var(--surface-3);border-radius:3px;width:64px;height:36px}.meta-grid{font-size:var(--t-sm);grid-template-columns:auto minmax(0,1fr);gap:6px 14px;display:grid}.meta-grid dt{color:var(--ink-3)}.meta-grid dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.shortcut-list{grid-template-columns:1fr 1fr;gap:6px 28px;display:grid}.shortcut-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.guest-gate{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg);flex-direction:column;gap:8px;padding:12px;display:flex}@media (max-width:980px){.review{height:auto;min-height:100dvh;overflow:auto}body:has(.review){overflow:auto}.review-body{grid-template-columns:minmax(0,1fr)}.stage{height:min(62vw,56dvh)}.notes-col{border-left:0;border-top:1px solid var(--line);min-height:50dvh}.review-head .hide-sm,.transport .hide-sm{display:none}.timecode{font-size:14px}}@media (max-width:520px){.review-head{gap:var(--s2);padding-inline:var(--s3)}.review-head .hide-xs,.timecode .dur{display:none}.timecode{margin-left:2px}}.settings-nav{margin-bottom:var(--s7);border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow:auto hidden}.settings-nav a{color:var(--ink-2);white-space:nowrap;padding:10px 12px 12px;font-size:13.5px;font-weight:560;position:relative}.settings-nav a:hover,.settings-nav a[aria-current=page]{color:var(--ink)}.settings-nav a[aria-current=page]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.form-narrow{gap:var(--s5);flex-direction:column;max-width:560px;display:flex}.panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.panel-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);display:flex}.panel-body{padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.loc-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.loc-row{gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;display:grid}.provider-badge{border-radius:var(--radius);background:var(--surface-3);width:44px;height:44px;color:var(--ink);letter-spacing:.02em;text-transform:uppercase;place-items:center;font-size:13px;font-weight:850;font-stretch:70%;display:grid}.loc-row .l-name{font-weight:650;font-size:var(--t-md)}.loc-row .l-sub{color:var(--ink-3);font-size:var(--t-sm)}.loc-row .l-status{font-size:var(--t-sm);flex-direction:column;gap:4px;min-width:0;display:flex}.loc-row .l-status .err{color:var(--danger);font-size:var(--t-xs);line-height:1.4}@media (max-width:760px){.loc-row{grid-template-columns:44px minmax(0,1fr)}.loc-row .l-status,.loc-row .l-actions{grid-column:2}}.provider-groups{gap:var(--s7);flex-direction:column;display:flex}.provider-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));display:grid}.provider-card{padding:var(--s4);border-radius:var(--radius);border:1px solid var(--line-strong);text-align:left;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);grid-template-columns:44px minmax(0,1fr);gap:12px;display:grid}.provider-card:hover{background:var(--hover);border-color:color-mix(in oklab, var(--ink) 30%, var(--line-strong))}.provider-card:disabled{opacity:.5}.provider-card:disabled:hover{border-color:var(--line-strong);background:0 0}.provider-card[aria-pressed=true]{border-color:var(--ink);background:var(--selected)}.provider-card .p-name{font-size:14px;font-weight:650}.provider-card .p-blurb{font-size:var(--t-xs);color:var(--ink-2);margin-top:3px;line-height:1.45}.connect-layout{gap:var(--s8);grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;display:grid}@media (max-width:1000px){.connect-layout{grid-template-columns:minmax(0,1fr)}}.test-result{padding:var(--s4);border-radius:var(--radius);border:1px solid var(--line-strong);flex-direction:column;gap:10px;display:flex}.test-result[data-ok=true]{border-color:color-mix(in oklab, var(--ok) 50%, var(--line))}.test-result .sample{flex-wrap:wrap;gap:6px;display:flex}.member-row{gap:var(--s3);border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto auto auto;align-items:center;padding:12px 0;display:grid}.access-chip{height:32px;color:var(--ink)}.access-chip svg:last-child{color:var(--ink-3)}.access-chip[data-state=unlimited]{color:var(--ink-2)}.access-chip[data-state=ended]{color:var(--danger);border-color:color-mix(in oklab, var(--danger) 45%, var(--line-strong))}@media (max-width:640px){.member-row{grid-template-columns:34px minmax(0,1fr) auto auto}.member-row>:nth-child(3){grid-area:2/2;justify-self:start}}.invite-link{margin-top:var(--s5);padding:var(--s4);border-radius:var(--radius);border:1px solid var(--line-strong);flex-direction:column;gap:8px;display:flex}.invite-link .input{min-width:0;font-size:var(--t-sm);flex:1}.theme-grid{gap:var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.theme-card{text-align:left;border-radius:var(--radius);flex-direction:column;gap:10px;display:flex}.theme-card .mock{aspect-ratio:16/10;border-radius:var(--radius);background:var(--t-bg);box-shadow:inset 0 0 0 1px var(--t-line);transition:box-shadow var(--dur) var(--ease-out);grid-template-columns:22% 1fr 28%;display:grid;position:relative;overflow:hidden}.theme-card[aria-pressed=true] .mock{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.theme-card .mock .m-rail{background:var(--t-surface);border-right:1px solid var(--t-line);flex-direction:column;gap:8%;padding:10% 12%;display:flex}.theme-card .mock .m-rail i{background:var(--t-ink3);opacity:.6;border-radius:3px;height:5px;display:block}.theme-card .mock .m-rail i:first-child{background:var(--t-ink);opacity:1;width:60%}.theme-card .mock .m-main{background:var(--t-stage);grid-template-rows:auto auto;align-content:center;gap:10%;padding:8%;display:grid}.theme-card .mock .m-frame{aspect-ratio:16/9;background:#000 url(/demo/frame.jpg) 50%/cover no-repeat;border-radius:3px}.theme-card .mock .m-track{background:var(--t-surface3);border-radius:3px;height:9px;position:relative}.theme-card .mock .m-track b{background:var(--t-accent);width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--t-accent-edge,transparent);border-radius:50%;position:absolute;top:-5px}.theme-card .mock .m-notes{background:var(--t-surface);border-left:1px solid var(--t-line);flex-direction:column;gap:10%;padding:10%;display:flex}.theme-card .mock .m-notes i{background:var(--t-ink3);opacity:.55;border-radius:999px;height:4px;display:block}.theme-card .mock .m-notes i.a{background:var(--t-ink);opacity:.9;width:50%}.theme-card .t-name{align-items:center;gap:8px;font-weight:650;display:flex}.theme-card .t-note{color:var(--ink-3);font-size:var(--t-xs)}.editor-layout{gap:var(--s8);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;display:grid}@media (max-width:1000px){.editor-layout{grid-template-columns:minmax(0,1fr)}}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{background:var(--c);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--c-edge,color-mix(in oklab, var(--ink) 20%, transparent));border-radius:50%}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.color-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:44px;height:32px;padding:0}.slider-row{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;display:grid}.slider-row input[type=range]{width:100%}.hue-track{appearance:none;background:linear-gradient(90deg,#e7729b,#e18528,#93ab2c,#00b8a1,#26a9f1,#ad87ed,#e7729b);background:linear-gradient(90deg,lab(63.3133% 49.1797 .630343),lab(64.5716% 31.6277 61.3514),lab(66.4542% -21.1754 57.9681),lab(67.0817% -53.0885 -.365746),lab(65.0096% -15.512 -46.7948),lab(63.1007% 30.9343 -46.8099),lab(63.3133% 49.1797 .630367));border-radius:999px;height:10px}.auth{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(360px,520px);height:100dvh;display:grid;overflow:auto}.auth-art{color:#f2f2f2;padding:var(--s8);background:#050505;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.auth-art .display{max-width:9ch;font-size:clamp(56px,7.5vw,96px)}.auth-art .wordmark{color:inherit}.auth-art .reel{z-index:0;opacity:.35;grid-template-columns:repeat(6,1fr);gap:6px;display:grid;position:absolute;inset:0;transform:rotate(-8deg)scale(1.3)}.auth-art .reel span{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000 url(/demo/reel.jpg) 0 0/600% 400% no-repeat}.auth-art>*{z-index:1;position:relative}.auth-art:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#05050500 32%,#050505d1 66%,#050505 100%);position:absolute;inset:0}.auth-form{justify-content:center;gap:var(--s5);padding:var(--s8) clamp(24px, 5vw, 64px);flex-direction:column;min-height:100%;display:flex}.auth-form form{gap:var(--s4);flex-direction:column;display:flex}@media (max-width:860px){.auth{grid-template-columns:minmax(0,1fr)}.auth-art{min-height:220px;padding:var(--s6)}}.share-page{background:var(--bg);height:100dvh;overflow:auto}.share-hero{text-align:center;margin:var(--s6) 0 var(--s9);align-items:center}.share-hero .title{margin-left:0}.share-meta{font-size:var(--t-md);color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.share-meta .chip{color:var(--ink)}.share-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),440px));justify-content:center}.share-foot{margin-top:var(--s9);text-align:center}.share-head{align-items:center;gap:var(--s4);height:var(--topbar-h);padding:0 var(--s6);border-bottom:1px solid var(--line);display:flex}.share-gate{min-height:calc(100dvh - var(--topbar-h));padding:var(--s6);place-items:center;display:grid}.share-gate form{gap:var(--s4);flex-direction:column;width:min(400px,100%);display:flex}.client-mark{--size:44px;width:var(--size);height:var(--size);border-radius:var(--radius);background:var(--ink);color:var(--bg);font-weight:850;font-stretch:70%;font-size:calc(var(--size) * .36);letter-spacing:.01em;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex:none;place-items:center;line-height:1;display:inline-grid;overflow:hidden}.client-mark[data-scale=sm]{border-radius:var(--radius-sm)}.client-mark[data-scale=micro]{border-radius:3px}.client-mark[data-logo=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);padding:calc(var(--size) * .1)}.client-mark img{object-fit:contain;width:100%;height:100%}.client-status svg{color:var(--ink-2)}.client-status[data-status=active] svg{color:var(--ink)}.client-status[data-status=past],.client-status[data-status=paused]{color:var(--ink-2)}.client-index{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.toolbar+.client-index{margin-top:calc(var(--s5) * -1 + 4px);border-top:0}.client-row{gap:var(--s4);border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:44px minmax(0,1.5fr) minmax(0,1.1fr) 116px minmax(0,.9fr) 96px 64px;align-items:center;padding:14px 0;display:grid}.client-row:focus-visible{outline-offset:-2px}.client-row .cr-who,.client-row .cr-contact,.client-row .cr-counts{flex-direction:column;gap:3px;min-width:0;display:flex}.client-row .cr-name{font-size:var(--t-md);letter-spacing:-.005em;font-weight:640}.client-row:hover .cr-name{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.client-row .cr-sub,.client-row .cr-contact{font-size:var(--t-sm);color:var(--ink-2)}.client-row .cr-contact .faint,.client-row .cr-sub{color:var(--ink-3)}.client-row .cr-socials{color:var(--ink-2);align-items:center;gap:8px;min-height:16px;display:flex}.client-row .cr-counts{font-size:var(--t-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.client-row .cr-counts .open{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.client-row .client-status{justify-self:start}.client-row .cr-when{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end}.client-row.skeleton-row{grid-template-columns:44px minmax(0,1fr)}.segmented .seg-count{color:var(--ink-3);font-variant-numeric:tabular-nums}.segmented button[aria-pressed=true] .seg-count{color:var(--ink-2)}@media (max-width:1240px){.client-row{grid-template-columns:44px minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,.9fr) 96px 64px}.client-row .cr-socials{display:none}}@media (max-width:900px){.client-row{grid-template-columns:44px minmax(0,1fr) auto auto}.client-row .cr-contact,.client-row .cr-when{display:none}}@media (max-width:560px){.client-row{gap:var(--s3);grid-template-columns:40px minmax(0,1fr) auto}.client-row .cr-counts{display:none}}.client-head{align-items:center;gap:var(--s5);min-width:0;display:flex}.client-head .title{overflow-wrap:anywhere}@media (max-width:520px){.client-head{gap:var(--s3)}.client-head .client-mark{--size:48px!important}}.client-chip{gap:7px;padding-left:4px}.client-projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.client-notes{white-space:pre-wrap;max-width:70ch;line-height:1.6}.client-side>section+section,.client-side .section-sm{margin-top:var(--s7)}.detail-list,.people-list{margin:0;padding:0;list-style:none}.detail-row{gap:var(--s3);border-bottom:1px solid var(--line);grid-template-columns:18px 76px minmax(0,1fr) 30px;align-items:center;min-height:44px;padding:4px 0;font-size:13.5px;display:grid}.detail-row .d-icon{color:var(--ink-2);place-items:center;display:grid}.detail-row .d-label{font-size:var(--t-sm);color:var(--ink-3)}.detail-row .d-value{min-width:0;display:flex}.person{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:11px 0;display:flex}.person .person-name{font-weight:620}.person .person-links{font-size:var(--t-sm);color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;display:flex}.portal-blurb{max-width:54ch;margin-bottom:var(--s3)}.portal-row{gap:8px var(--s3);border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto auto;grid-template-areas:"av who acc rm"".perms perms perms";align-items:center;padding:12px 0;display:grid}.portal-row>:first-child{grid-area:av}.portal-row>:nth-child(2){grid-area:who}.portal-row>:nth-child(3){grid-area:acc}.portal-row>:nth-child(4){grid-area:rm}.portal-row>:nth-child(5){grid-area:perms}.portal-row .p-who{flex-direction:column;gap:1px;min-width:0;display:flex}.portal-row .p-name{font-weight:620}.portal-row .p-perms{flex-wrap:wrap;gap:4px;display:flex}.portal-row .p-perms .toggle-chip:disabled{cursor:default}.portal-pending{margin-top:var(--s5);flex-direction:column;display:flex}.portal-invite{margin-top:var(--s6);padding:var(--s5);border:1px solid var(--line-strong);border-radius:var(--radius);flex-direction:column;gap:14px;display:flex}.portal-invite .title-sm{font-size:var(--t-md);letter-spacing:-.005em;font-weight:620}.perm-set{border:0;flex-direction:column;gap:9px;margin:0;padding:0;display:flex}.perm-set legend{margin-bottom:8px;padding:0}.perm-set .hint{font-size:var(--t-sm);color:var(--ink-3)}.portal-lede{max-width:62ch;font-size:var(--t-md);line-height:1.55}.project-card .meta .client-credit{color:var(--ink);font-weight:560}.client-dialog .dialog-head,.client-dialog .dialog-foot{z-index:2;background:var(--surface);position:sticky}.client-dialog .dialog-head{border-bottom:1px solid #0000;top:0}.client-dialog .dialog-foot{bottom:0}.client-form{gap:var(--s6);flex-direction:column;display:flex}.cf-identity{gap:var(--s6);grid-template-columns:148px minmax(0,1fr);align-items:start;display:grid}.cf-logo{gap:var(--s3);flex-direction:column;align-items:flex-start;display:flex}.cf-grid{gap:14px var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cf-span{grid-column:1/-1}.cf-section{gap:var(--s3);padding-top:var(--s5);border-top:1px solid var(--line);flex-direction:column;display:flex}.cf-head{font-size:var(--t-md);letter-spacing:-.005em;font-weight:650}.cf-head-row{justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.cf-socials{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:8px;display:grid}.social-input{align-items:center;display:flex;position:relative}.social-input svg{color:var(--ink-2);pointer-events:none;position:absolute;left:11px}.social-input .input{width:100%;padding-left:34px}.cf-contacts{flex-direction:column;gap:8px;display:flex}.cf-contact{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr) 30px;align-items:center;gap:8px;display:grid}@media (max-width:680px){.cf-identity,.cf-grid{grid-template-columns:minmax(0,1fr)}.cf-logo{flex-direction:row;align-items:center}.cf-contact{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;padding-bottom:8px}}.messages{grid-template-columns:minmax(300px,380px) minmax(0,1fr);height:100%;min-height:0;display:grid}.thread-pane{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.mp-head{justify-content:space-between;align-items:flex-end;gap:var(--s3);padding:var(--s6) var(--s5) var(--s4);display:flex}.mp-title{font-size:var(--t-3xl);margin:0 0 -.04em -.02em}.mp-tools{gap:var(--s2);padding:0 var(--s5) var(--s3);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.mp-filters{align-items:center;gap:var(--s2);display:flex}.mp-filters select.input{min-width:0;height:var(--control-h-sm);font-size:var(--t-sm);flex:0 200px}.mp-filters .segmented{margin-left:auto}.thread-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.thread-item{align-items:flex-start;gap:var(--s3);padding:12px var(--s5);border-bottom:1px solid var(--line);color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out);display:flex}.thread-item:hover{background:var(--surface)}.thread-item[aria-current=page]{background:var(--surface-2)}.thread-item:focus-visible{outline-offset:-2px}.thread-item.skeleton-row{grid-template-columns:34px minmax(0,1fr);display:grid}.ti-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ti-top{align-items:baseline;gap:var(--s2);display:flex}.ti-subject{letter-spacing:-.005em;flex:1;font-weight:560}.thread-item[data-unread=true] .ti-subject{font-weight:720}.ti-when{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.ti-client{font-size:var(--t-sm);color:var(--ink-2)}.ti-sub{align-items:center;gap:var(--s2);min-width:0;font-size:var(--t-sm);color:var(--ink-3);display:flex}.ti-sub .truncate{flex:1}.thread-item[data-unread=true] .ti-sub{color:var(--ink-2)}.mp-empty{gap:var(--s2);max-width:44ch;padding:var(--s6) var(--s5);display:grid}.mp-empty-title{font-size:var(--t-md);font-weight:640}.client-threads{flex:none;overflow:visible}.client-threads .thread-item{padding-left:var(--s2);padding-right:var(--s2)}.convo-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.convo-empty{place-content:center;justify-items:center;gap:var(--s2);padding:var(--s8);color:var(--ink-3);text-align:center;flex:1;display:grid}.convo-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s6);border-bottom:1px solid var(--line);flex:none;display:flex}.convo-back{display:none}.convo-subject{font-size:var(--t-xl);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:680;line-height:1.15}.convo-meta{align-items:center;gap:var(--s3);font-size:var(--t-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.convo-client{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.convo-project{min-width:0;max-width:40ch;color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}a.convo-client:hover,.convo-project:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.convo-body{min-height:0;padding:var(--s5) var(--s6) var(--s4);overscroll-behavior:contain;flex:1;overflow:auto}.msg-list{gap:var(--s5);flex-direction:column;max-width:860px;margin:0 auto;padding:0;list-style:none;display:flex}.msg-day{align-items:center;gap:var(--s3);font-size:var(--t-xs);color:var(--ink-3);font-weight:600;display:flex}.msg-day:before,.msg-day:after{content:"";background:var(--line);flex:1;height:1px}.msg{gap:var(--s3);grid-template-columns:30px minmax(0,1fr);display:grid}.msg-main{min-width:0}.msg-head{align-items:center;gap:var(--s2);min-height:26px;display:flex}.msg-who{font-weight:640}.msg-tag{vertical-align:baseline;max-width:24ch;line-height:1}.msg-when{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none}.msg-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);margin-left:auto}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1}@media (hover:none){.msg-actions{opacity:1}}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch;margin:2px 0 0;line-height:1.5}.msg-text a{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.msg-edit{margin-top:var(--s2)}.msg-files{gap:var(--s2);max-width:580px;margin:var(--s2) 0 0;padding:0;list-style:none;display:grid}.msg-file{align-items:center;gap:var(--s3);padding:var(--s2);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);grid-template-columns:56px minmax(0,1fr) auto;display:grid}.mf-thumb,.pick-thumb{border-radius:var(--radius-sm);background:var(--surface-3);color:var(--ink-2);place-items:center;display:grid;overflow:hidden}.mf-thumb{width:56px;height:36px}.mf-thumb img,.pick-thumb img,.att-icon img{object-fit:cover;width:100%;height:100%}.mf-main{flex-direction:column;gap:2px;min-width:0;display:flex}.mf-name{font-weight:600}.mf-meta{align-items:center;gap:var(--s2);font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.mf-tag{color:var(--ink-2);font-weight:700}.mf-state{align-items:center;gap:4px;display:inline-flex}.mf-state[data-done=true]{color:var(--ink-2)}.mf-state[data-done=true] svg{color:var(--ok)}.mf-gone{padding:0 var(--s2);font-size:var(--t-xs);color:var(--ink-3)}.msg-file[data-available=false] .mf-name{color:var(--ink-3)}.convo-foot{padding:var(--s3) var(--s6) var(--s5);border-top:1px solid var(--line);flex:none}.convo-foot .msg-composer,.convo-readonly{max-width:860px;margin:0 auto}.convo-readonly{font-size:var(--t-sm)}.msg-composer textarea,.msg-edit textarea{width:100%;min-height:56px;max-height:260px;color:var(--ink);resize:none;background:0 0;border:0;outline:none;padding:10px 12px 4px;line-height:1.45;display:block}.msg-composer textarea::placeholder,.msg-edit textarea::placeholder{color:var(--ink-3)}.msg-composer[data-dragging=true] .composer-box{box-shadow:0 0 0 1px var(--accent-edge), 0 0 0 3px var(--accent)}.composer-note{margin-right:var(--s2);font-size:var(--t-xs);color:var(--ink-3)}.composer-note[data-error=true]{color:var(--danger)}.att-list{gap:var(--s2);padding:var(--s1) var(--s2);flex-wrap:wrap;margin:0;list-style:none;display:flex}.att{align-items:center;gap:var(--s2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:28px minmax(0,1fr) auto;width:min(100%,290px);padding:6px 4px 6px 6px;display:grid}.att[data-error=true]{border-color:var(--danger)}.att-icon{border-radius:var(--radius-sm);background:var(--surface-3);width:28px;height:28px;color:var(--ink-2);place-items:center;display:grid;overflow:hidden}.att[data-error=true] .att-icon,.att[data-error=true] .att-meta{color:var(--danger)}.att-main{flex-direction:column;gap:2px;min-width:0;display:flex}.att-name{font-size:var(--t-sm);font-weight:600}.att-meta{font-size:var(--t-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.att .progress{margin-top:3px}.pick-list{border-top:1px solid var(--line);max-height:min(52vh,460px);margin:0;padding:0;list-style:none;overflow:auto}.pick-row{align-items:center;gap:var(--s3);border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:auto 64px minmax(0,1fr) auto;padding:10px 4px;display:grid}.pick-row:hover{background:var(--surface)}.pick-thumb{width:64px;height:40px}.pick-main{flex-direction:column;gap:2px;min-width:0;display:flex}.pick-name{font-weight:600}.pick-meta{font-size:var(--t-xs);color:var(--ink-3)}.thread-fields{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.to-team{align-items:center;gap:var(--s2);min-height:var(--control-h);color:var(--ink-2);display:flex}.new-thread .msg-composer textarea{min-height:120px}@media (max-width:900px){.messages{grid-template-columns:minmax(0,1fr)}.messages[data-open=thread] .thread-pane,.messages[data-open=list] .convo-pane{display:none}.thread-pane{border-right:0}.convo-back{display:inline-grid}.mp-head,.mp-tools,.thread-item,.mp-empty,.convo-head,.convo-body,.convo-foot{padding-left:var(--s4);padding-right:var(--s4)}}@media (max-width:600px){.msg{gap:var(--s2)}.msg-file{gap:var(--s2);grid-template-columns:40px minmax(0,1fr) auto}.mf-thumb{width:40px;height:30px}.mf-dl-label{display:none}}.ai-lede{max-width:70ch;margin-top:var(--s3);line-height:1.5}.ai-row[data-enabled=false]>:not(.l-actions){opacity:.5}.ai-text{gap:var(--s2);overflow-wrap:anywhere;flex-direction:column;max-width:72ch;font-size:14px;line-height:1.55;display:flex}.ai-text h4{margin-top:var(--s4);font-size:var(--t-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-weight:650}.ai-text h4:first-child{margin-top:0}.ai-text ul,.ai-text ol{flex-direction:column;gap:8px;padding-left:1.25em;display:flex}.ai-text ul{list-style:outside}.ai-text ol{list-style:decimal}.ai-text li::marker{color:var(--ink-3)}.ai-text li:has(>.ai-lead:first-child){list-style-type:none}.ai-text code{border-radius:var(--radius-sm);background:var(--surface-3);font-family:var(--mono);padding:0 4px;font-size:.9em}.ai-lead{vertical-align:1px;flex-wrap:wrap;gap:4px;margin-right:8px;display:inline-flex}.tc-chip.plain{border:1px solid var(--line-strong);background:0 0}.ai-dialog .dialog-body{min-height:200px}.ai-dialog .dialog-foot{background:var(--surface);flex-wrap:wrap;align-items:center;position:sticky;bottom:0}@media (max-width:520px){.ai-dialog .dialog-foot>*{flex:auto}.ai-dialog .dialog-foot .spacer{display:none}.ai-dialog .ai-pick{flex-basis:100%;max-width:none}}.ai-wait{justify-content:center;align-items:center;gap:var(--s3);text-align:center;flex-direction:column;min-height:200px;display:flex}.ai-credit{margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-3)}.ai-pick{width:auto;max-width:260px}.ai-draft{width:min(340px,100vw - 24px)}.ai-draft-form{gap:8px}.ai-draft-form .btn{align-self:flex-end;margin-top:4px}