@font-face{font-family:InterVariable;src:url(/storyboard-editor/assets/InterVariable-DiVDrmQJ.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{color-scheme:light;--studio-1: #d2d3d5;--studio-2: #e7d1d4;--studio-3: #cfd7d9;--studio-4: #e4eae9;--window: #ffffff;--ink: #111113;--muted: #71717a;--faint: #a1a1aa;--line: #e4e4e7;--line-2: #d4d4d8;--soft: #f4f4f5;--well: #fafafa;--fill: #18181b;--blue: #3b82f6;--pink: #e11d8f;--chip: #f4f4f5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,InterVariable,Inter,system-ui,sans-serif;font-optical-sizing:auto}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--studio-1);color:var(--ink)}button,input,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow-x:clip;padding:48px 24px 28px;background:radial-gradient(1200px 720px at 6% 100%,var(--studio-2) 0%,transparent 58%),radial-gradient(980px 640px at 100% 0%,var(--studio-3) 0%,transparent 52%),radial-gradient(900px 500px at 90% 100%,var(--studio-4) 0%,transparent 48%),var(--studio-1)}.gallery,.source{position:absolute;top:16px;z-index:6;color:#1a1a1a;font-size:13px;line-height:16px;font-weight:600;text-decoration:none;border-bottom:1px solid #1a1a1a}.page.is-still{padding:0}.page.is-still .gallery,.page.is-still .source{display:none}.gallery{left:22px}.source{right:22px}.frame{position:relative;overflow:hidden;min-width:0;flex-shrink:0}.shell{position:absolute;top:0;left:0;width:1584px;height:962px;transform-origin:top left;display:block;padding:59px 0 0 95px}.window{width:1430px;height:844px;background:var(--window);border-radius:18px;box-shadow:0 1px #ffffffb3 inset,0 18px 50px #281c2424,0 2px 8px #281c240f;display:grid;grid-template-rows:54px minmax(0,1fr);overflow:hidden}.topbar{display:flex;align-items:center;gap:8px;padding:0 14px 0 12px;border-bottom:1px solid var(--line);background:#fff;min-width:0}.brand{display:flex;align-items:center;gap:8px;padding-right:6px}.brand .mark{width:28px;height:28px;border-radius:8px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink)}.brand .name{font-size:14px;font-weight:600;letter-spacing:-.02em}.project{position:relative}.project-btn,.ghost-btn,.mode button,.present{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ink)}.project-btn,.ghost-btn{background:#fff;border:1px solid var(--line-2)}.ghost-btn:hover,.project-btn:hover,.mode button:hover{background:var(--soft)}.project-menu{position:absolute;top:36px;left:0;z-index:8;min-width:220px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0000001a}.project-menu button{width:100%;text-align:left;padding:8px 10px;border-radius:7px;font-size:13px}.project-menu button[aria-selected=true],.project-menu button:hover{background:var(--soft)}.mode{display:flex;gap:2px;padding:2px;background:var(--soft);border-radius:9px}.mode button{height:28px;padding:0 12px;border-radius:7px;color:var(--muted)}.mode button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #18181b14}.spacer{flex:1}.present{background:var(--fill);color:#fff;font-weight:600;padding:0 12px;height:32px;border-radius:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,338px);grid-template-rows:minmax(0,1fr) 52px 148px;min-height:0;min-width:0}.canvas,.render-panel{grid-column:1;grid-row:1;border-right:1px solid var(--line)}.transport{grid-column:1;grid-row:2;border-right:1px solid var(--line)}.rail{grid-column:2;grid-row:1 / 3}.filmstrip{grid-column:1 / -1;grid-row:3}.canvas{position:relative;min-height:0;min-width:0;background:#ececee;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding:10px 56px 14px}.scene-meta{position:static;z-index:1;margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:500;flex:0 0 auto}.preview{--preview-w: 977;--preview-h: 549;container-type:inline-size;position:relative;width:977px;height:549px;max-width:100%;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;flex:0 0 549px;box-shadow:0 22px 48px #18181b24,0 1px #18181b0a}.preview-stage{position:absolute;top:0;left:0;width:977px;height:549px;transform:scale(calc(100cqw/977px));transform-origin:0 0;cursor:default}.preview-stage :is(button,a,[role=tab]):not([data-live]){pointer-events:none;cursor:default}.preview-stage [data-live]{pointer-events:auto;cursor:pointer}.transport{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:12px;padding:0 16px;border-top:1px solid var(--line);background:#fff}.scope{display:flex;gap:2px;padding:3px;background:var(--soft);border-radius:999px}.scope button{height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted)}.scope button.on{background:var(--fill);color:#fff}.play{width:32px;height:32px;border-radius:50%;background:var(--fill);color:#fff;display:grid;place-items:center}.readout{font-family:InterVariable,-apple-system,BlinkMacSystemFont,SF Pro Text,ui-sans-serif,sans-serif;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-variant-ligatures:none;letter-spacing:-.02em;white-space:nowrap;min-width:11ch}.readout span{color:var(--muted);font-weight:500}.bar{position:relative;height:28px;cursor:pointer}.bar .track,.bar .fill{position:absolute;left:0;right:0;top:10px;height:8px;border-radius:99px;background:#3f3f46;pointer-events:none}.bar .fill{right:auto;background:var(--blue)}.bar .head{position:absolute;top:7px;width:14px;height:14px;margin-left:-7px;border-radius:99px;background:var(--blue);pointer-events:none;box-shadow:0 0 0 3px #fff,0 1px 4px #18181b40}.ticks{position:absolute;left:0;right:0;bottom:-2px;height:12px;pointer-events:none}.ticks span{position:absolute;top:0;transform:translate(-50%);font-size:10px;color:var(--faint)}.filmstrip{display:flex;gap:8px;align-items:stretch;padding:10px 14px 12px;overflow-x:auto;border-top:1px solid var(--line);background:#fafafa;scrollbar-width:none}.filmstrip::-webkit-scrollbar{display:none}.filmstrip>button{flex:0 0 190px;display:flex;flex-direction:column;gap:6px;text-align:left}.filmstrip>.add-scene{flex:0 0 190px;height:100px;margin-top:0;border:1.5px dashed var(--line-2);border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--muted);background:#fff}.filmstrip>.add-scene:hover{border-color:var(--ink);color:var(--ink)}.thumb-frame{position:relative;height:100px;border-radius:10px;border:1px solid var(--line);overflow:hidden;background:#fff}.filmstrip>button.on .thumb-frame{border:2px solid #2563eb;box-shadow:0 0 0 1px #2563eb33}.thumb-frame .num{position:absolute;top:6px;left:6px;z-index:4;width:18px;height:18px;border-radius:5px;background:#18181b;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.filmstrip .cap{display:flex;align-items:baseline;gap:6px;padding:0 2px;min-width:0}.filmstrip .cap strong{font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filmstrip .cap em{font-size:11px;font-style:normal;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.thumb{width:100%;height:100%;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:-.03em;color:var(--ink);text-align:center;line-height:1.15;padding:14px 8px 8px}.thumb.arrival{background:#ececee}.thumb.arrival i{width:70%;height:54%;border:1px solid #3f3f46;border-radius:6px;transform:rotate(-18deg)}.thumb.anatomy b{position:absolute;top:8px;font-size:8px;z-index:1}.thumb.anatomy .mini-iso{width:54%;height:42%;margin-top:12px;border:1px solid #d4d4d8;border-radius:6px;background:linear-gradient(#fff,#f4f4f5);transform:rotate(-16deg);box-shadow:8px 10px #eee}.thumb.style .mini-card-stack,.thumb.headers .mini-bars{width:48%;height:38%;border:1px solid var(--line);border-radius:5px;background:#fff;margin-top:8px}.thumb.adaptive{background:linear-gradient(#fff 50%,#111 50%);color:#111}.thumb.adaptive b{mix-blend-mode:difference;color:#fff}.thumb.geometry .dots{width:70%;height:28%;background:radial-gradient(#e11d8f 1px,transparent 1.4px) 0 0 / 8px 8px;margin-top:8px}.thumb.bleed .sun{width:42%;height:32%;border-radius:4px;background:radial-gradient(circle at 70% 30%,#ddd 0 6px,#3a3d44 7px);margin-top:6px}.thumb.logo{gap:6px;display:flex;flex-direction:row;align-items:center;justify-content:center}.thumb.logo .bars{width:28px;height:18px;background:linear-gradient(#111,#111) 0 6px / 5px 12px no-repeat,linear-gradient(#111,#111) 8px 3px / 5px 15px no-repeat,linear-gradient(#111,#111) 16px 0 / 5px 18px no-repeat,linear-gradient(#111,#111) 24px 4px / 5px 14px no-repeat}.thumb.logo b{font-size:16px;font-weight:700;letter-spacing:-.05em}.rail{position:relative;display:grid;grid-template-rows:44px 40px minmax(0,1fr) auto;min-height:0;min-width:0;overflow:hidden;background:#fff}.rail-tabs{display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;border-bottom:1px solid var(--line);min-width:0;overflow:hidden}.rail-switch{display:flex;gap:2px;padding:3px;background:var(--soft);border-radius:8px;flex-shrink:0}.rail-switch button{height:26px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted);border:0}.rail-switch button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #18181b14}.rail-kicker{font-size:13px;font-weight:700;letter-spacing:-.02em;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-tabs .dur{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;padding:0 2px 0 0;flex-shrink:0}.rail-tools{display:flex;align-items:center;gap:0;padding:6px 4px;border-bottom:1px solid var(--line);white-space:nowrap;min-width:0;overflow:hidden}.rail-tools button{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px;border-radius:7px;font-size:12px;font-weight:500;color:var(--ink);flex-shrink:0}.rail-tools .tool-outline{border:1px solid var(--line-2);background:#fff;padding:0 8px;height:28px}.rail-tools button:hover,.rail-tools .icon:hover{background:var(--soft)}.rail-tools .icon{width:26px;padding:0;justify-content:center;color:var(--muted)}.rail-tools .icon.trash{color:#dc2626}.rail-tools .grow{flex:1}.rail-tools .clear{color:var(--muted)}.versions{position:absolute;top:84px;left:8px;right:8px;z-index:8;display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0000001f}.versions button{text-align:left;padding:7px 8px;border-radius:7px;font-size:12px;color:var(--muted)}.versions button:hover{background:var(--soft);color:var(--ink)}.notes{overflow:auto;padding:12px 14px 8px;display:flex;flex-direction:column;gap:10px}.note-bubble{background:#f4f4f5;border-radius:14px;padding:14px 16px 12px}.note-bubble p{margin:0 0 12px;font-size:15px;line-height:1.45;color:#3f3f46}.note-bubble p:last-of-type{margin-bottom:0}.note-bubble time{display:block;margin-top:10px;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.empty,.panel-copy{padding:16px}.panel-copy h2{margin:0 0 8px;font-size:16px;letter-spacing:-.03em}.panel-copy p{margin:0 0 10px;font-size:13px;color:var(--muted);line-height:1.45}.panel-copy dl{margin:0}.panel-copy dl div{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-top:1px solid var(--line)}.panel-copy dt{color:var(--muted)}.composer{padding:10px 12px 12px;border-top:1px solid var(--line);min-width:0}.composer textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:74px;background:#fff;line-height:1.4;font-size:13px}.composer textarea::placeholder{color:var(--faint)}.composer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-width:0}.composer-row .hint{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--faint)}.composer-row button{height:30px;padding:0 12px;border-radius:8px;background:var(--fill);color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.flux-card{width:340px;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:18px;padding:8px;display:flex;flex-direction:column;gap:0}.flux-card.light{background:#f4f4f5}.fc-head{padding:10px 12px 8px}.fc-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.fc-head h3{margin:0;font-size:14px;font-weight:600;line-height:1.15}.fc-head p{margin:8px 0 0;font-size:12px;line-height:1.3;color:var(--muted)}.fc-more{color:var(--muted);width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.fc-body{background:#fff;border-radius:12px;padding:14px 14px 12px;min-height:112px}.flux-card.flush .fc-body{margin:0 -8px;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flux-card.divided .fc-head,.flux-card.divided .fc-foot{border-color:var(--line)}.flux-card.divided .fc-body{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.flux-card.separated{gap:8px;background:transparent;border:0;padding:0}.flux-card.separated .fc-head,.flux-card.separated .fc-body,.flux-card.separated .fc-foot{background:#fff;border:1px solid var(--line);border-radius:14px}.flux-card.seamless{background:#fff}.flux-card.seamless .fc-body{background:transparent}.fc-fields{display:flex;flex-direction:column;gap:16px}.fc-fields label,.float-body label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.fc-fields input,.fc-fields textarea,.float-body input,.float-body textarea{border:1px solid #d4d4d8;border-radius:10px;padding:9px 11px;font-size:13px;font-weight:400;background:#fff;resize:none}.fc-fields textarea::placeholder,.float-body textarea::placeholder{color:var(--faint)}.fc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px;font-size:12px;color:var(--muted)}.fc-acts,.layer.acts{display:flex;align-items:center;gap:6px}.ghost,.primary{height:30px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600}.ghost{color:var(--ink)}.primary{background:var(--fill);color:#fff}.fc-well{min-height:96px;border:1px dashed #e4e4e7;border-radius:10px}.fc-tag{display:inline-block;background:var(--pink);color:#fff;font-size:9px;font-weight:700;letter-spacing:.02em;padding:2px 6px;border-radius:4px;margin-bottom:6px}.flux-split{display:flex;flex-direction:column;gap:12px;width:360px}.flux-split .fc-head{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;outline:2px solid rgb(225 29 143 / .35);outline-offset:2px}.mini-card{width:72px;height:54px;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px}.mini-card.dark{background:#18181b;border-color:#27272a}.mini-card i{display:block;height:4px;border-radius:99px;background:#d4d4d8}.mini-card.dark i{background:#3f3f46}.mini-card i.h{width:40%}.mini-card i.s{width:70%;height:8px}.mini-card i.l{width:88%}.mini-card i.short{width:55%}.scene{position:absolute;top:0;left:0;width:977px;height:549px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px 24px;overflow:hidden}.scene h1,.anatomy-title{margin:0;font-size:42px;font-weight:800;letter-spacing:-.045em;line-height:1.02;width:max-content;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,InterVariable,Inter,sans-serif}.reveal-line{display:block;white-space:nowrap;line-height:1.18;overflow:hidden}.reveal-mask{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.28em}.reveal-mask:last-of-type{margin-right:0}.reveal-gap{font-size:0;line-height:0}.reveal-word{display:inline-block;will-change:transform}.reveal-caret{display:inline-block;width:3px;height:.7em;margin:0 0 0 5px;background:#e11d8f;border-radius:1px;vertical-align:.1em}.reveal-sizer{display:inline-block;position:relative;vertical-align:bottom}.reveal-ghost{visibility:hidden}.reveal-clip{position:absolute;left:0;top:0;height:100%;overflow:hidden}.reveal-sizer .reveal-caret{position:absolute;top:.18em;margin:0 0 0 4px}.scene.style h1{margin-bottom:20px;font-size:42px;white-space:nowrap}.style-row{max-width:100%;overflow:hidden}.hero-card{width:311px}.style-pills{display:flex;gap:18px;margin-top:28px}.style-pills button{font-size:10px;font-weight:500;letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--faint)}.style-pills button.on{color:#fff;background:var(--fill);border-radius:999px;padding:5px 10px}.scene.adaptive{flex-direction:row;justify-content:flex-start;gap:36px;padding:28px 24px}.scene.adaptive h1{font-size:36px}.scene.adaptive h1.adaptive-left{position:absolute;left:16px;top:50%;transform:translateY(-50%);flex:none;width:236px;max-width:236px;font-size:42px;font-weight:800;line-height:1.02;letter-spacing:-.05em;pointer-events:none;z-index:2}.surface-board{flex:1 1 auto;min-width:0;width:100%;max-width:none;min-height:0;height:100%;max-height:none;border-radius:22px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}.surface-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:3px 14px;min-height:70px;flex:1 1 70px;overflow:hidden}.surface-label{display:block;width:92px;flex:0 0 92px;font-size:11px;font-weight:600;color:#a1a1aa;letter-spacing:-.02em}.surface-cards{display:flex;gap:8px}.scene.geometry{align-items:flex-start;padding:96px 48px 24px}.scene.geometry h1{position:absolute;top:42px;left:72px;z-index:4;margin:0;font-size:57px;white-space:nowrap;pointer-events:none}.geo-card{position:relative;width:560px;min-height:400px;border:2px solid #d4d4d8;border-radius:22px;padding:22px 24px;overflow:visible;background:#fff;box-shadow:0 10px 28px #0f0f1214}.geo-card header{display:flex;justify-content:space-between;align-items:flex-start}.geo-card h3{margin:0;font-size:16px;line-height:1.15}.geo-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.3}.geo-card .edit{height:36px;padding:0 16px;border:1px solid var(--line-2);border-radius:10px;font-weight:600}.geo-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.geo-overlay path{fill:none;stroke:var(--pink);stroke-width:1;stroke-dasharray:3 3}.geo-overlay rect{fill:var(--pink)}.geo-overlay text{fill:#fff;font-size:10px;font-weight:700;font-family:Inter,sans-serif}.scene.headers{flex-direction:row;justify-content:space-between;align-items:center;padding:56px 56px 48px 40px;gap:20px;overflow:hidden}.headers-copy h1{font-size:46px;line-height:1.18}.headers-copy p{margin:14px 0 0;font-size:32px;font-weight:600;color:#a1a1aa;letter-spacing:-.04em;line-height:1.1}.scene.bleed{flex-direction:row;justify-content:space-between;align-items:center;padding:40px 48px}.bleed-copy{flex:0 0 420px;min-width:380px;z-index:3}.bleed-copy h1{font-size:45px;line-height:1.05;width:max-content;max-width:none}.scene.bleed.is-covering .bleed-copy{color:#fafafa}.scene.bleed.is-covering .bleed-copy .reveal-line:nth-child(2) .reveal-word{color:#c8c8ce}.bleed-card{width:360px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.bleed-media{aspect-ratio:16/10;background:#3a3d44}.bleed-media svg{display:block;width:100%;height:100%}.bleed-card footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 14px}.bleed-card strong{display:block;font-size:13px}.bleed-card span{font-size:12px;color:var(--muted)}.scene.logo .lockup{display:flex;flex-direction:column;align-items:center;gap:10px}.scene.logo .mark{width:auto;height:auto;fill:#111113;flex:none}.scene.logo .word,.word-svg{fill:#111113;display:block}.word-hold{display:block;width:220px;height:86px;overflow:hidden}.scene.logo .url{font-size:14px;color:var(--faint);margin-top:8px}.scene.arrival{transition:background 80ms linear;overflow:hidden;padding:0}.arrival-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.arrival-svg .streak{pointer-events:none}.arrival-floor{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arrival-persp{position:absolute;inset:0;perspective:920px;perspective-origin:50% 38%}.arrival-ground{position:absolute;left:-40%;right:-40%;top:6%;height:220%;transform-origin:center top;background:radial-gradient(ellipse at 50% 0%,#2a2a2e,#0a0a0c 42%,#050506 70%)}.arr-print{position:absolute;left:16%;top:10%;width:68%;color:inherit;pointer-events:none}.arr-blueprint{width:100%;height:auto;overflow:visible;display:block}.floor-line{position:absolute;left:0;right:0;height:1px;background:#ffffff29}.floor-ray{position:absolute;left:50%;top:0;width:1px;height:140%;background:linear-gradient(180deg,rgb(255 255 255 / .22),transparent);transform-origin:top center}.streak{position:absolute;left:-45%;width:78%;height:10px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .45),transparent);filter:blur(7px);pointer-events:none}.arrival-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgb(24 24 27 / .16) 1px,transparent 1px),linear-gradient(to bottom,rgb(24 24 27 / .16) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.anatomy{position:absolute;top:0;left:0;width:977px;height:549px;overflow:hidden}.anatomy-title{position:absolute;left:50%;top:28px;transform:translate(-50%);white-space:nowrap;z-index:2;font-size:44px;font-weight:800;letter-spacing:-.045em}.anatomy-stage{position:absolute;left:50%;top:8px;width:1000px;height:620px;margin-left:-500px;transform:scale(.84);transform-origin:top center}.anatomy-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12;overflow:visible}.anatomy-lines path{fill:none;stroke:#3f3f46;stroke-width:1.35}.anatomy-lines circle{fill:#fff;stroke:#27272a;stroke-width:1.5}.anatomy-lines g.is-on path{stroke:var(--ink)}.anatomy-lines g.is-on circle{stroke:var(--ink);fill:#fff}.callout{position:absolute;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--muted);z-index:13;padding:2px 4px;border-radius:4px;pointer-events:auto;cursor:default}.callout.on{color:var(--ink);font-weight:600}.explode{position:absolute;left:292px;top:176px;width:440px;height:340px;perspective:1400px;z-index:1}.rig{width:100%;height:100%;transform:rotateX(14deg) rotateY(-20deg);transform-style:preserve-3d}.layer{position:absolute;transform-style:preserve-3d;will-change:transform;transition:filter .28s,box-shadow .28s,opacity .28s}.layer.surface{left:18px;top:72px;width:430px;height:250px;border-radius:22px;background:#ececee;border:1px solid #e1e1e4}.layer.well{left:42px;top:126px;width:372px;height:132px;border-radius:14px;background:transparent;border:1.5px dashed #c4c4c8}.layer.header{left:70px;top:8px;display:block;min-width:180px;min-height:44px;max-width:260px;padding:10px 18px}.layer.header strong{display:block;font-size:14px;font-weight:600;line-height:1;margin:0;padding:0}.layer.subhead{left:84px;top:46px;font-size:12px;line-height:1.2;color:var(--muted);max-width:220px}.layer.more{left:330px;top:8px;color:var(--muted);letter-spacing:.14em;font-size:14px;padding:12px 16px;min-width:56px;min-height:40px}.layer.footer{left:56px;top:236px;font-size:12px;color:var(--muted);z-index:1;padding:12px 18px;min-width:260px;min-height:40px}.layer.body{left:58px;top:86px;width:400px;cursor:default;background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:14px 16px 52px;box-shadow:0 18px 40px #18181b1f;display:flex;flex-direction:column;gap:52px;z-index:2;overflow:visible;position:relative}.layer.body label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.layer.body input,.layer.body textarea{border:1px solid #d4d4d8;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:400;background:#fff;resize:none}.layer.acts{left:320px;top:298px;display:flex;gap:6px;align-items:center;min-width:160px;min-height:44px;padding:8px;z-index:3}.layer.hot{outline:1.5px solid var(--ink);outline-offset:3px}.layer.dim{opacity:.5}@media(prefers-reduced-motion:reduce){.layer{transition:none}}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:20;background:#18181b;color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px}.art-menu{position:absolute;top:36px;right:0;z-index:8;width:220px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0000001f}.art-menu p{margin:8px 0 4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.art-menu p:first-child{margin-top:0}.art-menu button{display:block;width:100%;text-align:left;padding:6px 8px;border-radius:7px;font-size:13px;text-transform:capitalize}.art-menu button.on,.art-menu button:hover{background:var(--soft)}.page.type-tight .anatomy-title,.page.type-tight .scene h1{letter-spacing:-.07em}.canvas.art-solid .layer.surface,.page.art-solid .flux-card{background:#fff}.canvas.art-glass .layer.surface,.page.art-glass .flux-card{background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.render-panel{padding:48px 56px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.render-panel h1{margin:0;font-size:36px;letter-spacing:-.05em}.render-panel dl{width:min(520px,100%);margin:0}.render-panel dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.render-panel dt{color:var(--muted)}.render-bar{width:min(520px,100%);height:6px;background:var(--soft);border-radius:99px;overflow:hidden}.render-bar i{display:block;height:100%;background:var(--fill)}.render-status{margin:0;font-size:13px;color:var(--muted)}.present-stage{position:fixed;inset:0;z-index:30;background:#fafafa;display:grid;grid-template-rows:1fr 56px}.present-canvas{container-type:size;position:relative;min-height:0;overflow:hidden}.present-canvas .preview-stage{left:50%;top:50%;transform:translate(-50%,-50%) scale(min(100cqw / 977px,100cqh / 549px));transform-origin:center center}.present-bar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:0 20px;border-top:1px solid var(--line);background:#fff}.ref-still{position:absolute;inset:0;z-index:4;pointer-events:none;background:#fff0c82e;box-shadow:inset 0 0 0 2px #f59e0b}.arrival-stage{position:absolute;left:306px;top:86px;width:364px;z-index:1}.arrival-card{display:block;width:100%;filter:drop-shadow(0 10px 24px rgb(24 24 27 / .08))}.arrival-card .flux-card{width:100%}.dim-w,.dim-h{position:absolute;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.dim-w{top:8px;left:50%;transform:translate(-50%)}.dim-h{left:8px;top:50%;transform:translate(-8px,-50%) rotate(-90deg)}.arrival-cap{position:absolute;left:50%;top:478px;margin:0;transform:translate(-50%);font-size:18px;font-weight:700;letter-spacing:-.03em;color:#18181b;z-index:1}.style-row{display:flex;align-items:flex-start;justify-content:center;max-width:100%;gap:10px}.style-fan-item .flux-card{width:100%}.adaptive-intro{position:absolute;inset:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2}.scene.adaptive .adaptive-intro h1{flex:none;height:auto;font-size:45px;white-space:nowrap}.surface-five{display:flex;gap:16px}.surf-card{display:flex;flex-direction:column;gap:8px;align-items:center}.surf-card span{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.surf-card .tiny{width:160px;transform:scale(.72);transform-origin:top center}.geo-frame{position:relative;width:100%;height:400px;overflow:hidden}.geo-fields{margin-top:18px;display:grid;gap:10px;font-size:13px;font-weight:600}.geo-fields label{display:flex;flex-direction:column;gap:6px}.geo-fields input,.geo-fields textarea{border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:400;background:#fff;resize:none}.geo-fields textarea{min-height:72px;background:#fff}.geo-backplate{position:absolute;width:560px;min-height:400px;border-radius:28px;background:#fff;box-shadow:0 0 0 1.5px #e4e4e7;pointer-events:none}.nested-chrome{padding:8px;display:flex;flex-direction:column;gap:8px}.nest{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;font-size:13px}.nest.tagged{outline:1.5px solid rgb(225 29 143 / .45);outline-offset:1px}.nest strong{font-size:13px}.nest em{margin-left:auto;font-style:normal;font-size:12px;color:var(--muted)}.nest.foot{color:var(--muted);font-size:12px}.nest .dot{width:7px;height:7px;border-radius:99px;background:#16a34a}.fake-cursor{position:absolute;font-size:18px;pointer-events:none}.headers-stack{position:relative;flex:0 0 417px;max-width:417px;transform-origin:100% 20%}.ratio-tag{position:absolute;top:10px;left:10px;z-index:1;background:#18181bb8;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:6px}.bleed-media{position:relative;overflow:hidden}.logo-dot,.logo-ring{position:absolute;left:50%;top:46%;width:51px;height:51px;margin:-25px 0 0 -25px;border-radius:99px;background:#18181b}.logo-ring{width:256px;height:256px;margin:-128px 0 0 -128px;background:none;border:1.5px solid #e4e4e7;border-radius:50%}.logo-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;z-index:0}.scene.logo .lockup{position:relative}.bleed-white-wipe{position:absolute;left:0;right:0;bottom:0;background:#fff;z-index:4;pointer-events:none}.bleed-card.is-full{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;border:0;border-radius:0;z-index:1}.bleed-card.is-full .bleed-media{height:100%;aspect-ratio:auto;filter:none}.thumb-live{position:relative;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none;background:#fff}.thumb-live-inner{position:absolute;top:0;left:0;width:977px;height:549px;transform:scale(.1945);transform-origin:top left}.rail-toggle{display:none}.surf-card.wide .tiny{width:132px;transform:none}.mark-row{display:flex;align-items:flex-end;gap:70px;height:92px}.rail-tools .icon.on{background:var(--soft);color:var(--ink)}.flux-card.surf-default{background:#fff}.flux-card.surf-muted,.flux-card.surf-muted .fc-head,.flux-card.surf-soft{background:#f4f4f5}.flux-card.surf-outline{background:#fff;border-color:#a1a1aa}.flux-card.surf-filled{background:#18181b;color:#fafafa;border-color:#18181b}.flux-card.surf-filled .fc-head h3,.flux-card.dark-mini .fc-head h3{color:#fafafa}.flux-card.surf-filled .fc-head p,.flux-card.dark-mini .fc-head p{color:#d4d4d8}.headers-sub{margin:14px 0 0;font-size:32px;font-weight:600;color:#a1a1aa;letter-spacing:-.04em;line-height:1.28}.headers-sub .strike{text-decoration:line-through;color:#d4d4d8}.headers-sub .pink{color:var(--pink)}.fake-cursor{width:14px;height:18px;background:linear-gradient(135deg,#111 0 42%,transparent 42%),linear-gradient(#111,#111) 0 10px / 10px 2px no-repeat;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .35))}.hatch{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:none;box-shadow:inset 0 0 0 24px #e11d8f38;padding:0}.hatch.on{display:block}.adaptive-grid{position:absolute;inset:28px 20px 28px 268px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;min-width:0}.headers-sub span,.headers-sub .pink{display:block}.grid-mini{width:118px;height:56px;transform:none;overflow:hidden;pointer-events:none;padding:4px;border-radius:10px}.grid-mini .fc-body,.grid-mini .fc-foot{display:none}.grid-mini .fc-head{padding:6px 8px}.grid-mini .fc-head h3{font-size:11px}.grid-mini .fc-head p{font-size:9px}.surface-cards{flex:1;justify-content:center;align-items:center}.chip{font-size:11px;font-style:normal;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--muted)}.scene.blank{background:#fafafa}.blank-plate{width:min(420px,86%);min-height:240px;border:1.5px dashed var(--line-2);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff}.blank-plate p{margin:0;font-size:15px;font-weight:600;color:var(--muted)}.blank-plate button{height:36px;padding:0 16px;border-radius:9px;background:var(--fill);color:#fff;font-size:13px;font-weight:600}.scene.docs-cover,.scene.docs-spec,.scene.docs-tokens{gap:28px;background:#fff}.docs-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.docs-row{display:flex;align-items:flex-start;justify-content:center;gap:36px}.docs-copy{width:280px;padding-top:12px}.docs-copy h1{font-size:36px}.docs-copy p{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}.docs-npm{margin-top:16px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--soft);border-radius:8px;padding:8px 12px}.docs-spec-stack{display:flex;flex-direction:column;gap:12px}.thumb.blank{background:repeating-linear-gradient(-45deg,#f4f4f5 0 8px,#fff 8px 16px);color:var(--muted)}.thumb.docs{background:#f4f4f5}html.is-compact,html.is-compact body,html.is-compact #root{height:100%;min-height:100%;overflow:hidden}.page.is-compact{padding:36px 8px 8px;align-items:stretch;justify-content:flex-start;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.page.is-compact .gallery,.page.is-compact .source{top:10px;font-size:12px}.page.is-compact .gallery{left:10px}.page.is-compact .source{right:10px}.page.is-compact .frame{width:100%!important;height:calc(100dvh - 44px)!important;min-height:0;max-height:calc(100dvh - 44px);overflow:hidden}.page.is-compact .shell{position:relative;width:100%;height:100%;max-height:100%;padding:0;transform:none!important;overflow:hidden}.page.is-compact .window{width:100%;height:100%;min-height:0;max-height:100%;border-radius:12px;grid-template-rows:auto minmax(0,1fr)}.page.is-compact .topbar{flex-wrap:wrap;height:auto;min-height:48px;padding:6px 8px;gap:6px}.page.is-compact .project-btn{max-width:148px}.page.is-compact .workspace{display:flex;flex-direction:column;min-height:0;overflow:auto}.page.is-compact .canvas,.page.is-compact .render-panel,.page.is-compact .transport,.page.is-compact .filmstrip,.page.is-compact .rail{grid-column:auto;grid-row:auto}.page.is-compact .canvas{order:1;padding:10px 12px 8px;min-height:0;flex:1 1 auto;border-right:0}.page.is-compact .preview{width:min(100%,calc(42vh * 16 / 9));height:auto;flex:none;aspect-ratio:16 / 9;max-height:none;flex-basis:auto;margin-inline:auto}.page.is-compact .scene-meta{font-size:12px}.page.is-compact .transport{order:2;display:grid;grid-template-columns:minmax(0,1fr) 32px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:4px;padding:8px 12px;border-right:0;min-height:56px}.page.is-compact .transport .scope{grid-column:1;grid-row:1;min-width:0}.page.is-compact .transport .play{grid-column:2;grid-row:1}.page.is-compact .transport .readout{grid-column:3;grid-row:1}.page.is-compact .transport .bar{grid-column:1 / -1;grid-row:2;width:100%;min-width:0}.page.is-compact .filmstrip{order:3;flex:1 1 auto;min-height:0}.page.is-compact .rail{order:4;display:none;min-height:280px;border-top:1px solid var(--line)}.page.is-compact.rail-open .rail{display:grid}.page.is-compact .rail-toggle{display:inline-flex;min-height:32px;min-width:24px;font-size:12px}.page.is-compact button,.page.is-compact .play,.page.is-compact .ghost-btn,.page.is-compact .project-btn,.page.is-compact .present,.page.is-compact .rail-tools button,.page.is-compact .scope button,.page.is-compact .mode button{min-height:24px;min-width:24px;font-size:12px}.page.is-compact .readout,.page.is-compact .scene-meta,.page.is-compact .filmstrip .cap strong,.page.is-compact .filmstrip .cap em,.page.is-compact .note-bubble p,.page.is-compact .composer textarea,.page.is-compact .brand .name,.page.is-compact .thumb-frame .num,.page.is-compact .ticks span,.page.is-compact .rail-kicker,.page.is-compact .dur,.page.is-compact .composer-row .hint{font-size:12px}.preview-stage :is(input,textarea){pointer-events:none;caret-color:transparent}.acts-on-plate{display:flex;justify-content:flex-end;gap:6px;margin-top:4px;position:absolute;right:-22px;bottom:10px;padding:4px}.land-card{display:flex;align-items:flex-start;justify-content:space-between;width:108px;height:48px;max-height:48px;padding:6px 8px;border-radius:10px;border:1px solid #e4e4e7;background:#fff;overflow:hidden;flex:0 0 108px;color:#18181b}.surface-five .land-card{width:148px;height:56px;max-height:56px;flex:0 0 148px;padding:8px 10px}.land-card strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.2}.land-card p{margin:3px 0 0;font-size:11px;color:#52525b;white-space:nowrap}.land-card .land-more{color:#71717a;letter-spacing:.12em;font-size:12px;line-height:1}.land-card.dark,.land-card.surf-filled{background:#18181b;color:#fafafa;border-color:#3f3f46}.land-card.dark p,.land-card.surf-filled p{color:#d4d4d8}.land-card.dark .land-more,.land-card.surf-filled .land-more{color:#a1a1aa}.land-card.surf-muted,.land-card.surf-soft{background:#f4f4f5}.land-card.surf-outline{border-color:#a1a1aa}.land-card.dark.surf-muted,.land-card.dark.surf-soft,.land-card.dark.surf-outline,.land-card.dark.surf-default{background:#18181b;color:#fafafa;border-color:#3f3f46}.grid-profile{width:100px;height:58px;overflow:hidden;flex:0 0 100px;border-radius:10px;background:transparent}.grid-profile.wide{width:84px;height:54px;flex:0 0 84px}.grid-profile .flux-card{width:260px;transform:scale(.38);transform-origin:top left}.grid-profile.wide .flux-card{transform:scale(.3)}.grid-profile .fc-body{min-height:0;padding:8px 10px}.grid-profile .fc-fields{gap:8px}.grid-profile .fc-head{padding:6px 8px 4px}.flux-card.dark,.flux-card.dark.surf-default,.flux-card.dark.surf-muted,.flux-card.dark.surf-soft,.flux-card.dark.surf-outline,.flux-card.dark.surf-filled{background:#18181b;color:#fafafa;border-color:#3f3f46}.flux-card.dark .fc-head h3,.flux-card.dark .fc-fields span,.flux-card.dark .fc-more{color:#fafafa}.flux-card.dark .fc-head p{color:#d4d4d8}.flux-card.dark .fc-body{background:#09090b;color:#fafafa}.flux-card.dark input,.flux-card.dark textarea{background:#18181b;color:#fafafa;border-color:#3f3f46}.surface-row.is-dark .flux-card.surf-muted{background:#27272a}.surface-row.is-dark .flux-card.surf-filled{background:#000}.surface-row{min-height:70px}.surface-row.is-peek{overflow:hidden}.surface-board.is-three .grid-profile{width:150px;height:90px;flex:0 0 150px}.surface-board.is-three .grid-profile .flux-card{transform:scale(.57)}.surface-row.is-dark .surface-label{color:#e4e4e7}.surface-row .surface-label{font-size:11px;font-weight:600}.arrival-bloom{position:absolute;inset:0;pointer-events:none;z-index:0}.wire-rig{position:absolute;inset:2% 8%;display:grid;place-items:center;color:#3f3f46;z-index:2;pointer-events:none}.wire-svg{width:min(620px,86%);height:auto;max-height:92%}.pad-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:none;border:0;box-shadow:none}.fc-foot.tagged{position:relative}.scene.logo .mark{width:auto;height:auto;fill:#111113}.thumb-live-inner .scene,.thumb-live-inner .anatomy{transform:none}.anatomy-handoff{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;pointer-events:none}.anatomy-cap{position:relative;left:auto;bottom:auto;transform:none;z-index:3}.style-ghost-plate{position:absolute;left:18px;top:48px;width:300px;height:220px;border-radius:18px;background:#f4f4f5;z-index:0}.style-hero{position:relative}.one-bar{position:absolute;left:50%;top:42%;margin:-46px 0 0 -9px;z-index:2}.logo-bleed-hand,.bleed-headers-hand{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:56px 56px 48px 40px;pointer-events:none;z-index:2}.logo-bleed-hand svg{width:100%;height:100%;object-fit:cover}.hatch.pale{display:block;box-shadow:inset 0 0 0 24px #e11d8f24;background:none}.callout{background:none;border:0;font:inherit}.geo-card .edit{height:36px;padding:0 16px;border:1px solid var(--line-2);border-radius:10px;font-weight:600;background:#fff}.surface-five .grid-profile.wide{width:182px;height:268px;flex:0 0 182px;overflow:hidden}.surface-five .grid-profile.wide .flux-card{width:300px;transform:scale(.606)}.grid-profile .flux-card.dark h3,.grid-profile.is-dark .fc-head h3,.grid-profile.is-dark .fc-fields span{color:#fafafa}.grid-profile.is-dark .fc-head p{color:#d4d4d8}.surface-row.is-dark .flux-card,.surface-row.is-dark .flux-card .fc-head,.surface-row.is-dark .flux-card .fc-body{background:#18181b;color:#fafafa;border-color:#3f3f46}.surface-row.is-dark .fc-head h3,.surface-row.is-dark .fc-fields span,.surface-row.is-dark .fc-more{color:#fafafa}.surface-row.is-dark .fc-head p{color:#d4d4d8}.surface-row.is-dark input,.surface-row.is-dark textarea{background:#18181b;color:#fafafa;border-color:#3f3f46}