:root{--bg:#f2f3ef;--panel:#fff;--panel-soft:#f7f7f2;--text:#242a29;--line:#dfe3de;--accent:#335bff;--accent-soft:#edf0ff;--shadow:0 12px 35px #14232d10}
body{font-family:Arial,Helvetica,system-ui,sans-serif}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand-mark{background:transparent;border-radius:0;flex-shrink:0}.brand-mark img{width:35px;height:35px}.brand-copy>strong{font-size:20px;letter-spacing:-.7px}.brand-copy>strong>a{text-decoration:none;color:inherit}.version-badge{display:none}.brand-copy .project-switcher{margin-top:3px}.project-switcher #projectNameTop{font-size:11px;max-width:195px}.topbar{padding-inline:16px;gap:14px;grid-template-columns:minmax(210px,.85fr) auto minmax(340px,1fr)}.top-actions .btn{font-size:11px;padding-inline:10px}.top-actions{gap:5px}.topbar .brand{gap:9px}.stage-tabs{border-radius:5px;background:#f4f5f1;border-color:#e0e4de}.stage-tab{font-size:11px;border-radius:3px;padding-inline:11px}.stage-tab.active{color:#244be9;box-shadow:none;background:#e7edff}.stage-tab span{display:none}.btn,.icon-btn,.tool,.unit-input,input,select,textarea,.search-box,.segmented,.segmented button,.inv-card,.inventory-toolbar,.tour-topbar,.tour-object-card,.dialog-card,.setup-card,.object-library-block,.object-library-card,.project-row{border-radius:5px}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.primary:hover{background:#244ae4}.setup-card.base-intro-card{display:none}.base-inspector .section-title{margin-top:15px}.eyebrow{font-size:9px}.field>span{font-size:11px}.unit-input input,.field>input,.field select,.field textarea{font-size:12px}.field-grid .unit-input em{font-size:10px}.section-title{font-size:10px}.inspector-head h2{font-size:17px}.inspector{padding-bottom:10px}.inspector-body{padding:17px}.tool span{font-size:10px}.toolrail{padding-inline:6px}.canvas-status{font-size:10px}.tour-shell{background:linear-gradient(#f0f2f1,#e0e5e4)}.tour-topbar{flex-wrap:wrap;box-shadow:0 5px 18px #20232306}.tour-topbar .btn{font-size:11px}.segmented button{font-size:10px}.tour-help span{font-size:10px}.tour-help strong{font-size:11px}.tour-topbar strong{font-size:14px}.tour-topbar small{font-size:10px}.tour-object-card p{font-size:11px}.tour-object-card small{font-size:10px}.inv-title strong{font-size:13px}.inv-fields input,.inv-fields select{font-size:11px}.inv-meta span,.inv-meta button{font-size:10px}.inventory-shell{max-width:1300px}.inventory-title h1{font-size:32px}.project-row-title strong{font-size:14px}.project-row-meta{font-size:11px}.project-row .btn{font-size:11px}.object-library-copy strong{font-size:12px}.object-library-copy small{font-size:10px}.save-state{position:fixed;right:13px;bottom:9px;z-index:18;font-size:10px;color:#6e7b72;background:#ffffffce;padding:5px 9px;border:1px solid #dfe6dd;border-radius:4px;pointer-events:none}.save-state:before{content:'●';color:#7d9986;font-size:7px;margin-right:5px}.save-state[data-state=error]{color:#a23c32;pointer-events:auto}.save-state[data-state=pending]:before{color:#a49468}.mobile-controls{display:none}.setup-dialog{padding:0;border:1px solid #d8deda;border-radius:7px;max-width:610px;width:calc(100vw - 32px);background:#fbfcf9;color:var(--text)}.setup-dialog::backdrop{background:#1521277a;backdrop-filter:blur(5px)}.setup-inner{padding:30px}.setup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.setup-heading .eyebrow{color:var(--accent);margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em}.setup-heading h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:0}.setup-heading button{font-size:25px;background:none;border:0;color:#6e7775;line-height:1;padding:3px 6px}.template-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 22px}.template-options label{position:relative;cursor:pointer}.template-options input{position:absolute;opacity:0}.template-options span{height:78px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;border:1px solid #d8dfd8;border-radius:4px;font-size:12px;background:#fff}.template-options b{font-size:20px;font-weight:400;color:#687c85}.template-options input:checked+span{background:#edf1ff;border-color:#889eff;color:#254bd9}.template-options input:focus-visible+span{outline:2px solid #335bff;outline-offset:2px}.setup-label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:18px}.setup-label input{width:100%;height:42px;border:1px solid #d5dcd5;background:white;padding:10px 12px;outline-offset:2px;border-radius:4px}.setup-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.setup-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.setup-submit p{margin:0;color:#7b857e;font-size:11px}.setup-submit .btn{height:43px;padding-inline:20px;font-size:13px}.editor-help{font-size:17px;width:34px;height:34px;border:1px solid var(--line);display:inline-grid;place-items:center;border-radius:5px;text-decoration:none;color:#5e6b65}.tour-topbar .eyebrow{display:none}.tour-topbar>div:first-child{min-width:110px}.project-dialog-card{border-radius:6px}.embed-mode .tour-topbar,.embed-mode .tour-help,.embed-mode .tour-minimap,.embed-mode .tour-drive-pad,.embed-mode .tour-object-card{display:none!important}.viewer-mode .save-state,.viewer-mode .mobile-controls,.viewer-mode .setup-dialog{display:none!important}
@media(min-width:1181px){.top-actions .btn.ghost{display:inline-flex}#stage-base.active,#stage-plan.active{grid-template-columns:70px minmax(0,1fr) 285px}}
@media(min-width:851px) and (max-width:1300px){.app-shell{grid-template-rows:106px 1fr}.topbar{grid-template-columns:1fr 1fr;grid-template-rows:57px 43px;gap:0 16px}.brand{grid-column:1;grid-row:1}.top-actions{grid-column:2;grid-row:1}.stage-tabs{grid-row:2;grid-column:1/-1;justify-self:center;margin-bottom:6px}.top-actions .btn.ghost{display:inline-flex}#stage-base.active,#stage-plan.active{grid-template-columns:64px minmax(0,1fr) 270px}}
@media(max-width:850px){.app-shell{height:100dvh;grid-template-rows:66px 1fr}.topbar{display:flex;justify-content:space-between;padding-inline:10px;gap:8px}.brand-mark{width:29px;height:29px}.brand-mark img{width:29px;height:29px}.brand-copy>strong{font-size:19px}.project-switcher #projectNameTop{max-width:175px;font-size:10px}.mobile-controls{display:flex;gap:5px;margin-left:auto}.mobile-controls button{height:34px;min-width:34px;padding:0 8px;font-size:14px;border:1px solid #dce2da;background:#fff;border-radius:4px}.mobile-controls button:first-child{font-size:10px}.stage-tabs{position:fixed;bottom:0;left:0;right:0;width:100%;transform:none;border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -5px 20px #25332b05;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(12px)}.stage-tab{height:42px;font-size:11px;padding:0 8px}.stage-host{margin-bottom:54px}#stage-base.active,#stage-plan.active{display:block}.canvas-wrap{position:absolute;inset:0}.toolrail{left:6px;top:44px;bottom:54px;width:49px;padding:5px 3px;border-radius:4px;gap:2px;overflow-y:auto;background:#ffffffeb}.tool{min-height:45px;gap:1px;padding:2px}.tool b{font-size:16px}.tool span{font-size:7px;line-height:1.15}.canvas-status{left:8px;right:8px;top:9px;flex-wrap:wrap;font-size:9px}.inspector{display:none;right:7px;top:43px;bottom:8px;width:min(315px,calc(100vw - 70px));border-radius:5px;z-index:40}.show-properties .stage.active .inspector{display:block}.base-canvas-wrap{height:100%}.view-dock{bottom:14px;left:50%;transform:translateX(-50%);font-size:10px}.top-actions{display:none}.top-actions.mobile-open{display:flex;position:fixed;z-index:120;top:65px;left:0;right:0;padding:15px 12px;flex-wrap:wrap;justify-content:flex-start;background:#fff;border-bottom:1px solid #dce2db;box-shadow:0 7px 14px #25332b0b;gap:8px}.top-actions.mobile-open .btn.ghost{display:inline-flex}.top-actions.mobile-open .btn{font-size:11px;height:38px}.save-state{bottom:64px;right:10px;font-size:9px}.tour-topbar{padding:8px;gap:6px;top:8px;left:8px;right:8px}.tour-topbar>div:first-child{display:none}.tour-topbar .btn{font-size:9px;padding-inline:7px;height:30px}.tour-topbar .segmented{margin-right:auto}.segmented button{font-size:9px;padding-inline:8px;height:28px}.tour-topbar .tour-walk-only{height:29px}.tour-help{bottom:8px;left:8px;right:auto;max-width:55%;padding:8px}.tour-help span{font-size:9px;line-height:1.5}.tour-help strong{font-size:10px}.tour-minimap{bottom:76px!important;right:8px!important;width:130px!important}.tour-drive-pad{right:8px!important;bottom:10px!important;left:auto!important;transform:scale(.82);transform-origin:bottom right}.tour-object-card{top:110px;right:8px;width:240px}.tour-topbar #resetCameraBtn{display:none}.tour-autostart{font-size:9px}.inventory-shell{padding:25px 12px 30px}.inventory-toolbar{position:relative;margin-top:18px}.inventory-title h1{font-size:25px}.inventory-grid{gap:10px}.inv-card{padding:12px}.setup-inner{padding:24px 18px}.setup-heading h2{font-size:25px}.template-options{gap:5px}.template-options span{font-size:10px;height:68px}.setup-dimensions{gap:8px}.setup-label{font-size:11px}.setup-submit{align-items:flex-start;flex-direction:column}.setup-submit .btn{width:100%}.project-row{padding:12px}.project-row-actions{flex-wrap:wrap}.project-row-meta{font-size:10px}.project-dialog-card{padding:17px}.project-dialog-head h2{font-size:24px}.project-dialog-head p{font-size:11px}}
@media(max-width:850px){.topbar{backdrop-filter:none}.stage-tabs{top:auto}.stage-tabs .stage-tab{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
