.app-bar.app-bar-file{flex-shrink:0;align-items:center;display:flex}.app-bar.app-bar-file #save:not(#none){align-items:center;padding:11px 6px 8px;display:inline-flex}.app-bar.app-bar-file #save .tool-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-bar.app-bar-file .undo-redo button:not(#none){justify-content:center;align-items:center;padding-top:11px;padding-bottom:8px;display:inline-flex}.app-bar.app-bar-end button.with-icon:not(#none){align-items:center;gap:4px;font-size:13px;display:inline-flex}.app-bar.app-bar-end button.with-icon .icon{flex-shrink:0}@media (width<=640px){.app-bar.app-bar-file #save:not(#none){display:none}.app-bar.app-bar-file{align-self:stretch}.app-bar.app-bar-file .menu-button,.app-bar.app-bar-file .menu-button-toggle{height:100%}.app-bar.app-bar-file .menu-button-toggle:not(#none){padding-left:6px;padding-right:6px}}@media (width>=641px) and (width<=883px){.assistant-narrow #workspace:not([data-split=on]) #browser:not(#none){display:none}.assistant-narrow #workspace:not([data-split=on]) #properties.properties-fold:not([data-folded]){max-height:calc(100% - 200px)}}.assistant label{color:#b5bbc4;margin:8px 0 4px;font-size:13px;display:block}.assistant textarea,.assistant input,.assistant select{box-sizing:border-box;color:#e6e8eb;width:100%;font:inherit;background:#15171b;border:1px solid #353a43;border-radius:4px;margin-top:4px;padding:6px 8px}.assistant textarea{resize:vertical}.assistant [hidden]{display:none}.assistant .ai-ask button{margin-top:6px}.assistant .ai-note{color:#8a919c;font-size:13px}.assistant .ai-error{color:#ff8a80;font-size:13px}.assistant .ai-rules{color:#8a919c;font-size:13px}.assistant .ai-preview,.assistant .ai-consent{background:#182330;border:1px solid #4aa8ff;border-radius:4px;margin:10px 0;padding:10px}.assistant .ai-preview table{border-collapse:collapse;margin:6px 0}.assistant .ai-preview th{text-align:left;color:#b5bbc4;padding-right:10px;font-weight:400}.assistant .ai-preview td{font-variant-numeric:tabular-nums;padding:2px 4px}.assistant .ai-label{margin:0;font-weight:600}.assistant .ai-working{background:#15171b;border-left:3px solid #4aa8ff;margin:8px 0;padding:6px 8px}.assistant .ai-working-title{color:#8a919c;text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;font-size:12px}.assistant .ai-working-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.assistant .ai-working-none{color:#8a919c;font-style:italic}.assistant .ai-cannot{border-color:#e0b04a}.assistant pre{white-space:pre-wrap;word-break:break-word;background:#15171b;max-height:200px;padding:6px;font-size:12px;overflow:auto}.assistant .ai-key button{margin:6px 6px 0 0}.assistant .ai-settings{border-top:1px solid #2a2e35;margin-top:16px}.assistant .ai-cannot .ai-working{border-left-color:#e0b04a}.assistant .ai-progress{margin:10px 0}.assistant .ai-progress-stage{font-variant-numeric:tabular-nums;margin:0 0 4px}.assistant .ai-progress-track{background:#2a2e35;border-radius:3px;height:6px;overflow:hidden}.assistant .ai-progress-fill{background:#4aa8ff;width:0;height:100%;transition:width .2s ease-out}.assistant .ai-progress-note{color:#8a919c;margin:4px 0 0;font-size:12px}@media (prefers-reduced-motion:reduce){.assistant .ai-progress-fill{transition:none}}.change-note{background:#23272e;border-left:3px solid #4aa8ff;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:6px;padding:6px 8px;font-size:12px;display:flex}.change-note.needs-rerun{border-left-color:#f5b14c}.change-note .note-body{flex:1}.change-note details{color:#aab0b8;margin-top:4px}.change-note summary{cursor:pointer}.change-note ol{margin:4px 0 0;padding-left:18px}.change-note .note-dismiss{font:inherit;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.change-note .note-dismiss:hover,.change-note .note-dismiss:focus-visible{opacity:1}.downstream-chip{font:inherit;color:inherit;cursor:pointer;background:#23272e;border:1px solid #2a2e35;border-radius:10px;margin:0 4px 4px 0;padding:2px 8px;font-size:12px}.downstream-chip:hover,.downstream-chip:focus-visible{border-color:#4aa8ff}.downstream-chip .chip-mark{color:#f5b14c}.downstream-chip.updating .chip-value,.downstream-chip.needs-rerun .chip-value{opacity:.6}.downstream-chip.missing .chip-mark{color:#ff6b6b}.file-drop{outline-offset:-3px;outline:3px dashed #4aa8ff}.guide{color:#f4f6ff;background:#0b1024;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.guide::backdrop{background:#0b1024}.guide .guide-sky{background-color:#2747ff;transition:background-color .8s;position:absolute;inset:0}.guide .guide-sky:after{content:"";background:radial-gradient(70% 60% at 64% 42%,#ffffff38,#0000 60%),radial-gradient(120% 90%,#0000 45%,#0406188c);position:absolute;inset:0}.guide .guide-canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.guide .guide-canvas:first-of-type{opacity:1}.guide .guide-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.guide .guide-leaders polyline{fill:none;stroke:#fff;stroke-width:1.2px}.guide .guide-leaders circle{fill:#fff}.guide .guide-leaders g{transition:opacity .25s}.guide .guide-labels{pointer-events:none;position:absolute;inset:0}.guide .guide-labels span{white-space:nowrap;letter-spacing:.08em;text-shadow:0 1px 6px #00000059;padding:0 2px 4px;font:500 15px/1.2 ui-monospace,SF Mono,Menlo,monospace;transition:opacity .25s;position:absolute;top:0;left:0}.guide .guide-scroll{overscroll-behavior:contain;outline:none;position:absolute;inset:0;overflow:hidden auto}.guide[data-dragging] .guide-scroll{cursor:grabbing}.guide .guide-chapter{min-height:240vh;padding:0 5vw}.guide .guide-chapter:first-child{padding-top:13vh}.guide .guide-end{height:60vh}.guide .guide-card{-webkit-backdrop-filter:blur(16px);background:#080c2480;border:1px solid #ffffff29;border-radius:18px;width:min(430px,36vw);padding:20px 22px;font-size:15px;position:sticky;top:13vh;box-shadow:0 20px 60px #00001e59}.guide .guide-chapter:not([data-active]) .guide-card{opacity:0;transform:translateY(24px)}.guide .guide-card{transition:opacity .45s,transform .45s}.guide .guide-card h2{letter-spacing:-.01em;margin:0 0 10px;font-size:26px;line-height:1.15}.guide .guide-card p{margin:0 0 12px}.guide .guide-part{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font:500 12px/1.4 ui-monospace,Menlo,monospace}.guide .guide-status{background:#ffffff29;border-radius:999px;margin:0 0 12px;padding:2px 10px;font-size:13px;display:inline-block}.guide .guide-status[data-status=planned]{color:#fff7d6;background:#fde68a40}.guide .guide-faces{display:grid}.guide .guide-face{flex-direction:column;grid-area:1/1;transition:opacity .25s,visibility .25s;display:flex}.guide .guide-face>.guide-flip{margin-top:auto}.guide .guide-face[data-face=words],.guide .guide-card[data-face=words] .guide-face[data-face=text]{opacity:0;visibility:hidden}.guide .guide-card[data-face=words] .guide-face[data-face=words]{opacity:1;visibility:visible}.guide .guide-face>:last-child{margin-bottom:0}.guide .guide-face>:nth-last-child(2){margin-bottom:14px}.guide .guide-flip{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;opacity:.9;background:0 0;border:0;border-top:1px solid #ffffff2e;border-radius:0;flex-shrink:0;margin:0;padding:9px 0 0;font-size:13.5px;line-height:1.4;display:block}.guide .guide-flip:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.guide .guide-flip span{letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;margin-right:6px;padding:3px 7px;font:600 11px/1 ui-monospace,Menlo,monospace;text-decoration:none;display:inline-block}.guide .guide-face[data-face=words] .guide-terms{border:0;margin:0;padding:0}.guide .guide-terms{border-top:1px solid #ffffff2e;margin:14px 0 0;padding-top:12px;font-size:13.5px;line-height:1.45}.guide .guide-terms div{margin:0 0 6px}.guide .guide-terms dt{font-weight:650;display:inline}.guide .guide-terms dt:after{content:": "}.guide .guide-terms dd{opacity:.88;margin:0;display:inline}.guide .guide-chapter[data-words]{min-height:100vh}.guide .guide-chapter[data-words] .guide-card{width:min(980px,88vw);position:static}.guide .guide-chapter[data-words] .guide-terms{columns:2 320px;column-gap:32px}.guide .guide-chapter[data-words] .guide-terms div{break-inside:avoid}.guide .guide-bar{pointer-events:none;background:linear-gradient(#06081e73,#0000);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:absolute;top:0;left:0;right:0}.guide .guide-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.16em;text-transform:uppercase;min-width:0;margin:0;font:600 13px/1 ui-monospace,Menlo,monospace;overflow:hidden}.guide .guide-privacy,.guide .guide-licences,.guide .guide-bar button{flex-shrink:0}.guide .guide-bar button,.guide .guide-nav button{pointer-events:auto;font:inherit;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff4d;border-radius:999px;padding:7px 16px;font-size:14px}.guide .guide-bar button:hover,.guide .guide-nav button:hover:not(:disabled){background:#ffffff42}.guide .guide-privacy,.guide .guide-licences{pointer-events:auto;color:#fffc;text-underline-offset:3px;font-size:13px;text-decoration:underline}.guide .guide-privacy{margin-left:auto}.guide .guide-privacy:hover,.guide .guide-licences:hover{color:#fff}.guide .guide-nav button:disabled{opacity:.35;cursor:default}.guide .guide-progress{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.guide .guide-progress i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.guide .guide-rail{flex-direction:column;gap:9px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.guide .guide-rail button{cursor:pointer;background:0 0;border:1px solid #ffffffb3;border-radius:50%;width:10px;height:10px;padding:0}.guide .guide-rail button[aria-current]{background:#fff;transform:scale(1.3)}.guide .guide-nav{gap:8px;display:flex;position:absolute;bottom:22px;right:52px}.guide .guide-hint{text-align:center;-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#080c248c;border:1px solid #fff3;border-radius:999px;max-width:calc(100vw - 32px);margin:0;padding:7px 14px;font-size:13.5px;line-height:1.35;transition:opacity .4s,transform .4s;position:absolute;bottom:26px;left:50%;transform:translate(-50%,8px)}.guide .guide-hint[data-shown]{opacity:1;transform:translate(-50%)}.guide .guide-hint kbd{border:1px solid #ffffff80;border-bottom-width:2px;border-radius:5px;padding:2px 6px;font:600 12px/1 ui-monospace,Menlo,monospace}.guide .guide-hint-touch{display:none}@media (hover:none) and (pointer:coarse){.guide .guide-hint-keys{display:none}.guide .guide-hint-touch{display:inline}}.guide .guide-play[aria-pressed=true]{background:#ffffff4d}.guide .guide-no3d{background:#00000073;border-radius:10px;max-width:min(520px,100vw - 32px);margin:0;padding:10px 14px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.guide :focus-visible{outline-offset:2px;outline:2px solid #fde68a}@media (width<=759px),(orientation:portrait){.guide .guide-chapter{min-height:230vh;padding:0 16px}.guide .guide-chapter:first-child{padding-top:54vh}.guide .guide-card{border-radius:16px;width:auto;padding:12px 16px;font-size:14px;line-height:1.4;top:54vh}.guide .guide-card h2{margin-bottom:8px;font-size:21px}.guide .guide-card p{margin-bottom:8px}.guide .guide-part{margin:0 0 4px;font-size:11px}.guide .guide-status{margin-bottom:8px}.guide .guide-flip{padding-top:8px;font-size:13px}.guide .guide-face>:nth-last-child(2){margin-bottom:10px}.guide .guide-terms{font-size:13px}.guide .guide-chapter[data-words] .guide-card{width:auto;position:static}.guide .guide-rail{display:none}.guide .guide-nav{top:52px;bottom:auto;right:12px}.guide .guide-nav button{padding:5px 12px}.guide .guide-labels span{font-size:12px}.guide .guide-hint{font-size:12.5px;top:92px;bottom:auto}}@media (prefers-reduced-motion:reduce){.guide .guide-sky,.guide .guide-labels span,.guide .guide-leaders g,.guide .guide-card,.guide .guide-face,.guide .guide-hint{transition:none}.guide .guide-chapter:not([data-active]) .guide-card{transform:none}}.link-badge{background:#23272e;border-radius:8px;padding:1px 6px;font-size:12px}.link-badge.unresolved{color:#f5b14c}.menu-button{display:inline-flex}.menu-button>.menu-button-toggle[aria-expanded=true]:not(#none){color:#e6e9ee;background:#23384f;border-color:#4aa8ff}.menu-button>.menu-button-menu{z-index:30;color:#e6e9ee;background:#1c1f24;border:1px solid #353a43;border-radius:6px;flex-direction:column;min-width:200px;max-width:calc(100vw - 8px);max-height:calc(100vh - 8px);padding:4px;font-size:14px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 6px 18px #00000073}.menu-button>.menu-button-menu[hidden]{display:none}.menu-button .menu-button-section+.menu-button-section{border-top:1px solid #2a2e35;margin-top:4px;padding-top:4px}.menu-button .menu-button-heading{text-transform:uppercase;letter-spacing:.06em;color:#8a919c;padding:4px 10px 2px;font-size:11px;font-weight:600}.menu-button .menu-button-item:not(#none){width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:6px 10px;display:flex}.menu-button .menu-button-item:not(#none):hover,.menu-button .menu-button-item:not(#none):focus-visible{background:#2e333b;border-color:#353a43;outline:none}.menu-button .menu-button-item[aria-disabled=true]:not(#none){color:#8a919c;cursor:default;background:0 0}.menu-button .menu-button-name{align-items:center;gap:8px;display:inline-flex}.menu-button .menu-button-name>.icon{flex-shrink:0}.menu-button .menu-button-key{color:#8a919c;font-family:ui-monospace,monospace;font-size:12px}@media (width<=640px){.menu-button .menu-button-item:not(#none){min-height:44px}}.motion{--motion-fast:.11s;--motion-base:.16s;--motion-slow:.22s;--motion-ease:cubic-bezier(.23, 1, .32, 1);--motion-spring:cubic-bezier(.34, 1.56, .64, 1);--motion-press-scale:.94;--motion-nudge:1.1}.motion button,.motion [role=tab],.motion [role=menuitem]{transition:transform var(--motion-fast) var(--motion-ease)}@media (hover:hover){.motion :is(button,[role=tab],[role=menuitem]):hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-current]){transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease)}}.motion button:active:not(:disabled,[aria-disabled=true],.menu-button-toggle){transform:scale(var(--motion-press-scale))}.motion .menu-button-item:active:not([aria-disabled=true]),.motion #topbar button:active:not(:disabled,.menu-button-toggle){transform:scale(.98)}.motion :is(.toolbar-group-tool,.toolbar-group-solo .menu-button-toggle,.app-bar button:not(.menu-button-item)) .icon{transition:transform var(--motion-base) var(--motion-spring)}@media (hover:hover){.motion .toolbar-group-tool:hover:not(:disabled,[aria-disabled=true]) .icon,.motion .toolbar-group-solo .menu-button-toggle:hover .icon,.motion .app-bar button:not(.menu-button-item):hover:not(:disabled,[aria-disabled=true]) .icon{transform:scale(var(--motion-nudge))}.motion #topbar button[role=tab]:not([aria-selected=true]):hover{border-bottom-color:#4a515c}}@keyframes motion-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}.motion .menu-button-menu:not([hidden]){animation:motion-menu-in var(--motion-base) var(--motion-ease)}@media (width<=640px){.motion .menu-button-menu:not([hidden]){animation:motion-fade-in var(--motion-base) var(--motion-ease)}.motion #workspace[data-browser=open] #browser,.motion #workspace[data-properties=open] #properties,.motion #assistant:not([hidden]){animation:motion-fade-in var(--motion-slow) var(--motion-ease)}}.motion .start-hint:not([hidden]),.motion .delete-ask:not([hidden]){animation:motion-fade-in var(--motion-slow) var(--motion-ease)}.motion #file-notice:not(:has(#file-status:empty)){animation:motion-fade-in var(--motion-slow) var(--motion-ease)}@media (prefers-reduced-motion:reduce){.motion{--motion-fast:.01ms;--motion-base:.01ms;--motion-slow:.01ms;--motion-press-scale:1;--motion-nudge:1}.motion .menu-button-menu,.motion #workspace #browser,.motion #workspace #properties,.motion #assistant,.motion #file-notice,.motion .start-hint,.motion .delete-ask{animation:none!important}.motion button:active,.motion .menu-button-item:active{transform:none}}.notes-strip{z-index:1;max-width:440px;position:absolute;top:8px;left:8px;right:112px}.notes-strip:empty{display:none}.notes-strip .change-note{box-shadow:0 2px 8px #0006}@media (width>=641px){.notes-strip:is(#workspace:not([data-split=on]):has(#browser:not(:empty)) #viewport>*){left:264px}}.opening-fresh#opening-fresh{color:#e6e8eb;border:1px solid #2a2e35;border-radius:4px;padding:2px 8px;font-size:12px}.opening-fresh[hidden]{display:none}@media (width<=640px){.phone-sheet{height:100dvh;overflow:hidden}.phone-sheet #workspace{position:relative;overflow:hidden}.phone-sheet #viewport{flex:1 1 0;height:auto;min-height:0}.phone-sheet #browser:not(#none),.phone-sheet #properties:not(#none),.phone-sheet #assistant:not(#none){z-index:15;overscroll-behavior:contain;background:#1c1f24;border:1px solid #353a43;border-bottom:none;border-radius:12px 12px 0 0;width:auto;max-height:60%;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 24px #0000008c}.phone-sheet #assistant[hidden]{display:none!important}.phone-sheet .menu-button>.menu-button-menu:not(#none){width:auto;min-width:0;max-width:none;max-height:70dvh;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:40;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px #0000008c;inset:auto 0 0!important}}@media (width>=641px) and (width<=760px){.phone-short #topbar .app-bar-end button.with-icon:not(#none){padding-left:8px;padding-right:8px}.phone-short #topbar .app-bar-end .tool-word,.phone-short #topbar .app-bar-end #ai-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (height<=500px){.phone-short .toolbar-group:not(#none){flex-direction:row;gap:2px}.phone-short .toolbar-group .toolbar-group-name{order:-1}.phone-short .toolbar-group .toolbar-group-tool:not(#none){width:32px;height:32px}.phone-short .toolbar-group .toolbar-group-name .menu-button-toggle:not(#none){white-space:nowrap;height:32px;padding:0 6px}.phone-short .toolbar-group.toolbar-group-solo .menu-button-toggle:not(#none){flex-direction:row;gap:6px;height:32px;padding:0 6px}.phone-short .toolbar-group.toolbar-group-solo .menu-button-toggle .icon{margin:0}.phone-short .toolbar-group{flex-shrink:0}.phone-short #toolbar:not(#none){flex-wrap:nowrap;overflow-x:auto}}@media (width<=640px){.save-mark{position:relative}.save-mark:has(~#save-status[data-state=saved]):after{font-size:8px;font-weight:400;position:absolute;top:2px;right:-8px}.save-mark:has(~#save-status[data-state=saving]):after{font-size:8px;font-weight:400;position:absolute;top:2px;right:-8px}.save-mark:has(~#save-status[data-state=saved]):after{content:"✓"}.save-mark:has(~#save-status[data-state=saving]):after{content:"…"}}.shortcut-list{color:#e6e8eb;background:#1c1f24;border:1px solid #2a2e35;border-radius:8px;width:min(460px,100vw - 32px);max-height:calc(100vh - 64px);padding:16px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.shortcut-list::backdrop{background:#00000080}.shortcut-list header{justify-content:space-between;align-items:center;gap:8px;display:flex}.shortcut-list h2{margin:0;font-size:16px}.shortcut-list h3{text-transform:uppercase;letter-spacing:.06em;color:#8a919c;margin:16px 0 6px;font-size:13px}.shortcut-list .here{text-transform:none;letter-spacing:0;color:#4aa8ff;font-weight:400}.shortcut-list dl{margin:0}.shortcut-list dl>div{border-bottom:1px solid #2a2e35;gap:12px;padding:4px 0;display:flex}.shortcut-list dt{flex:0 0 96px}.shortcut-list dd{margin:0}.shortcut-list kbd{background:#14161a;border:1px solid #3a3f47;border-radius:4px;padding:1px 6px;font:12px ui-monospace,monospace}.shortcut-list .close{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #3a3f47;border-radius:4px;padding:4px 10px}.split-view #toolbar,.split-view #split-toolbar{scrollbar-width:thin;flex-wrap:nowrap;padding:4px 8px;overflow-x:auto}.split-view .tool-group{flex-wrap:nowrap;flex-shrink:0}.split-view #toolbar button,.split-view #split-toolbar button{white-space:nowrap;padding:5px 8px}.split-view #split-toolbar:not(#none):not(#none2){grid-column:3}.split-view #split-bar:not(#none){z-index:auto;box-sizing:border-box;white-space:nowrap;background:#1c1f24;border-bottom:1px solid #2a2e35;border-radius:0;grid-area:1/4;justify-content:flex-end;max-width:240px;padding:4px 8px;position:static}.split-view #split:has(#split-toolbar:empty) #split-bar:not(#none){border-left:2px solid #2a2e35;grid-column:3/5;max-width:none}.split-view #split-bar label{flex:1;min-width:0}.split-view #split:has(#split-toolbar:empty) #split-bar label{flex:0 auto}.split-view #split-bar .split-bar-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.split-view #split-toggle:not(#none){display:none}.split-view .view-controls{flex-wrap:wrap;justify-content:center;width:max-content}.split-view .view-controls button.nav-button:not(#none){min-width:28px;padding:0 4px}.split-view .split-soon{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}.split-view .split-soon[hidden]{display:none}.split-view .split-soon>*{width:100%;max-width:420px}.split-view .split-soon h2{font-size:22px}.split-view[data-split-pane=placeholder] #split-properties{display:none}.toolbar-group:not(#none){flex-flow:column;justify-content:center;align-items:center;gap:1px}.toolbar-group .toolbar-group-row{align-items:center;gap:2px;display:flex}.toolbar-group .toolbar-group-tool:not(#none){color:#d4d9e0;background:0 0;border-color:#0000;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:relative}.toolbar-group .toolbar-group-tool:not(#none):hover{background:#2e333b;border-color:#353a43}.toolbar-group .toolbar-group-tool[aria-pressed=true]:not(#none){color:#e6e9ee;background:#23384f;border-color:#4aa8ff}.toolbar-group .toolbar-group-tool .tool-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.toolbar-group .toolbar-group-name:not(#none){margin:0;font-size:10px;line-height:14px}.toolbar-group .toolbar-group-name .menu-button-toggle:not(#none){text-transform:uppercase;letter-spacing:.06em;color:#8a919c;background:0 0;border-color:#0000;padding:0 4px;font-size:10px;line-height:14px}.toolbar-group .toolbar-group-name .menu-button-toggle:not(#none):hover{color:#e6e9ee;border-color:#353a43}.toolbar-group.toolbar-group-solo .menu-button-toggle:not(#none){color:#d4d9e0;background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:1px;padding:2px 6px 0;display:inline-flex}.toolbar-group.toolbar-group-solo .menu-button-toggle:not(#none):hover{background:#2e333b;border-color:#353a43}.toolbar-group.toolbar-group-solo .menu-button-toggle .icon{margin:5px 0 4px}.toolbar-group.toolbar-group-solo .menu-button-toggle .tool-word{text-transform:uppercase;letter-spacing:.06em;color:#8a919c;font-size:10px;line-height:14px}.toolbar-group:is(#workspace[data-split=on] *):not(#none){flex-direction:row;gap:2px}.toolbar-group:is(#workspace[data-split=on] *) .toolbar-group-name{order:-1}.toolbar-group:is(#workspace[data-split=on] *) .toolbar-group-tool:not(#none){width:32px;height:32px}.toolbar-group:is(#workspace[data-split=on] *) .toolbar-group-name .menu-button-toggle:not(#none){height:32px;padding:0 6px}.toolbar-group.toolbar-group-solo:is(#workspace[data-split=on] *) .menu-button-toggle:not(#none){flex-direction:row;gap:6px;height:32px;padding:0 6px}.toolbar-group.toolbar-group-solo:is(#workspace[data-split=on] *) .menu-button-toggle .icon{margin:0}@media (width<=640px){.toolbar-group:not(#none){flex-direction:row;gap:4px}.toolbar-group .toolbar-group-name{order:-1}.toolbar-group .toolbar-group-tool:not(#none){width:44px;height:44px}.toolbar-group .toolbar-group-name .menu-button-toggle:not(#none){min-height:44px;padding:0 8px}.toolbar-group.toolbar-group-solo .menu-button-toggle:not(#none){flex-direction:row;gap:6px;min-height:44px;padding:0 8px}.toolbar-group.toolbar-group-solo .menu-button-toggle .icon{margin:0}}.undo-redo{flex-shrink:0;font-size:18px;line-height:1;display:flex}.undo-redo button#undo,.undo-redo button#redo{padding-left:6px;padding-right:6px}.undo-redo button:disabled{opacity:.35;cursor:default}.undo-redo.docked{z-index:1;flex-direction:column;gap:4px;position:absolute;bottom:8px;right:8px}.undo-redo.docked button#undo,.undo-redo.docked button#redo{background:#262a31e6;width:44px;height:44px;padding:0}.view-controls{background:#1c1f24eb;border:1px solid #353a43;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:max-content;max-width:calc(100% - 16px);padding:2px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.view-controls .nav-group{gap:2px;display:flex}.view-controls .nav-group+.nav-group{border-left:1px solid #353a43;margin-left:2px;padding-left:2px}.view-controls button.nav-button:not(#no-such-id){color:#c9d1d9;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 6px;font-size:12px;display:inline-flex}.view-controls button.nav-button:not(#no-such-id):hover{background:#2e333b}.view-controls button.nav-button:not(#no-such-id)[aria-pressed=true]{color:#fff;background:#23384f;border-color:#4aa8ff}.view-controls button.nav-button:not(#no-such-id):disabled{opacity:.35;cursor:default;background:0 0}@media (width<=640px){.view-controls{flex-wrap:wrap;max-width:calc(100% - 68px);left:8px;transform:none}}.workspace-menu .menu-button-toggle:not(#none){text-transform:uppercase;letter-spacing:.04em;color:#e6e8eb;font-weight:600}.workspace-menu .menu-button-item[aria-current=true]:not(#none){color:#e6e8eb;font-weight:600;box-shadow:inset 2px 0 #4aa8ff}.workspace-menu .menu-button-item[data-soon]:not(#none){color:#8a919c}.workspace-menu .menu-button-note{color:#8a919c;font-size:12px}@media (width<=640px){.workspace-menu .menu-button-toggle:not(#none){letter-spacing:0;padding-left:6px;padding-right:6px;font-size:13px}}.browser-fold>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:#b5bbc4;padding:4px 2px;font-size:12px;font-weight:600}.browser-fold[open]>summary{border-bottom:1px solid #2a2e35;margin-bottom:4px}@media (width>=641px){.browser-fold:is(#workspace:not([data-split=on]) #browser>*){--browser-block:#1c1f24d6;color:#e6e9ee}.browser-fold:is(#workspace:not([data-split=on]) #browser>*)>summary{pointer-events:auto;background:var(--browser-block);border:1px solid #353a43;border-radius:4px;margin:0 0 4px;padding:4px 8px}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree summary,.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree-row:not(#none),.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-more:not(#none){pointer-events:auto;box-sizing:border-box;background:var(--browser-block);border-radius:3px;width:fit-content;max-width:100%;margin:3px 0}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree summary{text-transform:none;letter-spacing:0;color:#c4cbd5;padding:2px 8px 2px 6px;font-size:13px}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .browser-row-eye:not(#none){pointer-events:auto;background:var(--browser-block);margin:1px 0}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree-row:not(#none){padding:2px 8px}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree summary:hover,.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree-row:not(#none):hover,.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-more:not(#none):hover{background:#2a2e35f5}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree-row[aria-current=true]:not(#none){background:#23384f;border-color:#4aa8ff}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-row{justify-content:flex-start}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-row>.tree-row:not(#none){flex:0 auto}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) :is(.tree summary,.tree-row:not(#none),.delete-ask-more:not(#none)){margin:1px 0;font-size:13px;line-height:18px}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree-row:not(#none){white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;padding:1px 8px;overflow:hidden}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-more:not(#none){min-width:24px;padding:1px 4px}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-row{gap:2px}.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .tree .tree{padding-left:12px}}.browser-fold .browser-row-icon{vertical-align:-3px;opacity:.85;flex:none;margin-right:5px}.browser-fold .tree summary .browser-row-icon{margin-left:2px}.browser-fold .browser-row-eye:not(#none){color:#b5bbc4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;justify-content:center;align-items:center;min-width:24px;padding:1px 3px;display:inline-flex}.browser-fold .browser-row-eye:not(#none):hover,.browser-fold .browser-row-eye:not(#none):focus-visible{color:#e6e9ee;border-color:#353a43}.browser-fold .browser-row-eye[aria-pressed=false]:not(#none){color:#6f7680}.browser-fold .browser-row-hidden>.tree-row{opacity:.55}@media (width<=640px){.browser-fold .browser-row-eye:not(#none){min-width:44px;min-height:44px}}@media (width>=641px) and (hover:hover){.browser-fold:is(#workspace:not([data-split=on]) #browser>*) .delete-ask-row:not(:hover,:focus-within)>.delete-ask-more:not(#none){opacity:0}}.coming-soon .menu-button-toggle{opacity:.5}.coming-soon .menu-button-toggle:hover,.coming-soon .menu-button-toggle:focus-visible,.coming-soon .menu-button-toggle[aria-expanded=true]{opacity:.8}.delete-ask.delete-ask-row{align-items:center;gap:4px;display:flex}.delete-ask.delete-ask-row>.tree-row{flex:1;min-width:0}.delete-ask.delete-ask-row>.delete-ask-more:not(#none){color:#b5bbc4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;min-width:28px;padding:0 6px;line-height:1.4}.delete-ask.delete-ask-row>.delete-ask-more:not(#none):hover,.delete-ask.delete-ask-row>.delete-ask-more:not(#none):focus-visible{color:#e6e9ee;border-color:#353a43}.delete-ask .delete-ask-menu{color:#e6e9ee;background:#1c1f24;border:1px solid #353a43;border-radius:6px;min-width:140px;margin:0;padding:4px;position:fixed;inset:auto;box-shadow:0 8px 24px #00000080}.delete-ask .delete-ask-menu::backdrop{background:0 0}.delete-ask .delete-ask-menu button:not(#none){text-align:left;color:#e6e9ee;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;display:block}.delete-ask .delete-ask-menu #row-menu-delete:not(#none):enabled{color:#ff8a8a}.delete-ask .delete-ask-menu button:not(#none):hover:enabled,.delete-ask .delete-ask-menu button:not(#none):focus-visible{background:#2a2e35}.delete-ask .delete-ask-menu button:not(#none):disabled{color:#6f7680;cursor:default}.delete-ask .delete-ask-menu .delete-ask-off{color:#8a919c;white-space:normal;max-width:240px;font-size:.8em;line-height:1.3;display:block}.delete-ask .delete-ask-box{color:#e6e9ee;background:#1c1f24;border:1px solid #353a43;border-radius:8px;max-width:min(420px,100vw - 32px);padding:16px 18px;box-shadow:0 10px 30px #0000008c}.delete-ask .delete-ask-box::backdrop{background:#00000080}.delete-ask .delete-ask-box h2{margin:0 0 8px;font-size:1.1em}.delete-ask .delete-ask-box p{color:#c4cbd5;margin:0 0 14px;line-height:1.45}.delete-ask .delete-ask-box .delete-ask-actions{justify-content:flex-end;gap:8px;display:flex}.delete-ask .delete-ask-box #delete-ask-confirm:not(#none){background:#6b2328;border-color:#e0656d;font-weight:600}.delete-ask .delete-ask-box #delete-ask-confirm:not(#none):hover{background:#82292f}@media (width<=640px){.delete-ask.delete-ask-row>.delete-ask-more:not(#none),.delete-ask .delete-ask-menu button:not(#none),.delete-ask .delete-ask-box button:not(#none){min-width:44px;min-height:44px}}.extrude{border-left:3px solid #6cc4ff;margin-bottom:12px;padding:4px 0 8px 10px}.extrude h2{margin-top:0}.extrude p{margin:6px 0}.extrude .extrude-row{margin:6px 0;display:block}.extrude .extrude-row input{width:6em}.extrude .extrude-label{color:#b7c0cc;min-width:5.5em;display:inline-block}.extrude .extrude-profile-row{align-items:center;gap:6px;display:flex}.extrude .extrude-profile{font-weight:600}.extrude .extrude-profile.extrude-unpicked{color:#6cc4ff;font-style:italic;font-weight:400}.extrude .extrude-clear{padding:0 8px}.extrude .extrude-status{color:#b7c0cc}.extrude .extrude-note{color:#8b95a3;font-size:.9em}.extrude .extrude-buttons{gap:6px;margin-top:4px;display:flex}.extrude button:disabled{opacity:.45;cursor:default}.extrude .extrude-flip{margin-left:4px}@media (width<=700px){.extrude button,.extrude input{min-height:44px}.extrude .extrude-clear{min-width:44px}}.feature-edit{border-left:3px solid #6cc4ff;margin-bottom:12px;padding:4px 0 8px 10px}.feature-edit h2{overflow-wrap:anywhere;margin-top:0}.feature-edit p{margin:6px 0}.feature-edit .feature-edit-row{margin:6px 0;display:block}.feature-edit .feature-edit-row input{width:6em}.feature-edit .feature-edit-note{color:#8b95a3;font-size:.9em}.feature-edit .feature-edit-buttons{gap:6px;margin-top:4px;display:flex}.feature-edit button:disabled{opacity:.45;cursor:default}.feature-edit .feature-edit-flip{cursor:pointer;align-items:center;gap:6px;width:fit-content;display:flex}.feature-edit .feature-edit-flip input{width:18px;height:18px;margin:0}@media (width<=700px){.feature-edit button,.feature-edit input,.feature-edit .feature-edit-flip{min-height:44px}.feature-edit .feature-edit-flip input{width:22px;height:22px;min-height:0}}.kept:not(#none){color:#ff6b6b}.kept.kept-warning{border-left:3px solid;margin:6px 0;padding-left:8px}.kept[data-node]:after{content:" ⚠"}.pointer-hint{z-index:19;pointer-events:none;white-space:nowrap;color:#1d2228;background:#f0f2f5f2;border:1px solid #9aa3ad;border-radius:3px;padding:2px 6px;font-size:12px;line-height:16px;position:absolute;transform:translate(18px,-30px)}.pointer-hint[hidden]{display:none}@media (width<=640px){.pointer-hint{transform:translate(-50%,-48px)}}@media (width>=641px){.properties-fold:is(#workspace:not([data-split=on]) #properties){z-index:2;background:#1c1f24f5;border:1px solid #353a43;border-radius:6px;grid-area:2/2;place-self:start end;width:300px;max-height:calc(100% - 168px);margin:112px 8px 0 0;padding:10px 14px 14px;box-shadow:0 2px 8px #0006}.properties-fold:is(#workspace:not([data-split=on]) #properties)[data-folded]{width:auto;max-height:none;box-shadow:none;background:0 0;border:none;gap:0;padding:0;overflow:visible}.properties-fold:is(#workspace:not([data-split=on]) #properties)[data-folded]>:not(.properties-fold-handle){display:none!important}.properties-fold:is(#workspace:not([data-split=on]) #properties)>.properties-fold-handle:not(#none){text-transform:uppercase;letter-spacing:.06em;color:#b5bbc4;background:#1c1f24d6;border:1px solid #353a43;border-radius:4px;align-self:flex-end;padding:2px 8px;font-size:12px;font-weight:600}.properties-fold:is(#workspace:not([data-split=on]) #properties)>.properties-fold-handle:not(#none):hover{color:#e6e9ee;background:#2a2e35f5}.properties-fold:is(#workspace:not([data-split=on]) #properties)[data-folded][data-problem]>.properties-fold-handle:not(#none){color:#f5b14c;border-color:#f5b14c}.properties-fold:is(#workspace:not([data-split=on]) #properties)[data-folded][data-problem]>.properties-fold-handle:after{content:" ⚠"}}.properties-fold:is(#workspace[data-split=on] #properties)>.properties-fold-handle{display:none}@media (width<=640px){.properties-fold>.properties-fold-handle{display:none}}.rename-box .rename-box-dialog{box-sizing:border-box;color:#e6e9ee;background:#1c1f24;border:1px solid #353a43;border-radius:6px;width:min(280px,100vw - 32px);margin:0;padding:10px;position:fixed;inset:auto;box-shadow:0 8px 24px #00000080}.rename-box .rename-box-dialog::backdrop{background:0 0}.rename-box .rename-box-dialog label{color:#b5bbc4;margin:0 0 6px;font-size:.85em;display:block}.rename-box .rename-box-dialog input:not(#none){box-sizing:border-box;width:100%;font:inherit;color:#e6e9ee;background:#14161a;border:1px solid #4aa8ff;border-radius:4px;padding:4px 6px;display:block}.rename-box .rename-box-dialog input:not(#none)[aria-invalid=true]{border-color:#e0a84a}.rename-box .rename-box-why{color:#f0c06a;margin:6px 0 0;font-size:.8em;line-height:1.3}.rename-box .rename-box-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.rename-box .rename-box-actions button:not(#none){font:inherit;color:#e6e9ee;cursor:pointer;background:#2a2e35;border:1px solid #353a43;border-radius:4px;padding:3px 10px}.rename-box .rename-box-actions #rename-save:not(#none){border-color:#4aa8ff}@media (width<=640px){.rename-box .rename-box-actions button:not(#none),.rename-box .rename-box-dialog input:not(#none){min-height:44px}}.sketch{border-left:3px solid #6cc4ff;margin-bottom:12px;padding:4px 0 8px 10px}.sketch h2{margin-top:0}.sketch p{margin:6px 0}.sketch .sketch-planes{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.sketch button:disabled{opacity:.45;cursor:default}.sketch .sketch-grid input{width:6em}.sketch .sketch-status{color:#b7c0cc}.sketch .sketch-buttons{flex-wrap:wrap;gap:6px;display:flex}.sketch .sketch-finish{margin-top:4px}@media (width<=700px){.sketch button,.sketch .sketch-grid input{min-height:44px}}.sketch .sketch-grid-snap{align-items:center;gap:6px;margin:6px 0;display:flex}@media (width<=700px){.sketch .sketch-grid-snap{min-height:44px}.sketch .sketch-grid-snap input{width:24px;height:24px}}.sketchbar.sketchbar-finish:not(#none){margin-left:auto}.sketchbar #finish-sketch:not(#none){background:#1f5f3f;border-color:#3ddc97;padding:7px 16px;font-weight:600}.sketchbar #finish-sketch:not(#none):hover{background:#26744c}.sketchbar #finish-sketch:not(#none){align-items:center;gap:6px;display:inline-flex}.sketchbar .sketchbar-menu .sketchbar-menu-name{align-items:center;gap:8px;display:inline-flex}.sketchbar .sketchbar-menu-button:not(#none){text-transform:uppercase;letter-spacing:.06em;color:#b7c0cc;background:0 0;border-color:#0000;font-size:11px}.sketchbar .sketchbar-menu-button[aria-expanded=true]:not(#none){border-color:#4aa8ff}.sketchbar .sketchbar-menu{z-index:30;background:#1c1f24;border:1px solid #353a43;border-radius:6px;flex-direction:column;min-width:190px;padding:4px;display:flex;position:fixed;box-shadow:0 6px 18px #00000073}.sketchbar .sketchbar-menu button:not(#none){text-align:left;background:0 0;border-color:#0000;justify-content:space-between;gap:16px;display:flex}.sketchbar .sketchbar-menu button:not(#none):hover,.sketchbar .sketchbar-menu button:not(#none):focus{background:#2e333b}.sketchbar .sketchbar-menu button[aria-checked=true]:not(#none){background:#23384f;border-color:#4aa8ff}.sketchbar .sketchbar-menu kbd{color:#8a919c;font-family:ui-monospace,monospace}@media (width<=640px){.sketchbar button:not(#none){min-height:44px}.sketchbar.sketchbar-create:not(#none){flex-wrap:nowrap;flex-shrink:0;max-width:calc(100vw - 24px)}.sketchbar.sketchbar-create .toolbar-group-row{flex-wrap:wrap;flex:1 1 0;min-width:0}.sketchbar .sketchbar-menu button:not(#none){align-items:center;min-height:44px}}.sketchbar .sketchbar-menu .sketchbar-menu-more{color:#8a919c}.sketchbar .sketchbar-menu button.sketchbar-menu-holds:not(#none){border-color:#4aa8ff}.sketchbar .sketchbar-menu button[aria-expanded=true]:not(#none){background:#2e333b}.sketchbar .sketchbar-submenu{z-index:31}.start-fresh{color:#e6e9ee;background:#1c1f24;border:1px solid #353a43;border-radius:8px;max-width:min(420px,100vw - 32px);padding:16px 18px;box-shadow:0 10px 30px #0000008c}.start-fresh::backdrop{background:#00000080}.start-fresh h2{margin:0 0 8px;font-size:1.1em}.start-fresh p{color:#c4cbd5;margin:0 0 14px;line-height:1.45}.start-fresh .start-fresh-actions{justify-content:flex-end;gap:8px;display:flex}.start-fresh #start-fresh-confirm:not(#none){background:#6b2328;border-color:#e0656d;font-weight:600}.start-fresh #start-fresh-confirm:not(#none):hover{background:#82292f}@media (width<=640px){.start-fresh button:not(#none){min-height:44px}}.start-hint{z-index:3;box-sizing:border-box;color:#e6e9ee;background:#1c1f24f5;border:1px solid #353a43;border-radius:8px;max-width:calc(100% - 32px);padding:12px 40px 14px 16px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #00000073}.start-hint[hidden]{display:none}.start-hint h2{margin:0 0 10px;font-size:14px;font-weight:600}.start-hint .start-hint-actions{flex-wrap:wrap;gap:8px;display:flex}.start-hint .start-hint-close:not(#none){color:#8a919c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;width:28px;height:28px;padding:0;font-size:14px;line-height:1;position:absolute;top:6px;right:6px}.start-hint .start-hint-close:not(#none):hover,.start-hint .start-hint-close:not(#none):focus-visible{color:#e6e9ee;background:#2e333b;border-color:#353a43}@media (width<=640px){.start-hint{width:calc(100% - 32px);top:16px;transform:translate(-50%)}.start-hint button:not(#none){min-height:44px}.start-hint .start-hint-close:not(#none){width:44px;height:44px;top:0;right:0}}.timeline-bar{scrollbar-width:thin;background:#1c1f24;border-top:1px solid #2a2e35;align-items:center;gap:2px;height:32px;margin:0;padding:4px 12px;list-style:none;display:flex;overflow:auto hidden}.timeline-bar .timeline-bar-item{color:#8fc3ff;background:#262a31;border:1px solid #353a43;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:22px;display:inline-flex;position:relative}.timeline-bar .timeline-bar-item[data-icon=sketch]{color:#c9d1d9}.timeline-bar .timeline-bar-item[data-rolled-back=true]{opacity:.4}.timeline-bar .timeline-bar-item[data-suppressed=true]{color:#8a919c}.timeline-bar .timeline-bar-item[data-suppressed=true]:after{content:"";border-top:1.5px solid #ff6b6b;position:absolute;top:50%;left:2px;right:2px;transform:rotate(-35deg)}.timeline-bar .timeline-bar-marker{background:#4aa8ff;border-radius:2px;flex-shrink:0;width:4px;height:24px;margin:0 3px}.timeline-bar .timeline-bar-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.timeline-bar .timeline-bar-item[data-failed=true]{color:#ff6b6b;background:#3a2226;border-color:#e0656d}.timeline-bar .timeline-bar-item{cursor:pointer}.timeline-bar .timeline-bar-item:focus-visible{outline-offset:1px;outline:2px solid #4aa8ff}.timeline-bar .timeline-bar-more-slot{flex-shrink:0;display:inline-flex}.timeline-bar .timeline-bar-more:not(#none){color:#e6e9ee;cursor:pointer;background:#2a2e35;border:1px solid #4aa8ff;border-radius:3px;min-width:28px;height:22px;padding:0 6px;line-height:1}.timeline-bar .timeline-bar-marker{cursor:ew-resize;touch-action:none;position:relative}.timeline-bar .timeline-bar-marker:before{content:"";position:absolute;inset:-4px -5px}.timeline-bar[data-dragging=true]{cursor:ew-resize}.timeline-bar[data-dragging=true] .timeline-bar-marker{background:#8fc3ff;box-shadow:0 0 0 2px #4aa8ff59}@media (width<=640px){.timeline-bar{gap:12px}}.timeline-bar .timeline-bar-item[data-greyed=true]{color:#8a919c;opacity:.6;border-style:dashed}.timeline-bar .timeline-bar-item[data-warned=true]{color:#ff6b6b;background:#3a2226;border-color:#e0656d}.timeline-marker{min-width:0;display:flex}.timeline-marker .timeline-bar{flex:auto;min-width:0}.timeline-marker .timeline-marker-buttons{background:#1c1f24;border-top:1px solid #2a2e35;flex-shrink:0;align-items:center;gap:2px;height:32px;padding-left:12px;display:flex}.timeline-marker .timeline-marker-button:not(#none){color:#c9d1d9;cursor:pointer;background:#262a31;border:1px solid #353a43;border-radius:3px;justify-content:center;align-items:center;width:24px;height:22px;padding:0;display:inline-flex}.timeline-marker .timeline-marker-button:not(#none):hover{border-color:#4aa8ff}.timeline-marker .timeline-marker-button:not(#none):focus-visible{outline-offset:1px;outline:2px solid #4aa8ff}.timeline-marker .timeline-marker-button[aria-disabled=true]:not(#none){opacity:.4;cursor:default;border-color:#353a43}.timeline-marker .timeline-bar-note{color:#ff9a9a;z-index:2;pointer-events:none;background:#3a2226;border:1px solid #e0656d;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;left:4px;right:4px}.timeline-menu.timeline-menu-failed:not(#none){color:#ff6b6b}.timeline-menu.timeline-menu-rolled-back{opacity:.45}.timeline-menu.timeline-menu-greyed{opacity:.45;font-style:italic}.timeline-reorder{position:relative}.timeline-reorder .timeline-reorder-picked{touch-action:none}.timeline-reorder .timeline-reorder-dragged{opacity:.45;outline-offset:1px;cursor:grabbing;outline:1px dashed #4aa8ff}.timeline-reorder .timeline-reorder-line{pointer-events:none;z-index:2;background:#4aa8ff;border-radius:1px;width:2px;position:absolute;top:3px;bottom:3px}.timeline-reorder .timeline-reorder-line[data-state=refused]{background:#ff6b6b}.timeline-reorder .timeline-reorder-line[data-state=refused]:before{content:"×";color:#ff6b6b;font:700 11px/1 system-ui,sans-serif;position:absolute;top:-9px;left:-4px}.timeline-reorder .timeline-reorder-line[data-state=away]{background:#6f7680}.timeline-reorder .timeline-reorder-note{color:#ffd7d9;pointer-events:none;z-index:5;box-sizing:border-box;background:#3a2226;border:1px solid #e0656d;border-radius:4px;max-width:min(360px,100vw - 16px);padding:4px 8px;font:12px/1.35 system-ui,sans-serif;position:absolute;bottom:calc(100% + 4px)}.timeline-reorder .timeline-reorder-note[hidden]{display:none}.timeline-reorder .timeline-reorder-note[data-state=away]{color:#c9d1d9;background:#262a31;border-color:#353a43}.timeline-reorder .timeline-bar-item{-webkit-user-select:none;user-select:none}.typed-entry{z-index:20;pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;transform:translate(18px,14px)}.typed-entry:focus-within{pointer-events:auto}@media (hover:none){.typed-entry{pointer-events:auto}}.typed-entry[hidden]{display:none}.typed-entry .typed-entry-row{color:#b7c0cc;background:#16191eeb;border:1px solid #3a404a;border-radius:4px;grid-template-columns:52px 76px 18px 14px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;display:grid}.typed-entry .typed-entry-name{font-size:11px}.typed-entry input:not(#none){color:#fff;background:#101216;border:1px solid #353a43;border-radius:3px;width:76px;min-width:0;padding:2px 4px;font:12px ui-monospace,monospace}.typed-entry input:not(#none)::placeholder{color:#8a919c}.typed-entry input:not(#none):focus{border-color:#4aa8ff;outline:none}.typed-entry .typed-entry-unit{color:#8a919c}.typed-entry .typed-entry-lock{color:#3ddc97;display:inline-flex}.typed-entry .typed-entry-lock[hidden]{display:none}.typed-entry .typed-entry-locked{border-color:#3ddc97}.typed-entry .typed-entry-invalid{border-color:#ff6b6b}.typed-entry .typed-entry-error{color:#ff9b9b;white-space:normal;grid-column:1/-1;max-width:180px;font-size:11px}.typed-entry .typed-entry-error[hidden]{display:none}@media (width<=640px){.typed-entry{transform:translate(-50%,28px)}.typed-entry input:not(#none){min-height:32px;font-size:16px}}.image #image-size{grid-template-columns:auto 1fr;gap:6px 12px;margin:8px 0;display:grid}.image #image-size dt{color:#8a919c}.image #image-size dd{margin:0;font-family:ui-monospace,monospace}.image #image-size-inputs{gap:6px;display:grid}.image #image-adjust{grid-template-columns:1fr auto;align-items:center;gap:6px 8px;margin:10px 0;display:grid}.image #image-adjust label{justify-content:space-between}.image #image-brightness-number{text-align:right;flex:0 0 5em}.image #image-brightness{grid-column:1/-1;width:100%;min-width:0;margin:0}.image #image-error{color:#ff6b6b;white-space:pre-wrap;margin:0}.image.tree li{align-items:center;gap:4px;display:flex}.image.tree .tree-row{flex:1;min-width:0}.image.tree .layer-hidden .tree-row{opacity:.5}.image.tree .layer-visibility{padding:2px 8px;font-size:12px}*{box-sizing:border-box}html,body{color:#e6e8eb;background:#14161a;height:100%;margin:0;font:14px system-ui,sans-serif}body{flex-direction:column;display:flex}#topbar{background:#1c1f24;border-bottom:1px solid #2a2e35;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:0 16px;min-height:44px;padding:0 12px;display:flex}#topbar h1{white-space:nowrap;margin:0;font-size:16px}#version{color:#8a919c;font-size:12px;font-weight:400}@media (width<=1439px){#topbar h1 #version{display:none}}#workspaces{flex:1 1 0;gap:2px;min-width:0;display:flex}#topbar-actions{display:contents}#menu-toggle{display:none}#topbar button{color:#b5bbc4;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 10px 10px}#topbar button:hover{color:#e6e8eb}#topbar button[aria-selected=true],#topbar button[aria-pressed=true]{color:#e6e8eb;border-bottom-color:#4aa8ff}#file-notice{color:#f5b14c;flex-basis:100%;order:99;align-items:baseline;gap:8px;padding:0 0 8px;font-size:12px;display:flex}#file-notice:has(#file-status:empty){display:none}#file-status{overflow-wrap:anywhere;flex:1;min-width:0}#topbar #file-dismiss{border:1px solid #2a2e35;border-radius:4px;padding:2px 8px;font-size:12px}#save-status{color:#b5bbc4;white-space:nowrap;font-size:12px}#save-status:empty{display:none}#save-status[data-state=error]{color:#f5b14c;white-space:normal;overflow-wrap:anywhere;flex-basis:100%;order:98;padding-bottom:8px}#workspace{flex:1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-height:0;display:grid}#toolbar{grid-area:1/1/auto/-1}#toolbar,#split-toolbar{background:#1c1f24;border-bottom:1px solid #2a2e35;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}#browser{border-right:1px solid #2a2e35;grid-area:2/1;width:220px}#viewport{grid-area:2/2}@media (width>=641px){#workspace:not([data-split=on]) #browser{z-index:2;background:#1c1f24eb;border:1px solid #353a43;border-radius:6px;grid-column:2;place-self:start;gap:6px;width:240px;max-height:calc(100% - 64px);margin:8px;padding:6px 10px;box-shadow:0 2px 8px #0006}#workspace:not([data-split=on]) #browser:has(>.browser-fold){box-shadow:none;pointer-events:none;background:0 0;border:none;gap:0;padding:0}}#timeline,#split-timeline{grid-area:3/1/auto/-1;min-width:0}#properties{border-left:1px solid #2a2e35;grid-area:2/3;width:300px}#assistant{grid-area:2/4}#browser,#properties,#split-browser,#split-properties{scrollbar-width:thin;scrollbar-color:transparent transparent;background:#1c1f24;flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto}:is(#browser,#properties,#split-browser,#split-properties):is(:hover,:focus-within){scrollbar-color:#4a515c transparent}#toolbar:empty,#browser:empty,#properties:empty,#timeline:empty,#split-toolbar:empty,#split-browser:empty,#split-properties:empty,#split-timeline:empty{display:none}#workspace aside h2{text-transform:uppercase;letter-spacing:.06em;color:#8a919c;margin:8px 0 0;font-size:13px}label{align-items:center;gap:8px;display:flex}label input,label select{min-width:0;color:inherit;background:#14161a;border:1px solid #2a2e35;border-radius:4px;flex:1;padding:6px 8px;font-family:ui-monospace,monospace}#stats,#feature-info{grid-template-columns:auto 1fr;gap:6px 12px;margin:8px 0 0;display:grid}#stats dt,#feature-info dt{color:#8a919c}#stats dd{margin:0;font-family:ui-monospace,monospace}#feature-info dd{margin:0}#stats.stale dd{opacity:.45}#stale-note{color:#f5b14c}#status.ok{color:#3ddc97}#status.bad{color:#ff6b6b}#error{color:#ff6b6b;white-space:pre-wrap;min-height:1em;margin:0}#viewport,#split-viewport{min-width:0;position:relative}#workspace #split-bar button{background:#262a31e6;padding:5px 8px;font-size:13px}.view-cube{touch-action:none;width:96px;height:96px;position:absolute;top:8px;right:8px}.overlay-legend{color:#f5b14c;background:#14161ad9;border-radius:6px;margin:0;padding:6px 10px;font-size:13px;list-style:none;position:absolute;top:112px;right:8px}#workspace button{color:inherit;font:inherit;cursor:pointer;background:#262a31;border:1px solid #353a43;border-radius:4px;padding:7px 10px}#workspace button:hover{background:#2e333b}.tool-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tool-group+.tool-group{border-left:1px solid #2a2e35;margin-left:4px;padding-left:10px}.tool-group-name{text-transform:uppercase;letter-spacing:.06em;color:#8a919c;margin-right:4px;font-size:11px}#toolbar button[aria-pressed=true],#split-toolbar button[aria-pressed=true],#workspace #split-toggle[aria-pressed=true]{background:#23384f;border-color:#4aa8ff}.tree{margin:0;padding:0;list-style:none}.tree .tree{padding-left:14px}.tree summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:#8a919c;padding:4px 2px;font-size:12px}#workspace .tree-row{text-align:left;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;width:100%;padding:4px 6px;display:block}#workspace .tree-row:hover{background:#262a31}#workspace .tree-row[aria-current=true]{background:#23384f;border-color:#4aa8ff}#action-note{overflow-wrap:anywhere;min-height:1em;margin:0;font-size:13px}#workspace .verbs{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}#workspace .selection-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}#workspace .selection-list code{color:#8a919c;overflow-wrap:anywhere;font-size:12px}#action-note.bad{color:#ff6b6b}#split{display:contents}#split[hidden]{display:none}#split-toggle{position:absolute;bottom:8px;right:8px}#split-bar{z-index:1;background:#1c1f24e6;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:flex;position:absolute;top:8px;left:8px}#split-bar label{gap:6px}#split-bar select{padding:4px 6px;font-family:inherit}#workspace #split-toggle{background:#262a31e6;padding:5px 8px;font-size:13px}#workspace[data-split=on]{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto auto}#workspace[data-split=on] #timeline{grid-area:4/1/auto/3}#workspace[data-split=on] #split-timeline{border-left:2px solid #2a2e35;grid-area:4/3/auto/5}#workspace[data-split=on] #toolbar{grid-column:1/3}#workspace[data-split=on] #split-toolbar{border-left:2px solid #2a2e35;grid-area:1/3/auto/5}#workspace[data-split=on] #viewport{grid-area:2/2/4}#workspace[data-split=on] #split-viewport{border-left:2px solid #2a2e35;grid-area:2/3/4}#workspace[data-split=on] #browser,#workspace[data-split=on] #properties,#split-browser,#split-properties{width:240px}#workspace[data-split=on] #browser{grid-area:2/1;max-height:40vh}#workspace[data-split=on] #properties{border-left:none;border-right:1px solid #2a2e35;grid-area:3/1}#split-browser{border-left:1px solid #2a2e35;grid-area:2/4;max-height:40vh}#split-properties{border-left:1px solid #2a2e35;grid-area:3/4}#workspace[data-split=on]:has(#browser:empty) #properties{grid-row:2/4}#workspace[data-split=on]:has(#split-browser:empty) #split-properties{grid-row:2/4}#workspace[data-split=on] #assistant{grid-area:2/5/4}@media (width<=899px){#split-toggle,#split{display:none}}.placeholder h2{text-transform:none;letter-spacing:0;color:#e6e8eb;margin:0;font-size:18px}.placeholder h3{text-transform:uppercase;letter-spacing:.06em;color:#8a919c;margin:14px 0 4px;font-size:12px}.placeholder p{margin:6px 0;line-height:1.45}.placeholder ul{margin:0;padding-left:18px;line-height:1.45}.placeholder .coming-soon{color:#4aa8ff;border:1px solid #4aa8ff;border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.placeholder .starts-after{color:#8a919c;margin-top:14px;font-size:13px}#panel-toggles{display:none}@media (width<=640px){#workspace{flex-direction:column;display:flex;overflow:hidden auto}#toolbar{flex-wrap:nowrap;flex-shrink:0;overflow-x:auto}.tool-group{flex-wrap:nowrap}#toolbar button{white-space:nowrap}#panel-toggles{background:#1c1f24;border-bottom:1px solid #2a2e35;flex-shrink:0;order:1;gap:6px;padding:6px 12px;display:flex}#panel-toggles button[aria-expanded=true]{background:#23384f;border-color:#4aa8ff}:is(#workspace:has(#browser:empty) #browser-toggle,#workspace:has(#properties:empty) #properties-toggle){display:none}#viewport{flex-shrink:0;order:3;height:55vh}#timeline{flex-shrink:0;order:3}#browser,#properties{border-top:1px solid #2a2e35;border-left:none;border-right:none;flex-shrink:0;width:auto;overflow-y:visible}#browser{order:2}#properties{order:4}#workspace[data-browser=closed] #browser,#workspace[data-properties=closed] #properties{display:none}#workspace #assistant{border-top:1px solid #2a2e35;border-left:none;flex-shrink:0;order:5;width:auto}#topbar{gap:8px;padding:0 8px}#topbar h1 #version{display:none}#topbar h1{font-size:14px}#menu-toggle{display:block}#topbar{position:relative}#topbar-actions{z-index:20;background:#1c1f24;border:1px solid #2a2e35;border-top:none;flex-direction:column;min-width:180px;display:none;position:absolute;top:44px;right:0}#topbar[data-menu=open] #topbar-actions{display:flex}#topbar #topbar-actions button{text-align:left;border-bottom:none;border-left:2px solid #0000;padding:12px 16px}#topbar #topbar-actions button[aria-pressed=true]{border-left-color:#4aa8ff}#save-status:not([data-state=error]){font-size:0;position:absolute}}[hidden]{display:none!important}#assistant{background:#1c1f24;border-left:1px solid #2a2e35;width:320px;padding:16px;overflow-y:auto}#assistant[hidden]{display:none}#assistant h4{margin:12px 0 4px}#assistant .where{color:#8a919c;font-size:12px;font-weight:400}#ai-status{color:#8a919c;font-size:12px}.app-update{z-index:50;box-sizing:border-box;color:#e6e8eb;background:#262a31;border:1px solid #3d434d;border-radius:6px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 8px 8px 14px;display:flex;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.app-update span{flex:auto}.app-update button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#2f63ad;border:1px solid #4b84d6;border-radius:4px;flex:none;padding:0 14px}.app-update button:disabled{opacity:.6;cursor:default}