/* Shared Klasic visual language: match klasic.build's supplied type and palette. */
:root{--paper:#f3f0e9;--paper-2:#e9e5dc;--ink:#252723;--muted:#696b63;--gold:#c7a86c;--gold-dark:#85672f;--line:#d5d1c7;--dark:#232622;--white:#faf8f2;--accent:#85672f!important;--green:#85672f;font-family:var(--sans);color:var(--ink);background:var(--paper)}
body,button,input,select,textarea{font-family:var(--sans);font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}
h1,h2,h3,.identity strong{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.12}
.eyebrow,.tiny-label,.identity small,.model-caption>span,.workspace-footer>span{font-family:var(--mono);font-weight:400;letter-spacing:.07em;color:var(--gold-dark)}
.topbar{background:var(--paper);border-color:var(--line)}
.identity{min-width:245px;gap:22px}.identity>span:last-child{border-left:1px solid var(--line);padding-left:20px}.identity strong{display:none}.identity small{font-size:8px;max-width:135px;line-height:1.8;letter-spacing:.06em;margin:0}.klasic-wordmark{display:block;width:168px;height:auto}.project-meta{border-left:0;padding-left:0}
.rail{background:var(--dark);color:var(--paper)}.nav-item{font-size:12px;color:#d2d4c8;border-radius:3px}.nav-item small{color:#aaa995}.nav-item.active{color:var(--ink);background:var(--paper);box-shadow:inset 2px 0 var(--gold)}.rail-bottom .tiny-label{color:#d9bf88}.rail-bottom a,.rail-bottom button{color:#e6e2d8}.rail-bottom p{color:#aaa995}.rail-bottom{border-color:#56594f}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--gold-dark)}
.primary-button{background:var(--ink);color:var(--white);border-radius:3px}.outline-button,.plan-tools button,.plan-tools a{border-color:var(--line);border-radius:3px}.control-panel,.drawing-index{background:var(--white);border-color:var(--line)}.control-section{border-color:var(--line)}.sun-controls,.room-detail,.review-hero{background:var(--paper-2)}.sun-phase{background:#e7d8b8;color:#6e5425}
.view-button,.room-button{border-color:var(--line)}.view-button.active,.room-button.active,.view-button.active>span{color:var(--gold-dark)}.toggle-row input:checked{background:var(--gold-dark)}.segmented{background:var(--paper-2)}.segmented button.active{background:var(--white);color:var(--ink)}.sheet-item.active,.finish-card.active{border-color:var(--gold-dark);background:var(--paper-2)}.model-panel,.plan-panel,.control-panel,.drawing-index{border-radius:4px}
.model-caption h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}.model-caption>span{color:inherit}.room-detail p,.gallery-intro p,.gallery-note,.helper{color:var(--muted)}.sun-label output,.sun-events strong{font-family:var(--serif);font-weight:400}.sun-label{font-size:11px}.model-toolbar{background:var(--white)}.workspace-footer{color:var(--muted)}
.workspace-actions{display:flex;gap:14px;align-items:center;min-width:0}.workspace-tools{display:flex;align-items:center;gap:7px;padding-left:14px;border-left:1px solid var(--line)}.workspace-tools #quality{font-size:11px;max-width:150px;background:var(--white)}.workspace-tools .icon-button{width:34px;height:34px;flex-shrink:0}.workspace-head h1{margin-top:6px}
.klasic-embedded .topbar{display:none!important}.klasic-embedded .shell{height:100dvh;min-height:0}.klasic-embedded main{padding-top:20px}.klasic-embedded .workspace-head{margin-bottom:20px}.klasic-embedded .workspace-head h1{font-size:34px}.klasic-embedded .model-wrap iframe{min-height:0}
@media(max-width:1200px){.identity{min-width:0;gap:14px}.identity>span:last-child{padding-left:14px}.project-meta{display:none}.workspace-actions{gap:9px}.workspace-tools{padding-left:9px}.workspace-tools #quality{max-width:115px}.klasic-embedded .workspace-head{align-items:flex-start;gap:14px}.klasic-embedded .workspace-head h1{font-size:32px}}
@media(max-width:1050px){.klasic-embedded .workspace-head{flex-wrap:wrap}.workspace-actions{justify-content:flex-end;flex:1;min-width:360px}.klasic-embedded .workspace-head h1{font-size:30px}.klasic-embedded .workspace-head{margin-bottom:15px}}
@media(max-width:850px){.identity small{max-width:105px;font-size:7px}.klasic-wordmark{width:150px}.klasic-embedded .shell{height:100dvh}.rail{border-bottom:1px solid var(--line)}.nav-item.active{box-shadow:inset 0 -2px var(--gold)}.nav-item{font-size:11px}.workspace-actions{min-width:0;flex:initial}.workspace-tools #quality{max-width:125px}.klasic-embedded .workspace-head{gap:15px}.klasic-embedded main{padding-top:16px}}
@media(max-width:620px){.klasic-wordmark{width:139px}.identity>span:last-child{display:none}.topbar .header-actions{margin-left:auto}.klasic-embedded .shell{height:auto;min-height:100dvh}.klasic-embedded .workspace-head{display:block}.klasic-embedded .workspace-head h1{font-size:31px}.workspace-actions{margin-top:16px;justify-content:space-between;gap:8px;flex-wrap:wrap}.workspace-tools{padding-left:0;border-left:0;gap:6px}.workspace-tools #quality{font-size:10px;padding:8px;max-width:132px}.workspace-tools .icon-button{height:30px;width:30px}.workspace-actions #headActions{flex:1}.workspace-actions .outline-button{font-size:10px;padding:9px 10px}.workspace-actions .compare-controls{width:100%;display:flex;gap:5px}.workspace-actions .compare-controls select{max-width:160px}.klasic-embedded .workspace-head{margin-bottom:16px}.klasic-embedded .model-wrap iframe{min-height:340px}.rail{padding:8px}.nav-item{font-size:11px;padding:10px}.workspace-footer{font-size:9px;line-height:1.5;height:auto;min-height:48px;gap:10px;padding:12px 0}}