.public{--nila-950: #0a1120;--nila-900: #101a30;--nila: #15203a;--nila-700: #223154;--kapur: #f5e9e2;--kapur-dim: #e6d4c9;--sogan: #8c5a2b;--sogan-light: #b07a44;--abang: #d8391f;--kunir: #e9a72c;--daun: #3f7d5b;--ease-seam: cubic-bezier(.16, 1, .3, 1);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--mark-ink: var(--kapur);--mark-accent: var(--kunir);background:var(--nila-950);color:var(--kapur);font-family:var(--font-sans);font-size:16px;line-height:1.5;min-height:100%}body.public-route,body.public-route #root{height:auto;min-height:100%;overflow:visible}body.public-route{overflow-y:auto;background:#0a1120}.public button{background:none;border:none;border-radius:0;padding:0;margin:0;color:inherit;font:inherit;white-space:normal;text-align:left;transition:none}.public :focus-visible{outline:2px solid var(--kunir);outline-offset:3px;border-radius:0}.public ::selection{background:var(--kunir);color:var(--nila-950)}.public h1,.public h2,.public h3{font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 1,"opsz" 96;font-weight:600;letter-spacing:-.02em;line-height:1.02;text-wrap:balance;margin:0}.public p{margin:0}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--kunir);margin:0}.lede{font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65;color:color-mix(in srgb,var(--kapur) 72%,transparent)}.pixel-rule{height:4px;background-image:repeating-linear-gradient(90deg,var(--abang) 0 4px,transparent 4px 8px,var(--kunir) 8px 12px,transparent 12px 16px,var(--sogan) 16px 20px,transparent 20px 24px);opacity:.85}.pixel-field{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--kapur) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--kapur) 6%,transparent) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 35%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 35%,#000 0%,transparent 75%)}.plate{position:relative;background-color:color-mix(in srgb,var(--nila-900) 60%,transparent);background-image:linear-gradient(180deg,color-mix(in srgb,var(--kapur) 5%,transparent) 0%,transparent 38%);border:1px solid color-mix(in srgb,var(--kapur) 13%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--kapur) 11%,transparent),0 22px 45px -34px #000000f2;transition:transform .7s var(--ease-seam),border-color .7s var(--ease-seam)}.plate:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--kunir) 45%,transparent)}.public .btn{display:inline-flex;align-items:center;gap:.65em;padding:.85em 1.4em;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform .35s cubic-bezier(.32,.72,0,1),background-color .45s var(--ease-seam),border-color .45s var(--ease-seam),color .45s var(--ease-seam)}.public .public .btn:active{transform:scale(.975)}.public .btn-solid{background:var(--kapur);color:var(--nila-950);border-color:var(--kapur)}.public .public .btn-solid:hover{background:var(--kunir);border-color:var(--kunir)}.public .btn-ghost{border-color:color-mix(in srgb,var(--kapur) 28%,transparent);color:var(--kapur)}.public .public .btn-ghost:hover{border-color:var(--kunir);color:var(--kunir)}.public .public .btn .glyph{display:inline-block;transition:transform .5s var(--ease-seam)}.public .public .btn:hover .glyph{transform:translate(.28em)}@media(prefers-reduced-motion:reduce){.public *,.public *:before,.public *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.plate:hover,.public .btn:active,.public .btn:hover .glyph{transform:none}}.landing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);background:color-mix(in srgb,var(--nila-950) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--kapur) 10%,transparent)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.02em;cursor:pointer}.wordmark-note{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--kapur) 45%,transparent);border-left:1px solid color-mix(in srgb,var(--kapur) 20%,transparent);margin-left:4px;padding-left:10px}@media(max-width:620px){.wordmark-note{display:none}}.landing main{display:block}.band{position:relative;padding:clamp(56px,9vw,130px) clamp(16px,4vw,48px);max-width:82rem;margin:0 auto}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center;padding-top:clamp(48px,8vw,110px);padding-bottom:clamp(48px,8vw,110px)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(2.6rem,7.5vw,5.4rem);margin-top:1.2rem}.hero h1 em{font-style:normal;color:var(--kunir)}.hero .lede{margin-top:1.6rem;max-width:34rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2.4rem}.hero-art{position:relative;display:grid;place-items:center;min-height:260px}.hero-art svg{width:min(100%,380px);height:auto;filter:drop-shadow(0 30px 50px rgb(0 0 0 / .55))}.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:3rem;align-items:stretch}.rung{position:relative;padding:28px 26px 30px;display:flex;flex-direction:column;gap:12px}.rung:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background-image:repeating-linear-gradient(180deg,var(--kunir) 0 8px,transparent 8px 16px);opacity:.75}.rung-step{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--sogan-light)}.rung h3{font-size:1.9rem}.rung p{color:color-mix(in srgb,var(--kapur) 68%,transparent);font-size:.95rem;line-height:1.6}.rung-out{margin-top:auto;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--kapur) 12%,transparent);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:color-mix(in srgb,var(--kapur) 55%,transparent)}.rung-out strong{color:var(--kunir);font-weight:500}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:3rem;background:color-mix(in srgb,var(--kapur) 12%,transparent);border:1px solid color-mix(in srgb,var(--kapur) 12%,transparent)}.feature{background:var(--nila-950);padding:26px 24px;display:flex;flex-direction:column;gap:9px}.feature h3{font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:0;color:var(--kapur)}.feature p{font-size:.88rem;line-height:1.6;color:color-mix(in srgb,var(--kapur) 62%,transparent)}.feature-mark{color:var(--kunir);display:flex}.export-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:2.6rem}@media(max-width:860px){.export-grid{grid-template-columns:minmax(0,1fr)}}.code-plate{font-family:var(--font-mono);font-size:.8rem;line-height:1.75;padding:22px 24px;overflow-x:auto;color:color-mix(in srgb,var(--kapur) 78%,transparent);white-space:pre}.code-plate .c{color:color-mix(in srgb,var(--kapur) 38%,transparent)}.code-plate .k{color:var(--kunir)}.code-plate .s{color:var(--daun)}.access{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,44px);margin-top:2rem}.access p{color:color-mix(in srgb,var(--kapur) 70%,transparent);max-width:42rem}.landing-footer{border-top:1px solid color-mix(in srgb,var(--kapur) 12%,transparent);padding:36px clamp(16px,4vw,48px) 52px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:.85rem;color:color-mix(in srgb,var(--kapur) 52%,transparent);max-width:82rem;margin:0 auto}.landing-footer a{color:var(--kapur);text-decoration:none;padding-bottom:.2em;background-image:linear-gradient(var(--kunir),var(--kunir));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .5s var(--ease-seam)}.landing-footer a:hover{background-size:100% 3px}.public.gate{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:18px clamp(16px,4vw,40px) clamp(24px,6vw,64px);gap:24px}.public .gate-home{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.02em;cursor:pointer;justify-self:start;color:var(--kapur)}.public .gate-card{justify-self:center;align-self:center;width:min(100%,27rem);padding:clamp(28px,5vw,44px);display:flex;flex-direction:column;gap:14px;position:relative;background-color:color-mix(in srgb,var(--nila-900) 60%,transparent);background-image:linear-gradient(180deg,color-mix(in srgb,var(--kapur) 5%,transparent) 0%,transparent 38%);border:1px solid color-mix(in srgb,var(--kapur) 13%,transparent);border-radius:0;box-shadow:inset 0 1px color-mix(in srgb,var(--kapur) 11%,transparent),0 30px 60px -34px #000000f2}.public .gate-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background-image:repeating-linear-gradient(180deg,var(--kunir) 0 8px,transparent 8px 16px);opacity:.8}.public .gate-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--kunir);margin:0}.public .gate-card h1{font-size:clamp(1.9rem,5vw,2.5rem);color:var(--kapur);margin:0}.public .gate-lede{font-size:.95rem;line-height:1.6;color:color-mix(in srgb,var(--kapur) 70%,transparent);margin:0}.public .gate-lede strong{color:var(--kapur);font-weight:600}.public .gate-hint{font-size:.85rem;line-height:1.6;color:color-mix(in srgb,var(--kapur) 52%,transparent);margin:0}.public .gate-hint strong{color:var(--kunir);font-weight:500}.public .gate-signin{display:inline-flex;align-items:center;justify-content:center;gap:.7em;margin-top:8px;padding:.95em 1.4em;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:var(--kapur);color:var(--nila-950);border:1px solid var(--kapur);transition:transform .35s cubic-bezier(.32,.72,0,1),background-color .45s var(--ease-seam)}.public .gate-signin:hover{background:var(--kunir);border-color:var(--kunir)}.public .gate-signin:active{transform:scale(.975)}.public .gate-signin.ghost{background:none;color:var(--kapur);border-color:color-mix(in srgb,var(--kapur) 28%,transparent)}.public .gate-signin.ghost:hover{border-color:var(--kunir);color:var(--kunir)}.public .gate-back{align-self:flex-start;margin-top:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--kapur) 50%,transparent);cursor:pointer;transition:color .35s var(--ease-seam)}.public .gate-back:hover{color:var(--kunir)}.public .gate-error{font-size:.85rem;color:#ff8f7a;margin:0}.public .gate-pips{display:flex;gap:5px;justify-content:center}.public .gate-pips i{width:8px;height:8px;background:var(--kunir);animation:gate-step 1.05s steps(1,end) infinite}.public .gate-pips i:nth-child(2){animation-delay:.35s}.public .gate-pips i:nth-child(3){animation-delay:.7s}@keyframes gate-step{0%,33%{opacity:1}34%,to{opacity:.22}}.public.gate .gate-card .gate-pips+.gate-lede{text-align:center}@media(max-width:980px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.ladder{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.features{grid-template-columns:minmax(0,1fr)}}.tour{display:flex;flex-direction:column;gap:clamp(40px,6vw,84px);margin-top:3rem}.tour-item{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin:0}.tour-item:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.tour-item:nth-child(2n) .tour-shot{order:2}.tour-shot{padding:8px;overflow:hidden}.tour-shot img{display:block;width:100%;height:auto;image-rendering:auto}.tour-item figcaption h3{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:.7rem 0 0}.tour-item figcaption p:last-child{margin-top:.9rem;color:color-mix(in srgb,var(--kapur) 68%,transparent);line-height:1.65}@media(max-width:900px){.tour-item{grid-template-columns:minmax(0,1fr);gap:18px}.tour-item:nth-child(2n) .tour-shot{order:0}}:root{--bg: #14161b;--panel: #1b1e25;--panel-2: #212530;--panel-3: #272c38;--line: #333a49;--text: #e6e9ef;--muted: #98a2b6;--dim: #6b7488;--accent: #7dd3fc;--accent-strong: #38bdf8;--warn: #fbbf24;--danger: #f87171;--ok: #4ade80;--radius: 6px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;white-space:nowrap;background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#303646;border-color:#46506a}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:#0e4f6e;border-color:#14607f;color:#d8f3ff}button.primary:hover:not(:disabled){background:#14607f}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){background:var(--panel-3);border-color:var(--line)}button.active{background:#0e4f6e;border-color:var(--accent-strong);color:#e2f6ff}input[type=text],input[type=number],select{background:#12151b;border:1px solid var(--line);border-radius:var(--radius);padding:4px 7px;width:100%;min-width:0}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-strong)}input[type=range]{width:100%;accent-color:var(--accent-strong)}input[type=color]{width:100%;height:26px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:transparent}.app{display:flex;flex-direction:column;height:100%;min-height:0}.app>.menubar,.app>.toolbar,.app>.statusbar,.app>.readonly-banner{flex:0 0 auto}.workspace{flex:1 1 auto;display:flex;min-height:0;min-width:0;border-top:1px solid var(--line)}.region{background:var(--panel);display:flex;flex-direction:column;min-height:0;min-width:0;flex:0 0 auto}.region-left,.region-right{flex:0 1 auto}.region-left{border-right:1px solid var(--line)}.region-right{border-left:1px solid var(--line)}.region-bottom{border-top:1px solid var(--line)}.region-body{flex:1 1 auto;overflow:auto;min-height:0;padding:8px 10px;container-type:inline-size}.region-body.flush{padding:0}.splitter{flex:0 0 5px;background:transparent;position:relative;z-index:2;transition:background .12s ease}.splitter-x{cursor:col-resize}.splitter-y{cursor:row-resize}.splitter:hover,.splitter:focus-visible{background:var(--accent-strong);outline:none}.region-collapsed{background:var(--panel-2);display:flex;flex:0 0 auto;align-items:center;justify-content:center}.region-collapsed button{border:none;border-radius:0;background:transparent;color:var(--dim);font-size:11px;padding:6px 8px;white-space:nowrap}.region-collapsed button:hover:not(:disabled){color:var(--text);background:var(--panel-3)}.region-collapsed-left,.region-collapsed-right{width:24px}.region-collapsed-left{border-right:1px solid var(--line)}.region-collapsed-right{border-left:1px solid var(--line)}.region-collapsed-left button,.region-collapsed-right button{writing-mode:vertical-rl;height:100%}.region-collapsed-right button{transform:rotate(180deg)}.region-collapsed-bottom{height:22px;border-top:1px solid var(--line)}.region.split-stack{flex-direction:column}.region.split-row{flex-direction:row}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.region.split-row>.pane+.pane,.region.split-row>.splitter-inner+.pane{border-left:1px solid var(--line)}.region.split-stack>.pane+.pane,.region.split-stack>.splitter-inner+.pane{border-top:1px solid var(--line)}.splitter-inner{flex:0 0 4px;background:var(--line)}.splitter-inner:hover,.splitter-inner:focus-visible{background:var(--accent-strong)}.tabs{flex:0 0 auto}.tabs button[draggable=true]{cursor:grab}.tabs.drop-target{box-shadow:inset 0 0 0 2px var(--accent-strong)}.tab-action{border:none;border-radius:0;background:transparent;color:var(--dim);padding:0 9px;font-size:13px;line-height:1}.tab-action:hover:not(:disabled){color:var(--text);background:var(--panel-3)}.region-body{position:relative}.drop-overlay{position:absolute;inset:0;z-index:30;pointer-events:none;background:#38bdf80f;border:1px dashed rgba(125,211,252,.5)}.drop-hint{position:absolute;background:#38bdf847;border:1px solid var(--accent-strong);transition:inset 90ms ease;inset:100% 0 0}.drop-overlay.on-center .drop-hint{inset:0}.drop-overlay.on-top .drop-hint{inset:0 0 60%}.drop-overlay.on-bottom .drop-hint{inset:60% 0 0}.drop-overlay.on-left .drop-hint{inset:0 60% 0 0}.drop-overlay.on-right .drop-hint{inset:0 0 0 60%}.dock-edge{flex:0 0 34px;display:grid;place-items:center;background:var(--panel-2);border:1px dashed var(--line);color:var(--dim);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.dock-edge.over{background:#38bdf82e;border-color:var(--accent-strong);color:var(--text)}.dock-edge-left span,.dock-edge-right span{writing-mode:vertical-rl}.dock-edge-bottom{flex:0 0 30px}.tab-close{border:none;border-radius:0;background:transparent;color:var(--dim);padding:0 10px;font-size:15px;line-height:1}.tab-close:hover:not(:disabled){color:var(--text);background:var(--panel-3)}.stage{position:relative;flex:1 1 auto;min-width:240px;min-height:0;display:grid;grid-template-rows:34px 1fr;background:#0f1116}.workflow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.workflow button{width:100%;display:flex;gap:9px;align-items:flex-start;text-align:left;padding:8px;background:var(--panel-2)}.workflow li.active button{border-color:var(--accent-strong);background:var(--panel-3)}.workflow-rung{flex:0 0 20px;height:20px;border-radius:50%;background:var(--panel-3);color:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:700}.workflow li.active .workflow-rung{background:var(--accent-strong);color:#06202c}.workflow-text{display:flex;flex-direction:column;gap:3px;min-width:0}.workflow-text strong{display:flex;align-items:center;gap:6px;font-size:12px}.workflow-text span{color:var(--muted);font-size:11px}.workflow-text em{color:var(--dim);font-size:11px;font-style:normal}.menubar{display:flex;align-items:center;gap:4px;padding:0 8px;background:var(--panel-2)}.menu{position:relative}.menu>button{background:transparent;border-color:transparent;padding:4px 10px}.menu-popup{position:absolute;top:100%;left:0;z-index:40;min-width:210px;background:var(--panel-3);border:1px solid var(--line);border-radius:var(--radius);padding:4px;box-shadow:0 12px 32px #00000080}.menu-popup button{display:flex;justify-content:space-between;gap:16px;width:100%;background:transparent;border-color:transparent;text-align:left}.menu-popup hr{border:none;border-top:1px solid var(--line);margin:4px 2px}.menu-heading{padding:6px 10px 3px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.menu-popup{max-height:min(70vh,620px);overflow-y:auto}.menu-popup .shortcut{color:var(--dim);font-size:11px}.spacer{flex:1}.project-name{background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:3px 8px;width:210px;text-align:center;font-weight:600}.project-name:hover{border-color:var(--line)}.badge{flex-shrink:0;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--ok);border-color:#235c37}.badge.warn{color:var(--warn);border-color:#6b5219}.badge.err{color:var(--danger);border-color:#6d2b2b}.section{padding:10px;border-bottom:1px solid var(--line)}.section h3{margin:0 0 8px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tool{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 5px;font-size:10px;line-height:1}.tool svg{width:16px;height:16px}.field{display:grid;gap:4px;margin-bottom:8px}.field>label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.row{display:flex;gap:6px;align-items:center}.assets-main>.row,.scenes-toolbar{flex-wrap:wrap}.row.wrap{flex-wrap:wrap}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,26px);justify-content:space-between;gap:4px}.swatch{position:relative;aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.14);padding:0;background-clip:padding-box}.swatch.transparent{background-image:linear-gradient(45deg,#3a3f4d 25%,transparent 25%),linear-gradient(-45deg,#3a3f4d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3f4d 75%),linear-gradient(-45deg,transparent 75%,#3a3f4d 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.swatch.primary{outline:2px solid var(--accent);outline-offset:1px}.swatch.secondary:after{content:"";position:absolute;inset:auto 2px 2px auto;width:6px;height:6px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #000}.color-pair{display:flex;align-items:center;gap:8px;margin-bottom:8px}.color-chip{width:30px;height:30px;border-radius:5px;border:1px solid var(--line)}.stage-bar{display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--panel-2);border-bottom:1px solid var(--line);overflow-x:auto}.segmented{display:flex;flex-shrink:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.segmented button{border:none;border-radius:0;background:transparent;padding:3px 10px;font-size:12px}.segmented button+button{border-left:1px solid var(--line)}.segmented button.active{background:#0e4f6e;color:#e2f6ff}.canvas-host{position:relative;overflow:hidden;min-height:0}.canvas-host canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.canvas-hint{position:absolute;left:12px;bottom:12px;font-size:11px;color:var(--dim);background:#0f1116d1;border:1px solid var(--line);border-radius:var(--radius);padding:4px 8px;pointer-events:none}.empty{display:grid;place-content:center;gap:8px;height:100%;color:var(--dim);text-align:center;padding:24px}.tabs{display:flex;align-items:stretch;gap:0;background:var(--panel-2);border-bottom:1px solid var(--line)}.tabs button{border:none;border-radius:0;background:transparent;padding:0 14px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent-strong);background:var(--panel)}.dock-split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}@container (max-width: 460px){.dock-split{grid-template-columns:minmax(0,1fr)}}@container (max-width: 300px){.tree-row .folder-cycle{display:none}}.tree{display:flex;flex-direction:column;gap:1px;container-type:inline-size}.tree-row{display:grid;grid-template-columns:auto minmax(48px,1fr) auto auto;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;cursor:pointer;border:1px solid transparent}.tree-row:hover{background:var(--panel-2)}.tree-row.selected{background:#10405a;border-color:#1d6489}.tree-row.hidden-node .tree-name{color:var(--dim);text-decoration:line-through}.tree-row.rule-hidden .tree-name{color:var(--warn)}.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-thumb{width:20px;height:20px;border-radius:3px;background:#10131a;border:1px solid var(--line);image-rendering:pixelated;object-fit:contain}.icon-button{padding:1px 5px;font-size:11px;background:transparent;border-color:transparent;color:var(--muted)}.icon-button:hover:not(:disabled){color:var(--text)}.drop-line{height:2px;background:var(--accent);border-radius:2px;margin:0 6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}.card{display:grid;gap:5px;padding:7px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left}.card:hover{border-color:#46506a}.card.selected{border-color:var(--accent-strong);background:#10303f}.card-preview{height:62px;display:grid;place-items:center;border-radius:4px;background-image:linear-gradient(45deg,#23262c 25%,transparent 25%),linear-gradient(-45deg,#23262c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#23262c 75%),linear-gradient(-45deg,transparent 75%,#23262c 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#2c2f36;overflow:hidden}.card-preview img{max-width:100%;max-height:100%;image-rendering:pixelated}.card-title{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{font-size:10px;color:var(--dim)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.kv{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:8px;margin-bottom:6px}@container (max-width: 300px){.kv{grid-template-columns:1fr;gap:2px}}.kv>span{font-size:11px;color:var(--muted)}.checkbox{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{accent-color:var(--accent-strong)}.rule-list{display:grid;gap:5px}.rule{font-size:11px;padding:5px 7px;border-radius:4px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted)}.rule.fired{border-color:#6b5219;color:var(--warn);background:#241f12}.hint{font-size:11px;color:var(--dim);margin:6px 0 0}.statusbar{display:flex;align-items:center;gap:12px;padding:0 10px;background:var(--panel-2);font-size:11px;color:var(--muted);overflow:hidden;white-space:nowrap}.statusbar .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim)}.boot{display:grid;place-content:center;gap:10px;height:100%;text-align:center;color:var(--muted)}.boot h1{font-size:20px;color:var(--text);margin:0}.modal-backdrop{position:fixed;inset:0;background:#080a0eb8;display:grid;place-items:center;z-index:60}.modal{width:min(520px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 24px 60px #0009}.modal h2{margin:0 0 12px;font-size:15px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.project-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);margin-bottom:6px}.project-row.current{border-color:var(--accent-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#333a49;border-radius:6px;border:2px solid var(--panel)}::-webkit-scrollbar-track{background:transparent}.stage-bar>button,.stage-bar>.badge,.stage-bar>.segmented{flex-shrink:0}.gate-card{width:min(400px,88vw);padding:26px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px #00000080;text-align:center}.gate-card h1{margin:0 0 6px;font-size:19px}.gate-lede{color:var(--muted);margin:0 0 18px;font-size:13px}.gate-signin{width:100%;padding:9px 14px;font-size:13px}.gate-hint{color:var(--dim);font-size:12px;margin:14px 0}.gate-error{color:var(--danger);font-size:12px;margin:14px 0 0}.readonly-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#3a2f12;border-bottom:1px solid #6b5219;color:var(--warn);font-size:12px}.modal-wide{width:min(640px,94vw);max-height:86vh;overflow-y:auto}.access-section{border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-top:14px;background:var(--panel-2)}.access-section>h2{margin:0 0 4px}.access-block{margin-top:12px}.access-block h3{margin:0 0 4px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.access-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}.access-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-3);font-size:12px}.access-list.masters li{background:#14251b;border-color:#235c37}.access-empty{color:var(--dim);font-size:12px;margin:0 0 8px}button.badge.account{cursor:pointer;background:transparent;max-width:260px;overflow:hidden;text-overflow:ellipsis}button.badge.account:hover{border-color:var(--accent-strong);color:var(--text)}.toolbar{display:flex;align-items:center;gap:6px;padding:0 10px;background:var(--panel);border-top:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.tool-group{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:0 5px;border-radius:var(--radius);background:#0000002e}.tool-chip{display:flex;align-items:center;gap:5px;padding:4px 8px;font-size:11px;line-height:1;background:transparent;border-color:transparent;white-space:nowrap;flex-shrink:0}.tool-chip svg{width:15px;height:15px;flex-shrink:0}.tool-chip.active{background:#0e4f6e;border-color:var(--accent-strong);color:#e2f6ff}.tool-divider{width:1px;align-self:stretch;margin:7px 4px;background:var(--line);flex-shrink:0}.toolbar-field{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-shrink:0}.toolbar-field input[type=range]{width:74px}.mini-number{width:46px;padding:3px 5px}.toolbar-toggle{padding:4px 9px;font-size:11px;flex-shrink:0;white-space:nowrap}.toolbar-toggle.active{background:#0e4f6e;border-color:var(--accent-strong);color:#e2f6ff}.toolbar-hint{font-size:11px;color:var(--dim);white-space:nowrap;padding-right:4px}.tree-item{position:relative}.tree-row.drop-inside{outline:2px solid var(--accent);outline-offset:-2px;background:#10405a}.drop-line{height:2px;background:var(--accent);border-radius:2px;margin-right:6px}.folder-cycle{display:flex;align-items:center;gap:1px;flex-shrink:0}.folder-tag{font-size:10px;color:var(--accent);background:#38bdf81f;border:1px solid rgba(56,189,248,.3);border-radius:999px;padding:1px 7px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row{grid-template-columns:auto minmax(48px,1fr) auto auto auto}.layer-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:230px;align-content:flex-start}.layer-actions .hint{flex-basis:100%;margin-top:2px}.color-picker{position:relative;display:grid;gap:8px}.color-picker.disabled{opacity:.45;pointer-events:none}.sv-field{width:100%;height:130px;border-radius:var(--radius);border:1px solid var(--line);cursor:crosshair;display:block;touch-action:none}.sv-cursor{position:absolute;top:0;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000000a6;pointer-events:none}.hue-strip{width:100%;height:14px;border-radius:999px;border:1px solid var(--line);cursor:pointer;display:block;touch-action:none}.hue-cursor{position:absolute;top:138px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #000000b3;pointer-events:none}.picker-row{align-items:center}.color-chip.large{width:34px;height:30px;flex-shrink:0}.active-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;margin-bottom:10px}.pair-chip{display:flex;align-items:center;gap:7px;padding:5px 7px;background:var(--panel-2);text-align:left}.pair-chip .chip{width:20px;height:20px;border-radius:4px;border:1px solid var(--line);flex-shrink:0}.pair-chip .chip.transparent{background-image:linear-gradient(45deg,#3a3f4d 25%,transparent 25%),linear-gradient(-45deg,#3a3f4d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3f4d 75%),linear-gradient(-45deg,transparent 75%,#3a3f4d 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.pair-label{display:grid;font-size:10px;color:var(--dim);line-height:1.25;overflow:hidden}.pair-label em{font-style:normal;color:var(--text);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.swatch{display:grid;place-items:center}.swatch-index{font-size:8px;color:#ffffff80;pointer-events:none}.swatch.light .swatch-index{color:#00000073}.swatch.transparent .swatch-index{color:#ffffff73}.slider-row{display:flex;align-items:center;gap:6px}.slider-row input[type=range]{flex:1;min-width:0}.option-strip{margin-bottom:8px}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:5px}.option{display:grid;justify-items:center;gap:3px;padding:5px 3px;font-size:9px;background:var(--panel-2);overflow:hidden}.option span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.option.selected{border-color:var(--accent-strong);background:#10303f}.option.selected span{color:var(--text)}.assets-layout{display:grid;grid-template-columns:178px 1fr;gap:12px;align-items:start}.folder-rail{display:grid;gap:3px;align-content:start;border-right:1px solid var(--line);padding-right:10px}.folder-rail h3{margin:0 0 4px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.folder-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;font-size:12px;background:transparent;border-color:transparent;text-align:left}.folder-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row.active{background:#10405a;border-color:#1d6489}.folder-row .count{font-size:10px;color:var(--dim);flex-shrink:0}@container (max-width: 460px){.assets-layout .folder-rail{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-right:none;border-bottom:1px solid var(--line);padding:0 0 8px}.assets-layout .folder-rail h3{margin:0 4px 0 0}.assets-layout .folder-row{flex:0 0 auto;border:1px solid var(--line);border-radius:var(--radius)}.assets-layout .folder-actions{display:flex;flex:0 0 auto;gap:6px;margin-top:0}}@container (max-width: 460px){.assets-layout{grid-template-columns:1fr}}.folder-actions{display:grid;gap:4px;margin-top:8px}.assets-main{min-width:0}.card select{font-size:10px;padding:2px 4px}.export-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 6px}.export-summary>div{display:grid;gap:2px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.export-summary span{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.export-summary strong{font-size:12px}.projects-page{height:100%;overflow-y:auto;padding:24px 28px 40px;background:var(--bg)}.projects-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.projects-header h1{margin:0;font-size:21px}.projects-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.projects-new{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:20px}.projects-new input[type=text]{max-width:280px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.project-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);align-content:start}.project-card.open{border-color:var(--accent-strong);background:#101c26}.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-card-head h2{margin:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.role-master{color:var(--warn);border-color:#6b5219}.badge.role-owner{color:var(--ok);border-color:#235c37}.badge.role-editor{color:var(--accent);border-color:#1d6489}.badge.role-viewer{color:var(--dim)}.project-meta{display:grid;gap:5px;margin:0}.project-meta>div{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:baseline}.project-meta dt{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.project-meta dd{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-collab{display:grid;gap:5px}.collab-label{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.collab-row{display:flex;gap:4px;flex-wrap:wrap}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid var(--line);background:var(--panel-3);color:var(--muted)}.avatar.owner{background:#14351f;border-color:#235c37;color:var(--ok)}.avatar.editor{background:#10303f;border-color:#1d6489;color:var(--accent)}.avatar.viewer{background:var(--panel-3)}.collab-empty{font-size:12px;color:var(--dim)}.project-card-actions{display:flex;gap:6px}.templates-layout{display:grid;grid-template-columns:1fr 330px;gap:12px;align-items:start}.templates-list{min-width:0}.template-editor{display:grid;gap:8px;align-content:start;padding-left:12px;border-left:1px solid var(--line)}.tpl-block{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line)}.tpl-block h4{margin:0;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.tpl-tree{display:grid;gap:2px}.tpl-component{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;border-radius:4px;background:var(--panel-2);font-size:12px}.tpl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-property{display:grid;grid-template-columns:1fr 84px 1fr auto;gap:5px;align-items:center}.tpl-rule{display:grid;gap:5px;padding:7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.tpl-rule-row{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.tpl-rule-row select{flex:1;min-width:0}.modal.dialog{width:min(420px,92vw)}.modal.dialog h2{margin-bottom:8px}.modal.dialog .hint{margin-top:0;margin-bottom:10px}button.danger{background:#5c1f1f;border-color:#7c2d2d;color:#ffd9d9}button.danger:hover:not(:disabled){background:#7c2d2d}.modal.wide{max-width:860px;width:92vw}.shortcut-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 24px;max-height:56vh;overflow-y:auto}.shortcut-groups h3{margin:0 0 6px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.shortcut-list{margin:0;display:grid;gap:3px}.shortcut-list>div{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:baseline;gap:10px}.shortcut-list dt{margin:0}.shortcut-list dd{margin:0;font-size:12px;color:var(--muted)}kbd{display:inline-block;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel-3);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 6px;color:var(--text);white-space:nowrap}.volume-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start}.volume-result{display:grid;gap:10px;justify-items:center;align-content:start;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#0f1116;min-height:180px}.volume-preview{image-rendering:pixelated;max-width:100%}.timeline{display:flex;flex-direction:column;gap:2px;min-width:0}.transport{margin-bottom:8px}.track-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:8px}.track-name{display:flex;align-items:baseline;gap:6px;min-width:0;padding:2px 6px;background:transparent;border-color:transparent;text-align:left}.track-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.track-name em{font-style:normal;font-size:10px;color:var(--dim);flex-shrink:0}.track-cells{display:flex;gap:1px;overflow-x:auto}.track-cells .cell{flex:0 0 20px;min-width:20px;height:18px;padding:0;border-radius:2px;border:1px solid var(--line);background:var(--panel-2)}.track-cells .cell.keyed{background:var(--accent-strong);border-color:var(--accent-strong)}.track-cells .cell.at-playhead{outline:1px solid var(--warn);outline-offset:-1px}.track-row.ruler .cell.tick{height:14px;font-size:9px;color:var(--dim);background:transparent;border-color:transparent}.track-row.ruler .cell.tick.at-playhead{color:var(--warn)}.badge.accent{border-color:var(--accent-strong);color:var(--accent)}.page-title{display:flex;align-items:center;gap:9px}.projects-header-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.project-card-head-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.card-menu{position:relative}.card-menu-trigger{font-size:15px;line-height:1;padding:2px 6px}.card-menu-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:190px;display:flex;flex-direction:column;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 28px -10px #000000b3}.card-menu-pop button{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;background:transparent;border:none;border-radius:4px;padding:7px 9px;text-align:left}.card-menu-pop button:hover:not(:disabled){background:var(--panel-3)}.card-menu-pop button.destructive{color:var(--danger)}.card-menu-pop button em{font-style:normal;font-size:11px;color:var(--dim);white-space:nowrap}.people-page{max-width:62rem}.people-section{margin-bottom:26px;padding:16px 18px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.people-section>h2{margin:0 0 4px;font-size:14px}.notice{padding:10px 13px;border-radius:6px;border:1px solid var(--line);background:var(--panel);margin-bottom:18px;font-size:12px;line-height:1.55}.notice.warn{border-color:#6b5320;background:#2a2213;color:#f3dfae}.badge.warn{background:#4a3a15;color:var(--warn);border-color:#6b5320}.people-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}.people-list li{background:var(--panel-2);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.people-list li.stranded{background:#241f14}.person-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.person-email{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.person-email em{font-style:normal;color:var(--dim)}.person-badges{display:flex;gap:5px;flex-shrink:0}.person-roles{display:flex;flex-wrap:wrap;gap:5px}.role-chip{font-size:11px;padding:2px 7px;border-radius:3px;background:var(--panel-3);color:var(--muted);border:1px solid var(--line)}.role-chip.role-owner{color:var(--accent);border-color:#235971}.role-chip.role-editor{color:var(--ok);border-color:#2a5c39}.role-chip.role-viewer{color:var(--dim)}.context-menu{position:fixed;z-index:300;min-width:200px;max-width:280px;display:flex;flex-direction:column;padding:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 36px -12px #000c}.context-menu button{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;background:transparent;border:none;border-radius:4px;padding:6px 9px;text-align:left}.context-menu button:hover:not(:disabled){background:var(--panel-3)}.context-menu button.destructive{color:var(--danger)}.context-menu button em{font-style:normal;font-size:11px;color:var(--dim);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.context-menu hr{border:none;border-top:1px solid var(--line);margin:4px 6px}.app.mobile{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app.mobile .stage{min-width:0}.mobile-bar{flex:0 0 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mobile-bar::-webkit-scrollbar{display:none}.mobile-sheet{flex:0 0 auto;display:flex;flex-direction:column;max-height:46dvh;min-height:0;background:var(--panel);border-top:1px solid var(--line)}.mobile-sheet-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--panel-2)}.mobile-sheet-head strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mobile-sheet-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;container-type:inline-size}.mobile-sheet.flush .mobile-sheet-body{padding:0}.mobile-tabs{flex:0 0 auto;display:flex;gap:4px;padding:5px 8px;overflow-x:auto;scrollbar-width:none;background:var(--panel-2);border-top:1px solid var(--line)}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tabs button{flex:0 0 auto;min-height:40px;padding:0 14px;background:transparent;border-color:transparent;color:var(--muted)}.mobile-tabs button.active{background:var(--panel-3);border-color:var(--line);color:var(--text)}.mobile-tools{flex:0 0 auto;background:var(--panel);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tools::-webkit-scrollbar{display:none}.mobile-tools .toolbar{flex-wrap:nowrap;min-width:max-content}.mobile-tools .toolbar button{min-height:42px;min-width:42px}@media(max-width:760px){.modal{width:calc(100vw - 20px);max-width:none;max-height:88dvh;overflow-y:auto}.projects-page{padding:16px 14px 32px}.projects-header{flex-direction:column;align-items:stretch}.projects-new{flex-wrap:wrap}.projects-new input[type=text]{max-width:none;flex:1 1 100%}.projects-grid{grid-template-columns:minmax(0,1fr)}.people-section{padding:13px 13px 15px}.context-menu,.card-menu-pop{min-width:210px}.context-menu button,.card-menu-pop button{min-height:40px}}@media(pointer:coarse){.tree-row,.access-list li,.mobile-tabs button{min-height:40px}.icon-button{min-width:34px;min-height:34px}}.anim-layout{display:grid;grid-template-columns:168px minmax(0,1fr);gap:12px;align-items:start}.clip-rail{display:grid;gap:3px;align-content:start;border-right:1px solid var(--line);padding-right:10px;position:sticky;top:0;background:var(--panel);z-index:1}.clip-rail h3{margin:0 0 4px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-weight:700}.clip-row{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:transparent;border-color:transparent}.clip-row.active{background:var(--panel-3);border-color:var(--line)}.clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-empty{margin:0 0 6px;font-size:11px;color:var(--dim)}.anim-main{min-width:0;display:flex;flex-direction:column;gap:2px}.parts{display:flex;flex-direction:column;gap:2px}.part-group{border-left:2px solid transparent}.part-group.selected{border-left-color:var(--accent);background:#7dd3fc0d}.part-head{display:grid;grid-template-columns:minmax(0,168px) auto auto auto;justify-content:start;align-items:center;gap:6px;padding:3px 4px}.part-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:transparent;border-color:transparent;font-weight:600}.part-head select{flex:0 0 auto;max-width:96px}.anim-main .track-row{grid-template-columns:104px 64px minmax(0,1fr) auto;gap:6px;padding-left:14px}.track-name.property{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);padding:2px 0 2px 6px}.spacer-cell{visibility:hidden}@container (max-width: 560px){.anim-layout{grid-template-columns:minmax(0,1fr)}.clip-rail{border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:8px}.anim-main .track-row{grid-template-columns:88px minmax(0,1fr) auto;padding-left:8px}.anim-main .track-row .mini-number{display:none}}.save-row{margin-top:10px;align-items:flex-start}.save-note{font-size:11px;line-height:1.5;max-width:34rem}.save-note.ok{color:var(--ok)}.save-note.bad{color:var(--danger)}