@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--color-bg: #0f1117;--color-surface: #1a1d28;--color-surface-2: #22263a;--color-surface-hover: #282d42;--color-accent: #c8956c;--color-accent-hover: #d4a57a;--color-accent-glow: rgba(200, 149, 108, .15);--color-text: #e8e0d4;--color-text-muted: #8a8278;--color-text-dim: #5a564e;--color-border: #2a2d3a;--color-border-accent: rgba(200, 149, 108, .3);--color-success: #5a9a6a;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 300px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:var(--font-primary);font-size:14px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw}.pb-nav{--pb-primary: #1E3F2F;--pb-accent: #C4A052;--pb-accent-on-light: #9E7E2E;--pb-accent-on-dark: #D4B86A;--pb-text: #2A2C2B;--pb-text-inverse: #F9F8F6;--pb-font: "Outfit", "Inter", sans-serif;flex-shrink:0;position:relative;z-index:10;width:100%;background:#f9f8f6f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(42,44,43,.05);box-shadow:0 4px 20px #00000008}.pb-nav__alert{background-color:var(--pb-primary);color:var(--pb-text-inverse);text-align:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--pb-font)}.pb-nav__alert a{color:var(--pb-accent-on-dark);text-decoration:underline;margin-left:.5rem;font-weight:600}.pb-nav__alert a:hover{color:#d1b474}.pb-nav__container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1280px;margin:0 auto}.pb-nav__logo{font-family:var(--pb-font);font-size:1.5rem;font-weight:700;color:var(--pb-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.pb-nav__logo span{color:var(--pb-accent-on-light)}.pb-nav__links{display:flex;gap:2rem;align-items:center}.pb-nav__link{color:var(--pb-text);font-family:var(--pb-font);font-weight:500;text-decoration:none;font-size:1rem;position:relative;padding:.5rem 0}.pb-nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--pb-accent);transition:width .2s ease-in-out}.pb-nav__link:hover:after,.pb-nav__link--active:after{width:100%}.pb-nav__cta{background-color:var(--pb-primary);color:var(--pb-text-inverse);padding:.75rem 1.5rem;border-radius:9999px;font-family:var(--pb-font);font-weight:600;text-decoration:none;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000000d}.pb-nav__cta:hover{background-color:var(--pb-accent);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d;color:var(--pb-primary)}.pb-nav__toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--pb-primary);cursor:pointer}.pb-nav__mobile-cta{display:none}@media (max-width: 1079px){.pb-nav__toggle{display:block}.pb-nav__desktop-cta{display:none}.pb-nav__links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#f9f8f6fa;padding:2rem;border-bottom:1px solid rgba(42,44,43,.05);box-shadow:0 10px 20px #0000000d;gap:1rem;align-items:flex-start}.pb-nav__links--open{display:flex}.pb-nav__mobile-cta{display:inline-block;margin-top:1rem}}.main{display:flex;flex:1;overflow:hidden}.viewport-wrapper{flex:1;position:relative;overflow:hidden;background:linear-gradient(180deg,#c8d8e4,#a8b8c4)}#viewport{width:100%;height:100%;position:relative}#viewport canvas{display:block}.view-controls{position:absolute;bottom:16px;left:16px;display:flex;gap:6px;z-index:5}.view-btn{padding:7px 14px;background:#0f1117bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--color-text);font-family:var(--font-primary);font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{background:#0f1117e6;border-color:var(--color-accent);color:var(--color-accent)}.view-btn--active{border-color:var(--color-accent)!important;color:var(--color-accent)!important;background:#0f1117e6!important}.dimensions-badge{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:8px 20px;background:#0f1117cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--color-text);font-size:13px;font-weight:500;border-radius:100px;white-space:nowrap;z-index:5;letter-spacing:.02em;pointer-events:none}.reset-btn{position:absolute;bottom:16px;right:16px;padding:8px 14px;background:#0f1117cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--color-text);font-size:12px;font-weight:500;border-radius:100px;cursor:pointer;z-index:5;letter-spacing:.02em;transition:border-color .15s,color .15s}.reset-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-left:1px solid var(--color-border);overflow-x:hidden;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sidebar-section{padding:16px;border-bottom:1px solid var(--color-border)}.sidebar-section:last-child{border-bottom:none}.sidebar-section--collapsible{padding:0}.sidebar-section--collapsible:last-child{border-bottom:none}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:10px}.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.section-toggle::-webkit-details-marker{display:none}.section-toggle:hover{background:#ffffff05}.section-toggle .section-title{margin-bottom:0}.section-toggle:after{content:"";width:8px;height:8px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.sidebar-section--collapsible[open] .section-toggle:after{transform:rotate(225deg)}.sidebar-section--collapsible[open] .section-toggle:after,.sidebar-section--collapsible[open] .section-title{border-color:var(--color-accent);color:var(--color-accent)}.sidebar-section__content{padding:0 16px 16px}.model-cards{display:flex;flex-direction:column;gap:6px}.model-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);text-align:left;width:100%;color:var(--color-text)}.model-card:hover{background:var(--color-surface-hover);border-color:#c8956c33}.model-card--active{background:var(--color-accent-glow);border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),inset 0 1px #c8956c14}.model-card__name{font-weight:600;font-size:13px;min-width:80px}.model-card__dims{font-size:12px;color:var(--color-text-muted)}.model-card__sqft{font-size:12px;color:var(--color-accent);margin-left:auto;font-weight:500}.roof-toggle{display:flex;gap:6px}.roof-toggle__btn{flex:1;padding:9px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center}.roof-toggle__btn:hover{background:var(--color-surface-hover);border-color:#c8956c33}.roof-toggle__btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#1a1a1a;font-weight:600}.specs-panel{display:flex;flex-direction:column;gap:6px}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.spec-label{font-size:12px;color:var(--color-text-muted)}.spec-value{font-size:12px;font-weight:500;color:var(--color-text)}.wall-selector{margin-bottom:16px}.wall-selector__diagram{position:relative;width:160px;height:160px;margin:0 auto;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.wall-selector__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--color-text-muted);text-align:center;pointer-events:none}.wall-btn{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);z-index:2}.wall-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:#c8956c4d}.wall-btn--active{background:var(--color-accent);color:#1a1a1a;border-color:var(--color-accent)}.wall-btn--top{top:-10px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-sm)}.wall-btn--bottom{bottom:-10px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-sm)}.wall-btn--left{left:-20px;top:50%;transform:translateY(-50%) rotate(-90deg);padding:4px 10px;border-radius:var(--radius-sm)}.wall-btn--right{right:-20px;top:50%;transform:translateY(-50%) rotate(90deg);padding:4px 10px;border-radius:var(--radius-sm)}.wall-options__title{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.wall-options__count{font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.wall-option-btn{display:block;width:100%;padding:8px 12px;margin-bottom:6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-primary);font-size:12px;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.wall-option-btn:hover{background:var(--color-surface-hover)}.wall-option-btn--active{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent);font-weight:500}.wall-options__btn-group{display:flex;gap:8px}.wall-options__btn-group button{flex:1;padding:8px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.wall-options__btn-group button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent)}.wall-options__btn-group button:disabled{opacity:.5;cursor:not-allowed}.app-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:10px 16px;background:#0f1117eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);color:var(--color-text);font-size:13px;font-weight:500;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal);z-index:100;box-shadow:0 4px 16px #00000059}.app-toast--visible{opacity:1;transform:translate(-50%)}.helper-hint{position:absolute;left:50%;bottom:80px;transform:translate(-50%,10px);max-width:calc(100% - 32px);padding:16px 28px;background:#0f1117c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#ffffffbf;font-size:24px;font-weight:400;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal);z-index:99}.helper-hint--visible{opacity:1;transform:translate(-50%)}.viewport-toast{position:absolute;left:50%;top:0;transform:translate(-50%,-8px);max-width:calc(100% - 32px);padding:10px 16px;background:#0f1117eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);color:var(--color-text);font-size:13px;font-weight:500;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal);z-index:100;box-shadow:0 4px 16px #00000059}.viewport-toast--visible{opacity:1;transform:translate(-50%)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity var(--transition-slow)}.loading-screen--hidden{opacity:0;pointer-events:none}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:16px;font-size:14px;color:var(--color-text-muted);font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--sidebar-width: 100%}.main{flex-direction:column}.viewport-wrapper{height:50vh;min-height:280px}.sidebar{flex:1;width:100%;border-left:none;border-top:1px solid var(--color-border);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.model-cards{flex-direction:row;overflow-x:auto;padding-bottom:4px;gap:8px;scrollbar-width:none}.model-cards::-webkit-scrollbar{display:none}.model-card{width:auto;min-width:130px;flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:4px}.model-card__sqft{margin-left:0}.dimensions-badge{bottom:100px;font-size:11px;padding:6px 14px}.reset-btn{bottom:100px;font-size:11px;padding:6px 12px}.view-controls{bottom:12px;left:10px}}@media (max-width: 480px){.sidebar-section{padding:12px}.view-btn{padding:6px 10px;font-size:11px}}@media (pointer: coarse){.siding-swatch,.trim-swatch{width:36px;height:36px}.placement-x-btn{width:36px;height:36px;margin-left:-18px;margin-top:-18px;font-size:16px}.wall-btn{position:absolute}.wall-btn:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.placement-type-btn{padding:8px 12px}}@media (max-height: 520px) and (orientation: landscape){.main{flex-direction:row}.viewport-wrapper{height:auto;min-height:0}.sidebar{width:260px;flex:0 0 260px;border-left:1px solid var(--color-border);border-top:none;padding-bottom:env(safe-area-inset-bottom,0px)}.model-cards{flex-direction:column;overflow-x:visible}.model-card{width:100%;min-width:0;flex-direction:row;align-items:center;gap:10px}.dimensions-badge,.reset-btn{bottom:60px}.view-controls{bottom:12px;left:12px}}.siding-wall-selector{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.siding-wall-btn{flex:1;min-width:44px;padding:7px 6px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap}.siding-wall-btn:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:#c8956c40}.siding-wall-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#1a1a1a;font-weight:600}.siding-wall-btn--all{flex-basis:100%;flex-grow:0}.siding-subsection-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-dim);margin:12px 0 7px}.siding-material-selector{display:flex;flex-direction:column;gap:5px}.siding-material-btn{width:100%;padding:9px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-primary);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.siding-material-btn:hover{background:var(--color-surface-hover);border-color:#c8956c33}.siding-material-btn--active{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.siding-orientation-row{margin-bottom:2px}.siding-orientation-toggle{display:flex;gap:6px}.siding-orient-btn{flex:1;padding:8px 10px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center}.siding-orient-btn:hover{background:var(--color-surface-hover);border-color:#c8956c33}.siding-orient-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#1a1a1a;font-weight:600}.siding-color-swatches{display:flex;flex-direction:column;gap:10px}.siding-color-group-label{font-size:10px;color:var(--color-text-dim);margin-bottom:5px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.siding-color-row{display:flex;flex-wrap:wrap;gap:6px}.siding-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;outline:none}.siding-swatch:hover{transform:scale(1.12);border-color:#fff6}.siding-swatch--active{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent);transform:scale(1.08)}.roof-mat-selector{display:flex;flex-direction:column;gap:5px}.roof-mat-btn{width:100%;padding:9px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-primary);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.roof-mat-btn:hover{background:var(--color-surface-hover);border-color:#c8956c33}.roof-mat-btn--active{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.trim-color-swatches{display:flex;flex-direction:column;gap:10px}.trim-color-group-label{font-size:10px;color:var(--color-text-dim);margin-bottom:5px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.trim-color-row{display:flex;flex-wrap:wrap;gap:6px}.trim-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;outline:none}.trim-swatch:hover{transform:scale(1.12);border-color:#fff6}.trim-swatch--active{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent);transform:scale(1.08)}.wee-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.wee-type-btn{padding:5px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.wee-type-btn:hover{border-color:var(--color-accent);color:var(--color-text)}.wee-type-btn--active{border-color:var(--color-accent)!important;background:var(--color-accent-glow);color:var(--color-accent)!important}.wee-strip-wrap{overflow-x:hidden;margin-bottom:8px;border-radius:var(--radius-sm)}.wee-strip{position:relative;background:#2a2e3e;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:crosshair;flex-shrink:0}.wee-zone{position:absolute;top:0;bottom:0;left:0;background:#00000059;pointer-events:none;border-right:1px dashed rgba(255,255,255,.1)}.wee-zone--right{left:auto;right:0;border-right:none;border-left:1px dashed rgba(255,255,255,.1)}.wee-opening{position:absolute;top:6px;bottom:6px;background:#c8956c2e;border:1.5px solid var(--color-accent);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);touch-action:none}.wee-opening:hover{background:#c8956c47}.wee-opening--selected{background:#c8956c59!important;border-color:#fff;box-shadow:0 0 0 2px var(--color-accent)}.wee-opening__label{font-size:9px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;pointer-events:none;text-align:center;padding:0 4px}.wee-ghost{position:absolute;top:6px;bottom:6px;background:#ffffff1f;border:1.5px dashed rgba(255,255,255,.5);border-radius:3px;pointer-events:none;transition:background var(--transition-fast)}.wee-ghost--invalid{background:#dc3c3c2e;border-color:#dc3c3cb3}.wee-controls{display:flex;gap:6px;align-items:center;min-height:30px}.wee-ctrl-btn{padding:5px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:12px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.wee-ctrl-btn:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.wee-ctrl-btn--delete{border-color:#dc3c3c66;color:#dc6464;margin-left:auto}.wee-ctrl-btn--delete:hover{border-color:#dc3c3c;background:#dc3c3c1f}.wee-hint{font-size:11px;color:var(--color-text-dim);font-style:italic}.wee-full-notice{width:100%;margin-top:4px;padding:5px 8px;background:#c8956c1a;border:1px solid rgba(200,149,108,.3);border-radius:var(--radius-sm);font-size:11px;color:var(--color-accent)}.wee-error-notice{margin-top:4px;padding:0 8px;background:#dc3c3c1f;border:1px solid rgba(220,60,60,.35);border-radius:var(--radius-sm);font-size:11px;color:#dc6464;max-height:0;overflow:hidden;opacity:0;transition:opacity .2s,max-height .2s,padding .2s}.wee-error-notice--visible{max-height:40px;opacity:1;padding:5px 8px}.placement-toolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20;display:none;flex-direction:column;gap:8px;padding:10px 12px;background:#141822eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 4px 16px #00000059;pointer-events:auto}.placement-type-row{display:flex;gap:6px}.placement-type-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:border-color var(--transition-fast),color var(--transition-fast)}.placement-type-btn:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.placement-type-btn:hover:not(:disabled){background:var(--color-accent-glow);border-color:var(--color-accent-hover)}.placement-type-btn--active{border-color:var(--color-accent)!important;background:var(--color-accent-glow);color:var(--color-accent)!important}.placement-type-btn--disabled,.placement-type-btn:disabled{opacity:.42;cursor:not-allowed}.placement-type-hint{font-size:10px;color:var(--color-text-dim);font-weight:400}.placement-ctrl-row{display:flex;gap:6px;justify-content:flex-end}.placement-ctrl-btn{padding:5px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:12px;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.placement-ctrl-btn:hover{border-color:var(--color-accent)}.placement-ctrl-btn--done{border-color:var(--color-accent);background:var(--color-accent-glow);color:var(--color-accent)}.placement-x-btn{position:absolute;z-index:21;width:26px;height:26px;margin-left:-13px;margin-top:-13px;border:none;border-radius:50%;background:#dc3c3cf2;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px #0006;pointer-events:auto}.placement-x-btn:hover{background:#f05050}.mobile-tabs,.next-section-btn{display:none}@media (max-width: 768px){.mobile-tabs{display:flex;gap:4px;align-items:stretch;position:sticky;top:0;z-index:5;flex-shrink:0;padding:8px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex:0 0 auto;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.mobile-tab:hover{color:var(--color-text)}.mobile-tab--active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-glow)}.sidebar-section{display:none}.sidebar-section--mobile-active{display:block}.sidebar-section--collapsible .section-toggle{cursor:default;pointer-events:none}.sidebar-section--collapsible .section-toggle:after{display:none}.next-section-btn{display:block;width:100%;margin-top:16px;padding:12px 16px;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-glow);color:var(--color-accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.next-section-btn:hover{background:#c8956c40}#section-models .next-section-btn{margin-top:12px}}.quote-cta{display:block;width:100%;margin-top:16px;padding:14px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font:600 14px var(--font-primary);letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.quote-cta:hover{background:var(--color-accent-hover)}.quote-cta:active{transform:translateY(1px)}.quote-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.quote-modal[hidden]{display:none}.quote-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quote-modal__panel{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:0 20px 60px #00000080}.quote-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-muted);font-size:24px;line-height:1;cursor:pointer;border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.quote-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.quote-modal__title{font:600 20px var(--font-primary);margin-bottom:6px;letter-spacing:-.01em}.quote-modal__intro{color:var(--color-text-muted);font-size:13px;line-height:1.5;margin-bottom:20px}.quote-form{display:flex;flex-direction:column;gap:14px}.quote-field{display:flex;flex-direction:column;gap:6px}.quote-field__label{font-size:12px;font-weight:500;color:var(--color-text-muted);letter-spacing:.02em}.quote-field__hint{color:var(--color-text-dim);font-weight:400}.quote-field input{padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:14px var(--font-primary);transition:border-color var(--transition-fast)}.quote-field input:focus{outline:none;border-color:var(--color-accent)}.quote-form__error{background:#b43c3c26;border:1px solid rgba(180,60,60,.4);color:#f0a0a0;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px}.quote-form__error[hidden]{display:none}.quote-form__submit{margin-top:6px;padding:12px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font:600 14px var(--font-primary);cursor:pointer;transition:background var(--transition-fast)}.quote-form__submit:hover{background:var(--color-accent-hover)}.quote-modal__loading,.quote-modal__success{text-align:center;padding:20px 0 8px}.quote-modal__loading p,.quote-modal__success p{color:var(--color-text-muted);margin:12px 0;line-height:1.5}.quote-modal__spinner{width:36px;height:36px;margin:0 auto;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:quote-spin .8s linear infinite}@keyframes quote-spin{to{transform:rotate(360deg)}}.quote-modal__success-icon{width:56px;height:56px;margin:0 auto 8px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.quote-modal__success h2{font:600 20px var(--font-primary);margin-bottom:8px}.quote-modal__quote-id{font-size:12px;color:var(--color-text-dim)}.quote-modal__quote-id code{font-family:monospace;background:var(--color-bg);padding:2px 6px;border-radius:4px;color:var(--color-text-muted)}@media (max-width: 480px){.quote-modal__panel{padding:22px}.quote-modal__title{font-size:18px}}