:root{--surface-app:#f1f3f7;--surface-panel:#fff;--surface-sunken:#f6f7fa;--surface-raised:#fff;--surface-hover:#f0f2f6;--surface-active:#e7ebf3;--surface-canvas:#eceef3;--surface-paper:#fff;--border-subtle:#e6e8ee;--border-default:#d8dbe3;--border-strong:#b9bec9;--text-primary:#16181d;--text-secondary:#5a6172;--text-tertiary:#8b91a1;--text-inverse:#fff;--accent:#2f6df6;--accent-hover:#245fe0;--accent-soft:#e8efff;--accent-border:#b9cdfd;--danger:#dc3b48;--danger-soft:#fdecee;--warning:#d98324;--success:#1f9d63;--wall-fill:#2a2f3a;--wall-stroke:#171a21;--grid-minor:#d4d9e4;--grid-major:#b7bfce;--dimension:#7b8296;--dimension-strong:#4a5163;--snap-guide:#f0499b;--radius-sm:4px;--radius-md:7px;--radius-lg:11px;--radius-full:999px;--shadow-sm:0 1px 2px #1014200f, 0 1px 1px #1014200a;--shadow-md:0 4px 12px #10142014, 0 1px 3px #1014200f;--shadow-lg:0 12px 32px #1014201f, 0 2px 8px #1014200f;--topbar-height:52px;--statusbar-height:30px;--panel-width:268px;--inspector-width:288px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--duration-fast:.11s;--ease-out:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}body[data-pointer-dragging=true],body[data-pointer-dragging=true] .app,body[data-pointer-dragging=true] .app *{cursor:var(--pointer-drag-cursor,default)!important}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.app__body{flex:1;min-height:0;display:flex;position:relative}.app__center{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{height:var(--topbar-height);background:var(--surface-panel);border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:10px;padding:0 12px;display:flex}.topbar__brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;padding-right:4px;font-size:20px;font-weight:650;display:flex}.topbar__logo{object-fit:contain;width:30px;height:26px}.topbar__about{width:26px;height:26px;color:var(--text-secondary);margin-left:-2px}.topbar__spacer{flex:1}.topbar__settings{position:relative}.settings-popover{z-index:40;width:320px;max-height:calc(100vh - var(--topbar-height) - var(--statusbar-height) - 20px);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.settings-popover__header{border-bottom:1px solid var(--border-subtle);flex:none;padding:12px 14px;font-size:13.5px;font-weight:660}.settings-popover__body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.settings-popover__section{border-bottom:1px solid var(--border-subtle);padding:13px 14px}.settings-popover__section:last-child{border-bottom:none}.settings-popover__title{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:10.5px;font-weight:680}.settings-popover__footer{border-top:1px solid var(--border-subtle);flex:none;padding:6px}.divider-v{background:var(--border-subtle);width:1px;height:22px}.btn{height:30px;color:var(--text-primary);white-space:nowrap;cursor:pointer;background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:550;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){background:var(--surface-active)}.btn:disabled{color:var(--text-tertiary);cursor:default;opacity:.6}.btn--primary{color:var(--text-inverse);background:var(--accent);border-color:#0000}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn--icon{width:30px;padding:0}.btn--danger{color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.btn--block{width:100%}.toolstrip{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:2px;padding:2px;display:flex}.tool{width:42px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:inline-flex}.tool span{letter-spacing:.01em;font-size:9.5px;font-weight:600}.tool:hover{color:var(--text-primary);background:var(--surface-hover)}.tool.is-active{color:var(--accent);background:var(--surface-panel);box-shadow:var(--shadow-sm)}.panel{background:var(--surface-panel);flex-direction:column;flex:none;min-height:0;display:flex}.panel--left{z-index:30;width:var(--panel-width);border-right:1px solid var(--border-subtle);position:absolute;inset:0 auto 0 0}.inspector-popover{z-index:20;width:var(--inspector-width);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-height:calc(100% - 24px);box-shadow:var(--shadow-lg);position:absolute;top:12px;right:12px;overflow:hidden}.inspector-popover__collapse{z-index:1;margin-left:0;position:absolute;top:8px;right:8px}.inspector-popover .section>.stack>:first-child{margin-right:32px}.inspector-popover .inspector-name-field{width:75%;margin-right:0}.inspector-toggle{z-index:20;height:32px;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffeb;align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:620;display:inline-flex;position:absolute;top:12px;right:12px}.inspector-toggle:hover{color:var(--text-primary);background:var(--surface-panel)}.inspector-popover .panel__scroll{padding-bottom:8px}.inspector-popover .section{padding-bottom:4px}.panel__header{align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.panel__title{letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:680}.panel__collapse{width:24px;height:24px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid}.panel__collapse:hover{color:var(--text-primary);background:var(--surface-hover)}.panel__scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 12px 16px;overflow-y:auto}.panel__scroll::-webkit-scrollbar{width:10px}.settings-popover__body::-webkit-scrollbar{width:10px}.panel__scroll::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}.settings-popover__body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}.panel__scroll::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.settings-popover__body::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.section{border-top:1px solid var(--border-subtle);padding:12px 0}.section:first-child{border-top:none}.section__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:680;display:flex}.collapsible{border-top:1px solid var(--border-subtle)}.collapsible__trigger{letter-spacing:.03em;text-transform:uppercase;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 0;font-size:11.5px;font-weight:680;display:flex}.collapsible__trigger:hover{color:var(--text-primary)}.collapsible__chevron{color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}.collapsible__chevron.is-open{transform:rotate(90deg)}.collapsible__body{padding-bottom:12px}.search{align-items:center;margin:0 12px 4px;display:flex;position:relative}.search svg{color:var(--text-tertiary);pointer-events:none;position:absolute;left:8px}.search input{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:30px;padding:0 8px 0 28px}.search input:focus{background:var(--surface-panel);border-color:var(--accent-border);outline:none}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.catalog-card{cursor:pointer;background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex}.catalog-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.catalog-card.is-active{background:var(--accent-soft);border-color:var(--accent)}.catalog-card__art{width:100%;height:40px;color:var(--text-secondary);place-items:center;display:grid}.catalog-card__name{color:var(--text-secondary);text-align:center;font-size:10.5px;font-weight:550;line-height:1.2}.catalog-card__size{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:9px}.catalog-help{color:var(--text-tertiary);margin:-2px 2px 0;font-size:10.5px;line-height:1.35}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:8px;display:flex}.row--split{justify-content:space-between}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.item-inspector__rotation .field{flex:1}.item-inspector__rotate{flex:none}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:620}.input{background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;width:100%;height:30px;padding:0 8px}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input.is-invalid{border-color:var(--danger)}.input--numeric{text-align:right;cursor:text}.input--scrubbable{cursor:ew-resize}.length-field__parts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.length-field__part{min-width:0;position:relative}.length-field__part .input,.number-field__control .input{padding-right:25px}.length-field__part>span,.number-field__control>span{color:var(--text-tertiary);pointer-events:none;font-size:10.5px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.number-field__control{display:block;position:relative}.length-field__parts.is-invalid .input,.length-field__part.is-invalid .input{border-color:var(--danger)}.select{background:var(--surface-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;height:30px;padding:0 6px}.segmented{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2px;display:flex}.segmented__option{height:24px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;border:none;flex:1;padding:0 6px;font-size:11.5px;font-weight:600}.segmented__option:hover{color:var(--text-primary)}.segmented__option.is-active{color:var(--text-primary);background:var(--surface-panel);box-shadow:var(--shadow-sm)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;display:flex}.toggle__label{color:var(--text-secondary);font-size:12.5px}.toggle__track{background:var(--border-strong);border-radius:var(--radius-full);width:30px;height:17px;transition:background var(--duration-fast) var(--ease-out);flex:none;position:relative}.toggle__track.is-on{background:var(--accent)}.toggle__knob{width:13px;height:13px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle__track.is-on .toggle__knob{transform:translate(13px)}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatch{cursor:pointer;border:1px solid var(--border-default);border-radius:var(--radius-sm);width:22px;height:22px;transition:transform var(--duration-fast) var(--ease-out)}.swatch:hover{transform:scale(1.1)}.swatch.is-active{box-shadow:0 0 0 2px var(--accent)}.empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;display:flex}.empty-state__title{color:var(--text-secondary);font-size:12.5px;font-weight:600}.entity-badge{letter-spacing:.02em;text-transform:uppercase;height:20px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-full);align-items:center;gap:5px;padding:0 7px;font-size:10.5px;font-weight:640;display:inline-flex}.readout{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.readout__value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.canvas-host{background:var(--surface-canvas);touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-host svg{-webkit-user-select:none;user-select:none;display:block}.canvas-host[data-cursor=default]{cursor:default}.canvas-host[data-cursor=crosshair],.canvas-host[data-cursor=crosshair] *{cursor:crosshair!important}.canvas-host[data-cursor=grab]{cursor:grab}.canvas-host[data-cursor=grabbing]{cursor:grabbing}.canvas-host[data-cursor=move]{cursor:move}.canvas-drop-overlay{z-index:5;pointer-events:none;background:#1c202a47;place-items:center;display:grid;position:absolute;inset:0}.canvas-drop-overlay span{color:#fff;background:var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:10px 16px;font-weight:680}.app__center--sidebar-open .canvas-drop-overlay span{transform:translateX(calc(var(--panel-width) / 2))}.room-vertex__target{transition:fill var(--duration-fast) var(--ease-out), stroke-width var(--duration-fast) var(--ease-out)}.room-vertex__cue{opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.room-vertex:hover .room-vertex__target{fill:var(--accent-soft);stroke-width:2px}.room-vertex:hover .room-vertex__cue,.room-vertex--selected .room-vertex__cue{opacity:1}.room-vertex--selected:hover .room-vertex__target{fill:var(--accent)}.canvas-overlay{pointer-events:none;gap:6px;display:flex;position:absolute}.canvas-overlay>*{pointer-events:auto}.canvas-overlay--bottom-right{flex-direction:column;align-items:flex-end;bottom:12px;right:12px}.canvas-overlay--bottom-left{bottom:12px;left:12px}.canvas-overlay--bottom-left.canvas-overlay--sidebar-open{left:calc(var(--panel-width) + 12px)}.canvas-overlay--bottom-left .toolstrip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:var(--border-default);width:276px;box-shadow:var(--shadow-md);background:#e7ebf3f0;gap:2px;padding:4px}.canvas-overlay--bottom-left .tool{flex-direction:column;flex:1;gap:2px;width:auto;height:50px}.canvas-overlay--bottom-left .tool span{white-space:nowrap;font-size:10px}.canvas-overlay--bottom-left .tool:hover:not(.is-active){background:#ffffff7a}.canvas-overlay--bottom-left .tool.is-active{background:var(--surface-panel);box-shadow:0 1px 3px #1014201a,inset 0 0 0 1px #1014200a}.canvas-overlay--top-left{top:12px;left:12px}.sidebar-toggle{height:32px;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffeb;align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:620;display:inline-flex}.sidebar-toggle:hover{color:var(--text-primary);background:var(--surface-panel)}.floating{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffeb;align-items:center;gap:2px;padding:3px;display:flex}.zoom-readout{width:52px;height:28px;display:block;position:relative}.zoom-readout input{width:100%;height:100%;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);cursor:text;background:0 0;border:1px solid #0000;outline:none;padding:0 18px 0 4px;font-size:11.5px;font-weight:620}.zoom-readout input:hover{background:var(--surface-hover);border-color:var(--border-subtle)}.zoom-readout input:focus{color:var(--text-primary);background:var(--surface-panel);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.zoom-readout span{color:var(--text-tertiary);pointer-events:none;font-size:10.5px;font-weight:620;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.tooltip-card{color:var(--text-secondary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#ffffffeb;padding:8px 10px;font-size:11.5px}.statusbar{height:var(--statusbar-height);color:var(--text-secondary);background:var(--surface-panel);border-top:1px solid var(--border-subtle);flex:none;align-items:center;gap:14px;padding:0 12px;font-size:11.5px;display:flex}.statusbar__item{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;display:flex}.statusbar__hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.statusbar__spacer{flex:1}.kbd{min-width:17px;height:17px;font-family:var(--font-sans);color:var(--text-secondary);background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 4px;font-size:10.5px;font-weight:600;display:inline-flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12162052;place-items:center;display:grid;position:fixed;inset:0}.mobile-notice-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#16181d6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mobile-notice{text-align:center;background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:min(100%,340px);box-shadow:var(--shadow-lg);gap:18px;padding:24px;display:grid}.mobile-notice__message{font-size:17px;font-weight:650;line-height:1.4}@media (width<=640px){.topbar__brand,.viewport-controls__zoom{display:none}}.modal{background:var(--surface-panel);border-radius:var(--radius-lg);width:min(520px,100vw - 40px);max-height:calc(100vh - 80px);box-shadow:var(--shadow-lg);position:relative;overflow:auto}.modal__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal__title{font-size:14px;font-weight:660}.modal__close{z-index:1;position:absolute;top:12px;right:12px}.modal__body{padding:14px 16px}.about-modal{text-align:center;background:linear-gradient(145deg,#f7faff 0%,#fff 55%,#f4f7ff 100%);flex-direction:column;align-items:center;padding:24px 26px 18px;display:flex}.about-modal-shell{width:min(400px,100vw - 40px);overflow:hidden}.about-modal-shell .modal__body{padding:0}.about-modal__logo{object-fit:contain;transform-origin:50%;background:0 0;width:80px;height:62px;margin-bottom:8px;padding:4px;transform:scale(.84)}.about-modal__name{letter-spacing:-.01em;font-size:22px;font-weight:680}.about-modal__description{max-width:340px;color:var(--text-secondary);margin:10px 0 20px;line-height:1.5}.about-modal__credit{width:100%;color:var(--text-tertiary);border-top:1px solid #b9cdfd8c;margin-top:16px;padding-top:14px;font-size:12.5px}.about-modal__credit a{color:var(--accent);transition:color var(--duration-fast) var(--ease-out);font-weight:620;text-decoration:none}.about-modal__credit a:hover{color:var(--accent-hover);cursor:pointer}.about-modal__actions{justify-content:center;gap:8px;width:100%;display:flex}.about-modal__source,.about-modal__api{text-decoration:none}.about-modal__actions .btn:hover{background:var(--accent-soft);border-color:var(--accent-border)}@media (width<=460px){.about-modal__actions{flex-direction:column;align-items:stretch}}.shortcut-list{grid-template-columns:1fr auto;align-items:center;gap:7px 16px;display:grid}.shortcut-list__label{color:var(--text-secondary);font-size:12.5px}.shortcut-list__keys{justify-content:flex-end;gap:3px;display:flex}.shortcut-group{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);grid-column:1/-1;margin-top:6px;font-size:10.5px;font-weight:680}.shortcut-group:first-child{margin-top:0}