@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2-variations"),url(/fonts/inter-latin-wght-normal.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-wght-normal.woff2)format("woff2-variations"),url(/fonts/inter-latin-ext-wght-normal.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2)format("woff2-variations"),url(/fonts/jetbrains-mono-latin-wght-normal.woff2)format("woff2");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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f7f7f8;--border:#e4e4e7;--border-control:#8a8a94;--text:#18181b;--text-2:#52525b;--text-3:#6b6b74;--accent:#4f46e5;--success:#15803d;--warning:#b45309;--danger:#b91c1c;--on-accent:#fff;--accent-hover:color-mix(in srgb, var(--accent) 88%, #000);--status-draft:var(--text-2);--status-editing:var(--accent);--status-archived:var(--text-2);--status-published:#166534;--status-rendering:#92400e;--pill-tint:12%;--scrim:#0009;--font:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-meta:12px;--fs-hint:13px;--fs-body:14px;--fs-title:16px;--fs-section:20px;--fs-page:28px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--lh-body:1.5;--lh-heading:1.3;--lh-label:1.2;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--card-pad:12px;--gutter:16px;--radius-chip:6px;--radius-card:10px;--radius-input:10px;--radius-sheet:14px;--radius-pill:9999px;--shadow-overlay:0 8px 24px #0000001f;--ease:cubic-bezier(.2, 0, 0, 1);--dur-hover:.12s;--dur-sheet:.2s;--dur-reorder:.28s;--tap:44px;--tap-gap:8px;--focus-ring:2px solid var(--accent);--focus-offset:2px;--sidebar-w:240px;--sidebar-w-collapsed:64px;--content-narrow:720px;--content-wide:960px;--content-pad-desktop:32px;--switcher-h:36px;--bottom-nav-h:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e11;--surface:#18181b;--border:#2a2a31;--border-control:#6e6e78;--text:#f4f4f5;--text-2:#a1a1aa;--text-3:#8b8b94;--accent:#818cf8;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--on-accent:#0e0e11;--status-published:#4ade80;--status-rendering:#fbbf24;--shadow-overlay:0 8px 24px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e11;--surface:#18181b;--border:#2a2a31;--border-control:#6e6e78;--text:#f4f4f5;--text-2:#a1a1aa;--text-3:#8b8b94;--accent:#818cf8;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--on-accent:#0e0e11;--status-published:#4ade80;--status-rendering:#fbbf24;--shadow-overlay:0 8px 24px #0006}@media (prefers-reduced-motion:reduce){:root{--dur-hover:0s;--dur-sheet:0s;--dur-reorder:0s}}@font-face{font-family:Noto Sans;font-weight:400;font-display:swap;src:url(/fonts/captions/NotoSans-Regular.ttf)format("truetype")}@font-face{font-family:Noto Sans;font-weight:500;font-display:swap;src:url(/fonts/captions/NotoSans-Medium.ttf)format("truetype")}@font-face{font-family:Noto Sans;font-weight:600;font-display:swap;src:url(/fonts/captions/NotoSans-SemiBold.ttf)format("truetype")}@font-face{font-family:Noto Sans;font-weight:800;font-display:swap;src:url(/fonts/captions/NotoSans-ExtraBold.ttf)format("truetype")}@font-face{font-family:Noto Sans JP;font-weight:100 500;font-display:swap;src:url(/fonts/captions/NotoSansJP-Regular.otf)format("opentype");unicode-range:U+30??,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Noto Sans JP;font-weight:600 900;font-display:swap;src:url(/fonts/captions/NotoSansJP-Bold.otf)format("opentype");unicode-range:U+30??,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{line-height:var(--lh-heading)}button,label,.btn,.pill,.chip,.navlink{line-height:var(--lh-label)}a{color:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn{min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:var(--fw-medium);transition:transform var(--dur-hover) var(--ease), background var(--dur-hover)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:var(--fw-semibold);border-color:#0000}.btn-primary:hover:not([disabled]){background:var(--accent-hover)}.btn-block{width:100%}.auth{min-height:100%;padding:var(--sp-5);background:var(--bg);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sheet);width:min(420px,100%);padding:var(--sp-6) var(--sp-5);text-align:center}.auth-logo{border-radius:var(--radius-sheet);width:56px;height:56px;margin:0 auto var(--sp-4);background:var(--accent);color:var(--on-accent);font-weight:var(--fw-semibold);font-size:var(--fs-section);place-items:center;display:grid}.auth-title{font-size:var(--fs-page);font-weight:var(--fw-semibold);margin:0 0 var(--sp-2)}.auth-sub{color:var(--text-2);margin:0 0 24px}.auth-note{color:var(--text-2);font-size:var(--fs-body);margin:var(--sp-4) 0 0;min-height:1.4em}.auth-note.err{color:var(--danger)}@media (width<=599px){.auth{place-items:stretch stretch;padding:0}.auth-card{padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + var(--safe-bottom));min-height:var(--vvh,100svh);box-sizing:border-box;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}}.shell{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}.topbar{z-index:2;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{font-weight:var(--fw-semibold)}.switcher-wrap{align-items:center;min-width:0;max-width:min(60vw,360px);margin-left:auto;display:inline-flex;position:relative}.switcher-wrap:before{content:"";height:var(--switcher-h);background:var(--surface);border:1px solid var(--border-control);border-radius:var(--radius-pill);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.switcher-wrap:has(.switcher:focus-visible):before{outline:2px solid var(--accent);outline-offset:2px}.switcher{appearance:none;height:var(--tap);min-height:var(--tap);max-width:100%;color:var(--text);border-radius:var(--radius-pill);padding:0 calc(var(--sp-3) + 16px + var(--sp-2)) 0 var(--sp-3);font-size:var(--fs-body);line-height:var(--lh-label);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;width:100%;min-width:0;position:relative;overflow:hidden}.switcher:focus-visible{outline:none}.switcher::-ms-expand{display:none}.switcher-chevron{right:var(--sp-3);pointer-events:none;color:var(--text-2);position:absolute}.main{padding:var(--sp-4);padding-bottom:calc(var(--bottom-nav-h) + var(--sp-4) + var(--safe-bottom))}.sidebar{display:none}.bottomnav{height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.navlink{min-height:var(--tap);color:var(--text-2);font-size:var(--fs-meta);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.navlink.active{color:var(--text)}.navlink svg{flex:none}.navlink.active svg{color:var(--accent)}@media (width>=960px){.shell{grid-template-columns:var(--sidebar-w-collapsed) 1fr;grid-template-rows:auto 1fr}.topbar{grid-column:2}.sidebar{gap:var(--sp-1);padding:var(--sp-4);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-row:1/span 2;height:100vh;display:flex;position:sticky;top:0}.sidebar .brand{padding:var(--sp-2) var(--sp-3) var(--sp-5);font-size:var(--fs-section)}.sidebar .navlink{justify-content:flex-start;gap:var(--sp-3);padding:0 var(--sp-3);border-radius:var(--radius-card);font-size:var(--fs-body);flex-direction:row}.sidebar .navlink.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.main{padding:var(--content-pad-desktop);grid-column:2}.bottomnav,.topbar .brand{display:none}.sidebar{padding:var(--sp-4) var(--sp-2);align-items:center}.sidebar .brand{display:none}.sidebar .brand-mark{width:32px;height:32px;margin:0 0 var(--sp-4);border-radius:var(--radius-card);background:var(--accent);color:var(--on-accent);font-size:var(--fs-body);place-items:center;display:grid}.sidebar .navlink{width:var(--tap);justify-content:center;padding:0}.sidebar .navlink .label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=1280px){.shell{grid-template-columns:var(--sidebar-w) 1fr}.sidebar{padding:var(--sp-4);align-items:stretch}.sidebar .brand{display:block}.sidebar .brand-mark{display:none}.sidebar .navlink{width:auto;padding:0 var(--sp-3);justify-content:flex-start}.sidebar .navlink .label{clip:auto;width:auto;height:auto;position:static;overflow:visible}}.page-title{font-size:var(--fs-page);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--sp-4)}.muted{color:var(--text-2)}.hint{font-size:var(--fs-hint);color:var(--text-2);line-height:var(--lh-body);margin:0}.page{width:100%;margin:0}.page-narrow{max-width:var(--content-narrow)}.page-wide{max-width:var(--content-wide)}.page-project{max-width:1280px;margin-inline:auto}.brand-mark{display:none}.stack>*+*{margin-top:var(--sp-3)}.tnum{font-variant-numeric:tabular-nums}.input{min-height:var(--tap);padding:0 var(--sp-3);background:var(--bg);border:1px solid var(--border-control);border-radius:var(--radius-input)}.chip{align-items:center;gap:var(--sp-1);min-height:28px;padding:0 var(--sp-3);border:1px solid var(--border-control);border-radius:var(--radius-chip);font-size:var(--fs-meta);background:0 0;display:inline-flex}.card-select{border:1px solid var(--border-control);border-radius:var(--radius-card);background:var(--surface);padding:var(--card-pad);cursor:pointer}.card-select[aria-checked=true]{border-color:var(--accent)}.card-select:has(input:checked){border-color:var(--accent)}.card-select:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.card-select input{opacity:0;pointer-events:none;position:absolute}.overlay{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sheet);box-shadow:var(--shadow-overlay)}.pill{min-height:22px;padding:0 var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--pill);background:color-mix(in srgb, var(--pill) var(--pill-tint), transparent);align-items:center;display:inline-flex}.pill-draft{--pill:var(--status-draft)}.pill-editing{--pill:var(--status-editing)}.pill-archived{--pill:var(--status-archived)}.pill-published{--pill:var(--status-published)}.pill-rendering{--pill:var(--status-rendering)}.segmented{gap:var(--tap-gap);flex-wrap:wrap;display:flex}.segmented .card-select{text-align:center;min-width:96px;position:relative}.navlink .tip{display:none}@media (width>=960px) and (width<=1279.98px){.sidebar .navlink{position:relative}.sidebar .navlink .tip{left:calc(100% + var(--sp-2));z-index:10;white-space:nowrap;pointer-events:none;padding:var(--sp-1) var(--sp-2);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-chip);box-shadow:var(--shadow-overlay);font-size:var(--fs-meta);line-height:var(--lh-label);opacity:0;visibility:hidden;transition:opacity var(--dur-hover) var(--ease) 0s, visibility 0s linear var(--dur-hover);display:block;position:absolute;top:50%;transform:translateY(-50%)}.sidebar .navlink:hover .tip{opacity:1;visibility:visible;transition-delay:.25s,.25s}.sidebar .navlink:focus-visible .tip{opacity:1;visibility:visible;transition:none}.sidebar .navlink[data-tip-dismissed] .tip{opacity:0;visibility:hidden;transition:none}}.skeleton{gap:var(--sp-3);flex-direction:column;display:flex}.sk{border:1px solid var(--border);border-radius:var(--radius-card);opacity:.6;background:0 0}.sk-title{width:40%;height:28px}.sk-line{width:70%;height:14px}.sk-line.short{width:45%}.sk-card{height:96px}@media (prefers-reduced-motion:no-preference){.sk{animation:2.4s ease-in-out infinite alternate sk-fade}}@keyframes sk-fade{0%{opacity:.35}to{opacity:.7}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-pill{height:24px;padding:0 var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--pill-fg);background:color-mix(in srgb, var(--pill-fg) var(--pill-tint), transparent);align-items:center;display:inline-flex}.status-draft{--pill-fg:var(--status-draft)}.status-editing{--pill-fg:var(--status-editing)}.status-published{--pill-fg:var(--status-published)}.status-rendering{--pill-fg:var(--status-rendering)}.status-archived{--pill-fg:var(--status-archived)}.proj-head{align-items:center;gap:var(--sp-3);min-height:var(--tap);flex-wrap:wrap;display:flex}.proj-head .page-title{min-width:0;margin:0 auto 0 0}.proj-head+.card{margin-top:12px}.btn-icon-label{justify-content:center;align-items:center;gap:var(--sp-2);line-height:1;display:inline-flex}.lost-access{align-items:flex-start;gap:var(--sp-3);flex-direction:column;display:flex}.lost-access .btn-link{margin-top:var(--sp-3)}a.btn{min-height:var(--tap);box-sizing:border-box;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}a.btn-primary,a.btn-primary:visited{color:var(--on-accent)}.style-locked{align-items:center;gap:var(--sp-2);min-height:var(--tap);color:var(--text-2);display:flex}.tweaks{gap:var(--sp-3);display:grid}.card+.card{margin-top:var(--sp-3)}.card>.section-title:first-child{margin-top:0}.tweak{gap:var(--sp-1);display:grid}.tweak-ro{min-height:var(--tap);justify-content:space-between;align-items:center;display:flex}.tweak-val{color:var(--text);font-variant-numeric:tabular-nums}.tweak input{width:100%;min-height:var(--tap);accent-color:var(--accent)}.share-empty{margin:var(--sp-2) 0 var(--sp-4)}.share-empty+.sheet-sub{margin-top:0}.proj-list{margin:var(--sp-4) 0;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));padding:0;list-style:none;display:grid}.proj-card{align-items:flex-start;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-height:88px;display:flex;position:relative}.proj-link{min-width:0;min-height:var(--tap);gap:var(--sp-1);padding:var(--card-pad);color:inherit;border-radius:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.proj-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.proj-link:focus-visible{outline:none}.proj-link:focus-visible:after{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.proj-name,.clamp2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proj-name{font-size:var(--fs-title);font-weight:var(--fw-medium)}.proj-shared-by{font-size:var(--fs-hint);color:var(--text-3)}.proj-status{align-items:center;gap:var(--sp-2);padding-top:var(--sp-2);margin-top:auto;display:flex}.pill-shared{--pill-fg:var(--text-2)}.shared-icon{color:var(--text-2);z-index:1;place-items:center;display:inline-grid;position:relative}.proj-meta{color:var(--text-3);font-size:var(--fs-meta)}.card-menu{z-index:2;padding:var(--sp-1);position:relative}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.menu{right:var(--sp-1);top:calc(var(--tap) + var(--sp-1));min-width:180px;padding:var(--sp-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);box-shadow:var(--shadow-overlay);z-index:5;margin:0;list-style:none;position:absolute}.menu button{width:100%;min-height:var(--tap);text-align:left;padding:0 var(--sp-3);color:inherit;font:inherit;border-radius:var(--radius-input);cursor:pointer;background:0 0;border:0}.menu button:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.menu .err-text{color:var(--danger)}.lbl-wide{display:none}@media (width>=600px){.lbl-phone{display:none}.lbl-wide{display:inline}}.seg44{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);margin-top:var(--sp-3);gap:2px;padding:2px;display:inline-flex}.seg44 button{min-width:96px;min-height:40px;padding:0 var(--sp-4);border-radius:var(--radius-pill);color:var(--text-2);font:inherit;font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0}.seg44{height:var(--tap);min-height:var(--tap);box-sizing:border-box;align-items:stretch}.seg44 button{height:100%;min-height:0;position:relative}.seg44 button:after{content:"";position:absolute;inset:-3px -1px}.seg44 button.on{background:var(--bg);color:var(--text);box-shadow:0 1px 2px #0000001f}.sk-proj{height:88px;list-style:none}.empty-state{align-items:flex-start;gap:var(--sp-3);margin:var(--sp-6) 0;flex-direction:column;display:flex}.empty-state .hint{margin:0}.empty-archived{margin:var(--sp-4) 0 0}.btn-quiet{padding:0 var(--sp-3);background:0 0;border-color:#0000}.btn-danger{background:var(--danger);color:#fff;font-weight:var(--fw-semibold);border-color:#0000}.section-title{font-size:var(--fs-section);font-weight:var(--fw-semibold);margin:var(--sp-6) 0 var(--sp-2)}.trash-row{padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--card-pad);align-items:center;min-height:64px}.trash-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.empty-trash{min-height:var(--tap);min-width:var(--tap);margin:var(--sp-1) 0 var(--sp-6);align-items:center;display:inline-flex}.field-label{color:var(--text-2);font-size:var(--fs-hint);display:block}.text-2{color:var(--text-2)}.dialog-scrim{background:var(--scrim);z-index:10;padding:var(--sp-4);place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--bg);border-radius:var(--radius-sheet);width:min(440px,100%);padding:var(--sp-5);box-shadow:var(--shadow-overlay)}.dialog h2{margin:0 0 var(--sp-2);font-size:var(--fs-section)}.dialog .shared-footage{margin-top:var(--sp-3)}.dialog .del-label{margin-top:var(--sp-4)}.dialog input{width:100%;min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-control);border-radius:var(--radius-input);background:var(--bg);margin:var(--sp-2) 0 var(--sp-3);box-sizing:border-box;color:var(--text)}.dialog input::placeholder{color:var(--text-3);opacity:1}.dialog-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.err-text{color:var(--danger)}.toast{left:50%;bottom:calc(var(--bottom-nav-h) + var(--sp-4) + var(--safe-bottom));box-sizing:border-box;align-items:center;gap:var(--sp-3);width:max-content;max-width:min(92vw,420px);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);min-height:var(--tap);background:var(--text);color:var(--bg);border-radius:var(--radius-input);box-shadow:var(--shadow-overlay);z-index:30;display:flex;position:fixed;transform:translate(-50%)}.toast-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.toast-text.toast-wrap{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}@media (width>=960px){.toast{bottom:calc(var(--sp-4) + var(--safe-bottom))}}body:has(.toast) .page{padding-bottom:calc(var(--tap) * 2 + var(--sp-6) + var(--safe-bottom))}.toast-undo{min-height:36px;color:inherit;font-weight:var(--fw-semibold);background:0 0;border-color:#0000;flex:none;margin-left:auto}.avatar{border-radius:var(--radius-pill);width:24px;height:24px;font-size:var(--fs-meta);font-weight:var(--fw-semibold);color:var(--text-2);background:color-mix(in srgb, var(--accent) var(--pill-tint), transparent);flex:none;place-items:center;display:grid}.proj-new{gap:var(--sp-2);display:flex}.proj-new input{min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-control);border-radius:var(--radius-input);background:var(--bg)}.field-first-name{gap:var(--sp-1);margin-bottom:var(--sp-3);text-align:left;flex-direction:column;display:flex}.field-first-name label{color:var(--text-2);font-size:16px}.field-first-name input{width:100%;min-height:var(--tap);padding:0 var(--sp-3);box-sizing:border-box;border:1px solid var(--border-control);border-radius:var(--radius-input);background:var(--bg);color:var(--text);font:inherit;font-size:16px}.viewer-banner,.archived-banner{min-height:40px;padding:0 var(--sp-4);margin-bottom:var(--sp-3);border-radius:var(--radius-input);color:var(--text-2);font-size:var(--fs-hint);background:color-mix(in srgb, var(--text-2) var(--pill-tint), transparent);align-items:center;display:flex}textarea{box-sizing:border-box;width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-control);border-radius:var(--radius-input);background:var(--bg);color:var(--text);font:inherit}textarea:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.sheet-scrim{background:var(--scrim);z-index:20;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-height:85vh;padding:var(--sp-2) var(--sp-4) calc(var(--sp-4) + var(--safe-bottom));box-shadow:var(--shadow-overlay);box-sizing:border-box;overflow:auto}@media (width>=600px){.sheet-scrim{padding:72px var(--sp-6) 0;background:0 0;justify-content:flex-end;align-items:flex-start}.sheet{border-radius:var(--radius-sheet);border:1px solid var(--border);width:400px}}.sheet-head{align-items:center;gap:var(--sp-2);min-height:56px;display:flex}.sheet-head h2{min-width:0;font-size:var(--fs-title);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.sheet-sub{font-size:var(--fs-hint);color:var(--text-2);font-weight:var(--fw-medium);margin:var(--sp-4) 0 var(--sp-1)}.people,.picker{margin:0;padding:0;list-style:none}.person{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-1) 0;display:flex}.person-shared{padding:var(--sp-2) 0;align-items:flex-start}.person-shared .avatar{margin-top:2px}.person-main{gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.person-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.role-hint{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.role-row{align-items:center;gap:var(--sp-2);display:flex}.role-seg{border:1px solid var(--border);border-radius:var(--radius-pill);box-sizing:border-box;align-self:flex-start;gap:2px;height:36px;padding:2px;display:inline-flex}.role-seg button{padding:0 var(--sp-3);border-radius:var(--radius-pill);color:var(--text-2);font:inherit;font-size:var(--fs-hint);cursor:pointer;background:0 0;border:0;position:relative}.role-seg button:before{content:"";position:absolute;inset:-4px 0}.role-seg button.on{background:color-mix(in srgb, var(--accent) var(--pill-tint), transparent);color:var(--text);font-weight:var(--fw-medium)}.btn-text-danger{min-height:var(--tap);padding:0 var(--sp-2);color:var(--danger);font:inherit;font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0}.pick-row{align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:0 var(--sp-1);color:inherit;font:inherit;text-align:left;border-radius:var(--radius-input);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.pick-row:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.pick-row svg{color:var(--accent)}.clip-badge{border-radius:var(--radius-pill);height:16px;font-size:11px;line-height:16px;font-weight:var(--fw-semibold);color:#fff;white-space:nowrap;background:#18181bb8;border:0;align-items:center;padding:0 6px;display:inline-flex;position:relative}button.clip-badge{cursor:pointer;font-family:inherit}button.clip-badge:before{content:"";position:absolute;inset:-14px}.clip-badge-error{background:var(--danger);color:#fff}.clip-card{gap:var(--sp-1);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;min-width:0;display:flex;position:relative}.clip-card-thumb{aspect-ratio:16/9;width:100%;min-height:var(--tap);background:var(--surface);color:var(--text-3);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.clip-card-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.clip-card-thumb{background:color-mix(in srgb, var(--text-3) 14%, var(--surface))}.clip-card-ph{opacity:.45}.clip-thumb-img{opacity:0;transition:opacity .18s}.clip-thumb-img.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.clip-thumb-img{transition:none}}.clip-card>.clip-badge,.clip-card>.clip-badge-hdr{top:var(--sp-2);right:var(--sp-2);position:absolute}.clip-card>button.clip-badge-hdr{position:absolute}.clip-notes{left:var(--sp-2);bottom:calc(24px + var(--sp-2));border-radius:var(--radius-pill);color:#fff;height:16px;font-size:11px;font-weight:var(--fw-semibold);pointer-events:none;background:#18181bb8;align-items:center;gap:3px;padding:0 6px;display:inline-flex;position:absolute}.clip-card-meta{align-items:baseline;gap:var(--sp-2);min-width:0;height:20px;display:flex}.clip-card-name{min-width:0;font-size:var(--fs-meta);color:var(--text);white-space:nowrap;flex:1;display:flex}.clip-card-name .mt-head{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.clip-card-name .mt-tail{flex:none}.clip-card-dur{font-size:var(--fs-meta);color:var(--text-2);font-variant-numeric:tabular-nums;flex:none}.clip-card.is-selected .clip-card-thumb{box-shadow:0 0 0 2px var(--accent)}.clip-card.is-dragging{transform:scale(1.03)}.clip-card.is-dragging .clip-card-thumb{box-shadow:0 0 0 2px var(--accent), 0 10px 28px #00000038, 0 2px 6px #0000001f}.sb-origin{border:1.5px dashed color-mix(in srgb, var(--text-3) 45%, transparent);pointer-events:none;border-radius:12px;position:absolute;top:0;left:0}.storyboard{contain:layout;width:100%;position:relative}.sb-cell{will-change:transform;transition:transform .16s;position:absolute;top:0;left:0}.sb-ghost{z-index:3;pointer-events:none;transition:none}.sb-ghost .clip-card.is-dragging{background:var(--bg);border-radius:14px;margin:-4px -4px -2px;padding:4px 4px 2px;box-shadow:0 10px 28px #00000038,0 2px 6px #0000001f}.sb-gap{background:var(--accent);pointer-events:none;border-radius:1px;width:2px;transition:transform .12s;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.sb-cell,.sb-gap{transition:none}}.sb-empty{justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);border:2px dashed var(--border);color:var(--text-2);text-align:center;border-radius:12px;display:grid}.sb-empty p{margin:0}.sb-add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-add:active:not([disabled]),.sb-add[aria-pressed=true],.sb-add[aria-expanded=true]{background:color-mix(in srgb, var(--accent) 92%, #000)}.clip-details{gap:var(--sp-2);display:grid}.clip-details h3,.clip-details h4,.clip-details p{margin:0}@media (width>=900px){html.notes-open body{padding-right:360px}}.clip-details-head{align-items:center;gap:var(--sp-3);justify-content:space-between;display:flex}.clip-details-head h3{overflow-wrap:anywhere;min-width:0;font-size:var(--fs-title)}.clip-details-err{color:var(--danger)}.clip-details-notes{padding-left:var(--sp-4);margin:0}.render-refused{border:1px solid var(--warning);border-radius:var(--radius-card);padding:var(--sp-3);color:var(--text)}.render-refused p{margin:0 0 var(--sp-1);color:var(--warning);font-weight:var(--fw-semibold)}.render-refused p.render-refused-next{margin:var(--sp-1) 0 0;color:var(--text);font-weight:var(--fw-regular,400)}.sheet-backdrop{z-index:20;background:#00000052;align-items:end;display:grid;position:fixed;inset:0}.sb-sheet{width:100%;max-height:80vh;padding:var(--sp-4) var(--sp-4) calc(var(--sp-4) + var(--safe-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;overflow:auto}@media (width>=600px){.sheet-backdrop{place-items:center}.sb-sheet{border-radius:var(--radius-sheet);width:min(480px,92vw)}}.sb-count{white-space:nowrap;display:inline}.notes-sheet{flex-direction:column;height:70dvh;max-height:none;padding-bottom:0;display:flex;overflow:hidden}.notes-sheet .clip-details{gap:var(--sp-2);flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=900px){.notes-backdrop{pointer-events:none;background:0 0;display:block}.notes-sheet{pointer-events:auto;width:360px;height:auto;padding:var(--sp-4) var(--sp-4) 0;border-width:0 0 0 1px;border-radius:0;position:fixed;top:0;bottom:0;right:0}}.clip-details-head{align-items:center;gap:var(--sp-3);display:flex}.clip-details-head h3{font-size:var(--fs-title);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.clip-details-title{flex-direction:column;flex:1;min-width:0;display:flex}.clip-details-dur{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-meta)}.clip-details-thumb{aspect-ratio:16/9;border-radius:var(--radius-chip);background:var(--surface);flex:none;place-items:center;width:64px;display:grid;overflow:hidden}.clip-details-thumb img{object-fit:cover;width:100%;height:100%}.clip-details .field-label{margin:var(--sp-2) 0 0}.notes{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.notes-list{flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.notes-empty{padding:var(--sp-5) 0;flex:1}.note{padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.note:last-child{border-bottom:0}.note-top{align-items:flex-start;gap:var(--sp-2);display:flex}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-body);flex:1;margin:0}.note-at{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-meta);color:var(--accent);margin-right:var(--sp-2)}.note-meta{margin:var(--sp-1) 0 0;font-size:var(--fs-meta);color:var(--text-2)}.note-edited{font-style:italic}.note-ai{margin:var(--sp-1) 0 0;align-items:center;gap:var(--sp-2);font-size:var(--fs-hint);color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;display:flex}.note-ai-pending{color:var(--text-3)}.note-ai-icon{color:var(--text-2);flex:none}.note-ai-applied .note-ai-icon{color:var(--status-published)}.note-ai-applied strong{font-weight:var(--fw-medium);color:var(--text)}.note-dot{border-radius:50%;flex:none;width:8px;height:8px}.note-dot-amber{background:var(--warning)}.note-dot-pulse{background:var(--text-3);animation:note-pulse 1.6s var(--ease) infinite}@keyframes note-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.note-dot-pulse{opacity:.6;animation:none}}.note-link{padding:0 var(--sp-2);min-height:var(--tap);min-width:var(--tap);white-space:nowrap;color:var(--accent);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:0;flex:none}.note-menu-wrap{position:relative}.note-more{width:var(--tap);height:var(--tap);margin:calc(-1 * var(--sp-3)) calc(-1 * var(--sp-2)) 0 0;border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.note-more:hover{background:var(--surface)}.note-menu{right:0;top:calc(var(--tap) - var(--sp-2));z-index:2;min-width:140px;padding:var(--sp-1);flex-direction:column;display:flex;position:absolute}.note-menu button{min-height:var(--tap);text-align:left;padding:0 var(--sp-3);border-radius:var(--radius-chip);cursor:pointer;background:0 0;border:0}.note-menu button:hover{background:var(--surface)}.note-menu-danger{color:var(--danger)}.note-conflict{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);font-size:var(--fs-hint)}.note-conflict-mine{margin:var(--sp-1) 0 0;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere}.note-conflict-actions,.note-edit-actions{gap:var(--sp-2);margin-top:var(--sp-2);justify-content:flex-end;align-items:center;display:flex}.note-conflict-actions{justify-content:flex-start}.note-composer{background:var(--bg);border-top:1px solid var(--border);padding:var(--sp-3) 0 calc(var(--sp-3) + var(--safe-bottom));gap:var(--sp-2);flex-direction:column;display:flex;position:sticky;bottom:0}.note-composer-row{gap:var(--sp-2);align-items:flex-end;display:flex}.note-input{width:100%;font-size:16px;line-height:var(--lh-body);min-height:var(--tap);resize:none;max-height:200px;padding:10px var(--sp-3);background:var(--bg);border:1px solid var(--border-control);border-radius:var(--radius-input);field-sizing:content;box-sizing:border-box;flex:1}.note-input:focus-visible,.note-more:focus-visible,.note-link:focus-visible,.note-chip-x:focus-visible,.note-menu button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.note-input::placeholder{color:var(--text-3)}.note-save{flex:none}.note-chip{align-self:flex-start;align-items:center;gap:var(--sp-1);padding-left:var(--sp-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) var(--pill-tint), transparent);color:var(--accent);font-size:var(--fs-meta);font-family:var(--font-mono);display:inline-flex}.note-chip-x{width:var(--tap);height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.note-chip-x:before{content:"";position:absolute;inset:-8px 0}.note-counter{font-size:var(--fs-meta);color:var(--text-2);font-variant-numeric:tabular-nums;align-self:flex-end}.note-counter.is-over{color:var(--danger)}.notes-msg{margin:var(--sp-2) 0 0;font-size:var(--fs-hint);color:var(--text-2)}.notes-undo{z-index:30}.notes-undo .toast-undo{min-height:var(--tap)}.note-sk{height:64px}.notes-list{padding-bottom:16px}.clip-draft{left:var(--sp-2);bottom:calc(24px + var(--sp-2));border-radius:var(--radius-pill);height:16px;font-size:11px;font-weight:var(--fw-medium);background:var(--bg);color:var(--text-2);border:1px solid var(--border);align-items:center;padding:0 5px;display:inline-flex;position:absolute}.clip-draft.has-count{left:calc(var(--sp-2) + 40px)}.btn-render{min-width:112px;position:relative;overflow:hidden}.btn-render.is-rendering,.btn-render.is-rendering[disabled]{opacity:1;cursor:default;font-variant-numeric:tabular-nums;transform:none}.btn-render-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--on-accent) 30%, transparent);height:3px;position:absolute;bottom:6px;left:14px;right:14px;overflow:hidden}.btn-render-fill{background:var(--on-accent);transform-origin:0;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.render-eta{margin:var(--sp-1) 0 0;text-align:right}.render-row{margin-top:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4)}.render-row-head{align-items:center;gap:var(--sp-3);min-height:var(--tap);display:flex}.render-row-title{align-items:center;gap:var(--sp-2);font-weight:var(--fw-medium);margin-right:auto;display:inline-flex}.render-ok{color:var(--success)}.render-video{width:100%;max-height:70vh;margin:var(--sp-2) 0 var(--sp-1);border-radius:var(--radius-chip);background:#000;display:block}.render-row-err{color:var(--danger);padding:var(--sp-3) var(--sp-4)}.render-details{margin:0 0 var(--sp-2);color:var(--text-2);font-size:var(--fs-hint)}.render-details summary{cursor:pointer;min-height:var(--tap);align-items:center;width:max-content;display:flex}.render-details pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--text-2);margin:0}.clip-inrender{background:var(--accent);border-radius:50%;flex:none;align-self:center;width:6px;height:6px}@media (prefers-reduced-motion:reduce){.btn-render-fill{transition:none}}.btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.btn-outline:hover:not([disabled]){background:color-mix(in srgb, var(--accent) 8%, transparent)}.page-project>.ask-card{margin-top:16px}.render-need-clip{margin:var(--sp-1) 0 0;text-align:right}