:root{color-scheme:light;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(242,184,74,.22),transparent 24%),radial-gradient(circle at top right,rgba(88,132,114,.2),transparent 18%),linear-gradient(180deg,#f2ece3,#e5ddd0 46%,#d8d0c3);color:#18231d;--panel-bg: rgba(255, 249, 239, .82);--panel-border: rgba(61, 50, 38, .12);--panel-shadow: 0 22px 54px rgba(55, 41, 25, .12);--ink-soft: #5f645d;--accent: #8c4d22;--accent-dark: #563119;--forest: #52684a;--blueprint: #1f5f75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;opacity:.24}button,input,textarea,select{font:inherit}#root{min-height:100vh}.planner-app{width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:28px 0 48px}.planner-hero,.panel,.hero-stats div,.admin-drawer{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.planner-hero{display:grid;grid-template-columns:1fr;gap:24px;padding:32px;border-radius:30px;position:relative;overflow:hidden}.planner-hero:after{content:"";position:absolute;right:-64px;top:-72px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#8c4d223d,#8c4d2200)}.planner-eyebrow,.section-kicker,.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--accent)}.planner-hero h1,.panel h2,.visual-header h3,.hero-panel h1,.card h2,.draft-panel h3{margin:0}.planner-hero h1{font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.02;max-width:none}.planner-lede,.lede,.muted,.panel-note,.cost-breakdown p,.notes-grid-lite p,.estimate-list span,.framing-summary span,.hero-stats span,.list-item span{color:var(--ink-soft)}.planner-lede{max-width:68ch;font-size:1rem}.hero-stats,.preview-stats{display:grid;gap:14px;z-index:1}.hero-stats div,.preview-stats div{border-radius:22px;padding:20px}.hero-stats strong,.preview-stats strong{display:block;font-size:1.6rem;margin-bottom:4px}.preview-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.planner-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:22px;margin-top:22px;align-items:start}.planner-controls,.planner-visuals{display:grid;gap:22px}.panel{border-radius:28px;padding:24px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.compact-heading{margin-bottom:18px}.unit-switch{display:inline-flex;padding:6px;border-radius:999px;background:#473a2a14}.unit-button,.admin-toggle,.primary-button,.secondary-button,.list-item{border-radius:999px;border:0}.unit-button,.admin-toggle,.primary-button,.secondary-button{cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.unit-button{padding:10px 16px;background:transparent;color:var(--accent-dark)}.unit-button.active{background:linear-gradient(135deg,#895027,#5f7f57);color:#fff8f0}.input-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.single-column{grid-template-columns:1fr}.input-grid label,.form-grid label{display:grid;gap:8px;font-weight:600}.form-grid .span-two{grid-column:span 2}input,textarea,select{width:100%;border:1px solid rgba(66,55,41,.14);border-radius:18px;padding:13px 14px;background:#fffcf6f2;color:#1b241e}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid rgba(31,95,117,.28);border-color:#1f5f7566}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stats-grid article,.notes-grid-lite article,.visual-card,.estimate-list div,.framing-summary div,.list-item,.draft-panel,.status-banner,.hero-panel,.card{border:1px solid rgba(78,62,40,.1);border-radius:22px;background:#fffcf5c7}.stats-grid article,.estimate-list div,.framing-summary div{padding:18px}.stats-grid span,.estimate-list span,.framing-summary span{display:block;font-size:.84rem;margin-bottom:6px}.stats-grid strong,.estimate-list strong,.framing-summary strong,.visual-header span{font-size:1.2rem}.panel-note{margin:18px 0 0}.estimate-list,.framing-summary,.notes-grid-lite,.stack-list{display:grid;gap:12px}.framing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-breakdown{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.deferred-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.input-suffix{color:var(--ink-soft);font-size:.92rem}.surface-output-card{border:1px solid rgba(78,62,40,.1);border-radius:22px;background:#fffcf5c7;padding:18px;display:grid;align-content:start;gap:8px}.surface-output-card span{color:var(--ink-soft);font-size:.84rem}.surface-output-card strong{font-size:1.35rem}.checkbox-row-lite{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-weight:600}.checkbox-row-lite input{width:auto}.advanced-toggle-row{margin-top:20px}.toggle-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.form-actions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.advanced-panel{margin-top:16px;padding-top:4px}.compact-input-grid{margin-top:0}.slider-stack{display:grid;gap:12px;margin-top:18px}.slider-card{border:1px solid rgba(78,62,40,.1);border-radius:22px;background:#fffcf5c7;padding:16px 18px}.slider-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.slider-meta div{display:grid;gap:4px}.slider-meta span{color:var(--ink-soft);font-size:.9rem}.slider-card input[type=range]{padding:0;border:0;background:transparent}.preview-header-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.preview-button-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ghost-button{border:1px solid rgba(31,95,117,.18);border-radius:999px;background:#1f5f7514;color:#1f5f75;padding:10px 14px;cursor:pointer}.interactive-canvas{touch-action:none;cursor:grab}.interactive-canvas:active{cursor:grabbing}.export-actions{display:flex;flex-wrap:wrap;gap:12px}.export-note{margin-bottom:18px}.cost-breakdown p{margin:0}.status-chip{margin-top:18px;padding:14px 16px;border-radius:18px;font-weight:600}.status-chip.ok{background:#52684a24;color:#355036}.status-chip.warn{background:#8c4d2224;color:#6b3c1e}.render-canvas,.plan-canvas{width:100%;display:block}.render-canvas text,.plan-canvas text{font-size:12px;fill:#22363f;letter-spacing:.04em}.visual-card{padding:18px}.visual-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.notes-panel{margin-top:22px}.notes-grid-lite{grid-template-columns:repeat(3,minmax(0,1fr))}.notes-grid-lite article{padding:18px}.notes-grid-lite p{margin:10px 0 0}.admin-drawer{margin-top:26px;border-radius:26px;padding:18px;overflow:hidden}.admin-drawer.open{padding-bottom:10px}.admin-toggle{padding:14px 22px;background:linear-gradient(135deg,#314439,#1f5f75);color:#f8f2e9}.admin-shell{margin-top:18px}.page-shell{width:100%;margin:0 auto;padding:0 0 24px}.hero-panel,.card,.status-banner{box-shadow:0 18px 42px #2e231714}.hero-panel{padding:28px;margin-bottom:20px}.hero-panel h1{font-size:clamp(2rem,5vw,3.6rem);line-height:.96;max-width:14ch}.status-banner{padding:14px 18px;margin-bottom:20px}.grid-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:22px}.span-two{grid-column:span 2}.primary-button,.secondary-button{padding:12px 16px}.primary-button{background:linear-gradient(135deg,#8c4d22,#486043);color:#fff}.secondary-button{background:#1f5f7514;color:#1f5f75;border:1px solid rgba(31,95,117,.16)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:default}.list-item{display:grid;gap:4px;width:100%;padding:14px;text-align:left;cursor:pointer}.list-item.active{outline:2px solid #1f5f75;background:#edf6f8}.list-item.static{cursor:default}.compact .list-item{padding:12px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.list-item a{color:#1f5f75;text-decoration:none;word-break:break-word}.list-item a:hover{text-decoration:underline}.checkbox-row{display:flex!important;align-items:center;gap:10px;font-weight:500!important}.checkbox-row input{width:auto}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.draft-panel{margin-top:18px;padding:18px;background:linear-gradient(180deg,#8c4d2214,#1f5f750f)}.auth-panel{margin-top:0;margin-bottom:16px}.draft-panel ul{margin:12px 0;padding-left:20px}.footer-note{margin-top:20px}@media(max-width:1120px){.planner-layout,.planner-hero,.notes-grid-lite{grid-template-columns:1fr}}@media(max-width:960px){.planner-app{width:min(100vw - 20px,1440px);padding-top:18px}.input-grid,.form-grid,.stats-grid,.framing-summary,.grid-layout,.preview-stats{grid-template-columns:1fr}.span-two,.form-grid .span-two{grid-column:span 1}.panel,.planner-hero,.hero-panel,.card{border-radius:22px}}