.out-page{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(245,158,11,.18),transparent 30%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.16),transparent 26%),linear-gradient(180deg,#f6f3ec,#ebe7dc);color:#1c1917;padding:18px 14px 42px}.out-app,.out-main{min-height:inherit}.out-main{max-width:1540px;margin:0 auto;display:grid;gap:14px}.out-topbar,.out-sidebar,.out-plan-card,.out-bottom-panel,.out-price-card,.out-scene3d{background:#fffffff0;border:1px solid rgba(214,207,193,.9);border-radius:24px;box-shadow:0 18px 55px #29252414}.out-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 18px}.out-eyebrow{margin:0 0 4px;color:#ea580c;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.out-topbar h1{margin:0;font-size:clamp(1.25rem,2vw,2rem);line-height:1.1}.out-topbar span,.out-sidebar-header span,.out-panel-head p,.out-material-main span,.out-material-main p,.out-empty,.out-price-card p{color:#78716c}.out-topbar-metrics{display:flex;gap:10px}.out-topbar-metrics div,.out-summary-grid div{background:#f8f5ef;border:1px solid #ebe3d5;border-radius:16px;padding:10px 12px;min-width:92px}.out-topbar-metrics span,.out-summary-grid span,.out-price-card span{display:block;color:#78716c;font-size:11px;font-weight:800;margin-bottom:4px}.out-topbar-actions,.out-tool-group,.out-filter-row,.out-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.out-topbar-actions button,.out-tool-group button,.out-chip-grid button,.out-filter-row button,.out-tabs button,.out-primary-action,.out-secondary-action{border:1px solid #d6d3d1;border-radius:999px;background:#fff;color:#44403c;font:inherit;font-size:13px;font-weight:800;padding:10px 14px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.out-topbar-actions button:hover,.out-tool-group button:hover,.out-chip-grid button:hover,.out-filter-row button:hover,.out-tabs button:hover{transform:translateY(-1px);border-color:#fb923c}.out-tool-group button.active,.out-chip-grid button.active,.out-filter-row button.active,.out-tabs button.active{background:#1c1917;border-color:#1c1917;color:#fff}.out-tabs{justify-content:center}.out-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:14px;align-items:start}.out-viewport{min-width:0}.out-plan-card{overflow:hidden}.out-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #eee7dc}.out-tool-group--secondary button:last-child{color:#b91c1c;border-color:#fecaca}.out-tool-group button:disabled{opacity:.45;cursor:not-allowed}.out-stage-wrap{position:relative;padding:12px}.out-stage{width:100%;height:min(64vh,680px);min-height:460px;display:block;border-radius:18px}.out-stage-bg{fill:#eee9df}.out-grid line{stroke:#78716c29;stroke-width:1}.out-property{fill:#ffffff59;stroke:#a16207;stroke-width:2;stroke-dasharray:12 8}.out-house{fill:#d6d3d1;stroke:#a8a29e;stroke-width:2}.out-house-label,.out-zone-label,.out-zone-area,.out-object-label{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;pointer-events:none;text-anchor:middle}.out-house-label{fill:#78716c;font-size:15px;font-weight:900}.out-zone{cursor:pointer}.out-zone-label{fill:#1c1917;font-size:13px;font-weight:900;paint-order:stroke;stroke:#ffffffb8;stroke-width:4px}.out-zone-area{fill:#57534e;font-size:11px;font-weight:800;paint-order:stroke;stroke:#ffffffb8;stroke-width:4px}.out-object-label{fill:#44403c;font-size:10px;font-weight:800}.out-plan-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:#1c1917e0;color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;pointer-events:none}.out-sidebar{padding:16px;display:grid;gap:14px;position:sticky;top:12px}.out-sidebar-header p{margin:0 0 4px;color:#ea580c;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.out-sidebar-header h1{margin:0 0 4px;font-size:1.15rem}.out-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.out-control-section{border:1px solid #eee7dc;border-radius:18px;padding:12px;background:#fffaf3}.out-section-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.out-section-title span{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:#fed7aa;color:#9a3412;font-size:12px;font-weight:900}.out-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.out-selected-card{display:grid;gap:10px}.out-selected-card label{display:grid;gap:6px;font-size:12px;color:#57534e;font-weight:800}.out-selected-card input{width:100%;border:1px solid #d6d3d1;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}.out-selected-card small{color:#a8a29e;font-weight:700}.out-selected-meta,.out-builder-ref{display:flex;justify-content:space-between;gap:10px;background:#f8f5ef;border-radius:12px;padding:10px;font-size:12px}.out-primary-action,.out-secondary-action{width:100%;border-radius:14px}.out-primary-action{background:#16a34a;border-color:#16a34a;color:#fff}.out-secondary-action{background:#fff}.out-bottom-panel{display:none;padding:16px}.out-bottom-panel.open{display:block}.out-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.out-panel-head h3{margin:0;font-size:1.1rem}.out-panel-head p{margin:3px 0 0;font-size:13px}.out-panel-head strong{font-size:1.2rem;color:#166534}.out-filter-row{margin-bottom:12px}.out-material-list{display:grid;gap:12px}.out-material-group{display:grid;gap:8px}.out-material-group h4{margin:0;color:#57534e;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.out-material-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #eee7dc;border-radius:16px;padding:10px;background:#fff}.out-material-thumb{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#f8f5ef;font-size:22px}.out-material-main{display:grid;gap:2px;min-width:0}.out-material-main strong{color:#1c1917}.out-material-main p{margin:0;font-size:12px}.out-material-main code{width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:8px;background:#f5f5f4;color:#78716c;padding:3px 6px;font-size:10px}.out-material-qty{text-align:right;display:grid;gap:4px}.out-material-qty span{color:#166534;font-size:13px;font-weight:900}.out-price-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.out-price-card{padding:16px}.out-price-card strong{display:block;font-size:1.5rem;margin-bottom:8px}.out-scene3d{min-height:min(64vh,680px);padding:18px;overflow:hidden;background:linear-gradient(160deg,#292524,#3f352b 55%,#58422c);position:relative}.out-scene3d__camera{height:560px;max-height:62vh;perspective:900px;display:grid;place-items:center}.out-scene3d__ground{position:relative;width:min(78vw,760px);height:460px;transform:rotateX(58deg) rotate(-28deg);transform-style:preserve-3d;border-radius:28px;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px),#302b25;background-size:38px 38px;box-shadow:0 42px 90px #00000073}.out-scene3d__zone{position:absolute;border-radius:14px;transform-style:preserve-3d;transform:translateZ(var(--zone-height));box-shadow:0 14px 24px #00000038;border:2px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900;text-align:center}.out-scene3d__zone.selected,.out-scene3d__object.selected{outline:4px solid #f97316}.out-scene3d__object{position:absolute;width:30px;height:30px;border-radius:999px;transform:translateZ(42px);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 12px 22px #0000004d}.out-scene3d__object--tre,.out-scene3d__object--busk{width:46px;height:46px}.out-scene3d__object--benk{border-radius:8px;width:56px;height:24px}.out-scene3d__label{position:absolute;left:18px;bottom:18px;color:#ffffffc7;font-size:12px;font-weight:800}@media (max-width: 1050px){.out-topbar{grid-template-columns:1fr}.out-topbar-metrics,.out-topbar-actions{justify-content:start}.out-workbench{grid-template-columns:1fr}.out-sidebar{position:static}.out-price-panel{grid-template-columns:1fr}}@media (max-width: 720px){.out-page{padding:10px 8px 32px}.out-topbar,.out-sidebar,.out-plan-card,.out-bottom-panel,.out-price-card,.out-scene3d{border-radius:18px}.out-topbar-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.out-topbar-metrics div{min-width:0}.out-stage{min-height:380px;height:54vh}.out-chip-grid{grid-template-columns:1fr}.out-material-card{grid-template-columns:44px minmax(0,1fr)}.out-material-qty{grid-column:1 / -1;text-align:left;grid-template-columns:1fr auto}}.out-handle-label{fill:#f97316;font-size:10px;font-weight:900;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;pointer-events:none}.out-dim-label{fill:#44403c;font-size:11px;font-weight:900;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#ffffffd1;stroke-width:3px}.out-snap-toggle{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#57534e;cursor:pointer;user-select:none}.out-snap-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#ea580c;cursor:pointer}.out-zoom-controls{display:inline-flex;align-items:center;gap:2px;background:#f8f5ef;border-radius:999px;padding:2px;border:1px solid #ebe3d5}.out-zoom-controls button{width:28px;height:28px;border-radius:999px;border:none;background:transparent;font-size:16px;font-weight:900;cursor:pointer;display:grid;place-items:center;color:#57534e;padding:0;transition:background .1s}.out-zoom-controls button:hover{background:#fff;transform:none;border-color:transparent}.out-zoom-pct{min-width:38px;text-align:center;font-size:11px;font-weight:900;color:#78716c}.out-tool-group--controls{display:flex;align-items:center;gap:10px}.out-sidebar-tabs{display:flex;gap:4px;background:#f8f5ef;border-radius:14px;padding:3px;border:1px solid #ebe3d5}.out-sidebar-tabs button{flex:1;border:none;border-radius:11px;background:transparent;color:#78716c;font:inherit;font-size:12px;font-weight:800;padding:8px 6px;cursor:pointer;transition:background .15s,color .15s}.out-sidebar-tabs button:hover{transform:none;border-color:transparent;background:#fff9;color:#44403c}.out-sidebar-tabs button.active{background:#1c1917;color:#fff}.out-chip-icon{margin-right:4px;font-size:14px;opacity:.7}.out-chip-grid button.active .out-chip-icon{opacity:1}.out-hint-text{margin:8px 0 0;font-size:11px;color:#a8a29e;font-weight:700}.out-catalog-section{display:grid;gap:6px;max-height:56vh;overflow-y:auto}.out-catalog-category{border:1px solid #ebe3d5;border-radius:12px;overflow:hidden;background:#fff}.out-category-header{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;font:inherit;font-size:13px;padding:10px 12px;cursor:pointer;color:#44403c;text-align:left;transition:background .1s}.out-category-header:hover{background:#faf5ed;transform:none;border-color:transparent}.out-category-count{margin-left:auto;background:#f5f5f4;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:900;color:#78716c}.out-category-chevron{transition:transform .2s;font-size:12px;color:#a8a29e}.out-category-chevron.open{transform:rotate(90deg)}.out-catalog-items{display:grid;gap:2px;padding:0 4px 6px}.out-catalog-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;font:inherit;padding:7px 8px;cursor:pointer;text-align:left;transition:background .1s,border-color .1s;color:#44403c}.out-catalog-item:hover{background:#fef3c7;border-color:#fde68a;transform:none}.out-catalog-item.active{background:#1c1917;border-color:#1c1917;color:#fff}.out-catalog-glyph{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f8f5ef;font-size:16px;flex-shrink:0}.out-catalog-item.active .out-catalog-glyph{background:#292524}.out-catalog-info{display:grid;gap:1px;min-width:0}.out-catalog-info strong{font-size:12px}.out-catalog-info span{font-size:10px;color:#a8a29e;font-weight:700}.out-catalog-item.active .out-catalog-info span{color:#a8a29e}.out-dim-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.out-selected-card code{font-size:10px;background:#f5f5f4;border-radius:6px;padding:2px 6px;color:#78716c;word-break:break-all}.out-address-search{position:relative;display:flex;gap:6px;margin-top:8px;max-width:420px}.out-address-input{flex:1;border:1px solid #d6d3d1;border-radius:12px;padding:9px 12px;font:inherit;font-size:13px;background:#fff;min-width:0}.out-address-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161f}.out-address-btn{border:1px solid #d6d3d1;border-radius:12px;background:#fff;padding:8px 12px;cursor:pointer;font-size:14px;transition:border-color .15s;flex-shrink:0}.out-address-btn:hover{border-color:#f97316;transform:none}.out-address-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d6d3d1;border-radius:14px;box-shadow:0 12px 36px #29252424;z-index:100;overflow:hidden;max-height:280px;overflow-y:auto}.out-address-option{display:grid;gap:2px;width:100%;border:none;background:transparent;font:inherit;text-align:left;padding:10px 14px;cursor:pointer;transition:background .1s;color:#1c1917}.out-address-option:hover{background:#fef3c7;transform:none}.out-address-option strong{font-size:13px}.out-address-option span{font-size:11px;color:#78716c;font-weight:700}.out-address-option+.out-address-option{border-top:1px solid #f5f0e8}.out-workbench--collapsed{grid-template-columns:minmax(0,1fr) auto}.out-workbench--collapsed .out-sidebar{display:none}.out-sidebar-toggle{width:28px;height:56px;align-self:center;border:1px solid #d6d3d1;border-radius:0 10px 10px 0;background:#fffffff0;cursor:pointer;display:grid;place-items:center;font-size:14px;color:#78716c;padding:0;flex-shrink:0;transition:background .15s,border-color .15s;box-shadow:2px 0 8px #2925240f}.out-sidebar-toggle:hover{background:#fef3c7;border-color:#f97316;color:#1c1917;transform:none}@media (max-width: 1050px){.out-sidebar-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:50;border-radius:10px 0 0 10px}}.out-start-screen{display:grid;place-items:center;min-height:70vh;padding:40px 20px}.out-start-card{max-width:520px;width:100%;text-align:center}.out-start-card h1{font-size:28px;margin:8px 0 0}.out-start-desc{font-size:14px;color:#78716c;margin:12px 0 28px;line-height:1.5}.out-address-search--lg{max-width:100%;justify-content:center}.out-address-search--lg .out-address-input{padding:14px 18px;font-size:16px;border-radius:16px}.out-address-search--lg .out-address-btn{padding:12px 24px;font-size:15px;font-weight:800;border-radius:16px;background:#1c1917;color:#fff;border-color:#1c1917}.out-address-search--lg .out-address-btn:hover{background:#292524;border-color:#292524}.out-address-dropdown--static{position:static;margin-top:12px;border-radius:16px}.out-skip-btn{margin-top:20px;border:none;background:transparent;color:#a8a29e;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.out-skip-btn:hover{color:#78716c;transform:none}.out-address-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#57534e;font-weight:700;margin-top:4px}.out-address-badge code{font-size:11px;background:#f5f0e8;border-radius:6px;padding:2px 7px;color:#78716c}.plan-studio{display:flex;flex-direction:column;height:calc(100vh - 80px);min-height:600px;background:#f5f0e6}.plan-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#faf8f3;border-bottom:1px solid #e5e0d5;gap:16px}.plan-header-left{display:flex;align-items:center;gap:12px}.plan-logo{width:36px;height:36px;background:#1c1917;border-radius:8px;display:grid;place-items:center}.plan-logo-icon{color:#fff;font-weight:800;font-size:16px}.plan-header-title h1{margin:0;font-size:18px;font-weight:700;color:#1c1917;line-height:1.2}.plan-header-tagline{font-size:12px;color:#78716c}.plan-header-tools{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.plan-tool-btn{padding:8px 16px;border:1px solid #d6cfc1;background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#57534e;transition:all .15s ease}.plan-tool-btn:hover{background:#f5f0e6;border-color:#c4bbb0}.plan-tool-btn.active{background:#1c1917;color:#fff;border-color:#1c1917}.plan-tool-divider{width:1px;height:24px;background:#d6cfc1;margin:0 4px}.plan-icon-btn{width:32px;height:32px;border:1px solid #d6cfc1;background:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer;font-size:16px;color:#57534e;transition:all .15s ease}.plan-icon-btn:hover{background:#f5f0e6}.plan-icon-btn:disabled{opacity:.4;cursor:not-allowed}.plan-header-actions{display:flex;align-items:center;gap:10px}.plan-secondary-btn{padding:8px 14px;border:1px solid #d6cfc1;background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#57534e}.plan-primary-btn{padding:8px 14px;border:1px solid #9a5c38;background:#9a5c38;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;display:flex;align-items:center;gap:6px}.plan-primary-btn:hover{background:#7a4a2d;border-color:#7a4a2d}.plan-workspace{display:flex;flex:1;overflow:hidden}.plan-tool-sidebar{width:200px;background:#faf8f3;border-right:1px solid #e5e0d5;overflow-y:auto;padding:16px 12px}.plan-tool-section{margin-bottom:20px}.plan-section-title{font-size:11px;font-weight:700;color:#a8a29e;letter-spacing:.05em;margin-bottom:10px;padding-left:4px}.plan-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-tool-item{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border:1px solid #e5e0d5;background:#fff;border-radius:10px;cursor:pointer;transition:all .15s ease;gap:4px;text-align:center}.plan-tool-item:hover{border-color:#c4bbb0;background:#faf8f3}.plan-tool-item.active{border-color:#9a5c38;background:#fdf8f3;box-shadow:0 0 0 1px #9a5c38}.plan-tool-icon{font-size:20px;line-height:1}.plan-tool-name{font-size:11px;font-weight:600;color:#1c1917;line-height:1.2}.plan-tool-unit{font-size:9px;color:#a8a29e;text-transform:uppercase}.plan-canvas-area{flex:1;background:#e8e2d6;position:relative;overflow:hidden}.plan-canvas-area .out-plan-card{height:100%;border:none;border-radius:0;background:transparent}.plan-canvas-area .out-stage-wrap{height:100%}.plan-bom-sidebar{width:280px;background:#faf8f3;border-left:1px solid #e5e0d5;display:flex;flex-direction:column}.plan-bom-header{padding:16px;border-bottom:1px solid #e5e0d5;display:flex;align-items:center;justify-content:space-between}.plan-bom-header h2{margin:0;font-size:16px;font-weight:700;color:#1c1917}.plan-bom-badge{font-size:9px;font-weight:700;color:#9a5c38;background:#fdf2e9;padding:3px 8px;border-radius:12px;letter-spacing:.02em}.plan-bom-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;border-bottom:1px solid #e5e0d5}.plan-stat-box{background:#fff;border:1px solid #e5e0d5;border-radius:8px;padding:10px;text-align:center}.plan-stat-label{display:block;font-size:9px;font-weight:700;color:#a8a29e;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.plan-stat-value{display:block;font-size:15px;font-weight:700;color:#1c1917}.plan-bom-list{flex:1;overflow-y:auto;padding:8px}.plan-bom-empty{padding:40px 20px;text-align:center;color:#a8a29e;font-size:13px}.plan-bom-item{width:100%;text-align:left;padding:10px 12px;border:1px solid transparent;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:4px}.plan-bom-item:hover{background:#f5f0e6}.plan-bom-item.selected{background:#fdf2e9;border-color:#f5d0b5}.plan-bom-item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.plan-bom-name{font-size:13px;font-weight:600;color:#1c1917}.plan-bom-value{font-size:13px;font-weight:700;color:#1c1917}.plan-bom-type{font-size:10px;color:#9a5c38;font-family:monospace}@media (max-width: 1100px){.plan-tool-sidebar{width:160px}.plan-bom-sidebar{width:220px}}@media (max-width: 900px){.plan-tool-sidebar,.plan-bom-sidebar{display:none}}
