.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}.option{text-align:left;border:1px solid var(--line);padding:22px 24px;background:#f5f7f1;transition:background .15s,border-color .15s}.option[aria-pressed=true]{background:#dce7d9;border-color:#577862;box-shadow:inset 0 3px #577862}.option:hover{border-color:#577862}.option-kicker{display:block;font-size:8px;letter-spacing:.13em;color:var(--muted)}.option>strong{display:block;font:44px/1.1 Georgia,serif;margin-top:17px;font-weight:400}.option>strong small{font:11px Arial,sans-serif;color:var(--muted)}.option h2{font-size:27px;margin:10px 0}.option p{font-size:11px;max-width:330px;min-height:40px}.option-tag{display:inline-block;border-top:1px solid #bdcbb7;margin-top:16px;padding-top:10px;font-size:9px;color:#397862}.option-tag.warning{color:#9c652e}.workspace{grid-template-columns:minmax(0,1fr) 290px}.reference-pane{gap:15px;padding:18px}#layout-summary h2{font-size:26px;margin-bottom:10px}#layout-summary .seat-number{font:38px Georgia,serif;color:var(--ink);display:block;margin-bottom:8px}#layout-summary p{font-size:10px}#layout-summary .verdict{display:block;color:#397862;margin-top:12px;font-size:9px}#layout-summary .verdict.warning{color:#9c652e}.route-key{display:flex;flex-direction:column;gap:7px;padding:13px 0;border-block:1px solid var(--line);font-size:9px;color:var(--muted)}.route-key span{display:flex;align-items:center;gap:7px}.key{display:inline-block;width:13px;height:8px;border:1px solid #263b372f}.key.green{background:#9ac9ae}.key.blue{background:#a0bed6}.key.amber{background:#d7ad7c}.proposed{color:#826244}#labels .room-label[data-status=proposed]{border-color:#aa926b;background:#fbf4e9eb}.plan-section{padding:35px 0;border-bottom:1px solid var(--line)}.plan-section .section-title{align-items:center;margin-bottom:20px}.plan-section img{width:100%;border:1px solid var(--line);background:#f5f6f1}.lower-grid em{font-style:normal;color:#728776}.parameters-panel h2{font-size:37px}.parameters-panel>p{margin-bottom:12px}.confidence-key{font-size:8px}.source-plan{max-width:100%}.small{font-size:9px}#viewport{height:610px}.model-pane{min-width:0}.camera-list button{font-size:9px;padding-inline:10px}.model-state{max-width:600px}#selection-panel{min-height:75px}.option:focus-visible{outline-offset:3px}
.layer-controls{flex:0;align-content:start}.model-pane{background:#f3f5ee}.reference-pane{max-height:725px;overflow:auto;align-self:start}
@media(min-width:1650px){.workspace{grid-template-columns:minmax(0,1fr) 340px}#viewport{height:710px}.reference-pane{max-height:825px}}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 260px}.option{padding:20px}.option h2{font-size:24px}.reference-pane{padding:14px}.camera-list button{font-size:8px;padding-inline:6px}#viewport{height:580px}}
@media(max-width:780px){.option-grid{grid-template-columns:1fr;gap:9px;margin-bottom:22px}.option{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:16px}.option-kicker,.option h2,.option p,.option-tag{grid-column:1}.option>strong{grid-column:2;grid-row:1/4;margin:0;align-self:center;font-size:40px}.option h2{font-size:23px;margin:7px 0}.option p{font-size:10px;min-height:0}.option-tag{margin-top:9px;padding-top:7px;font-size:8px}.option>strong small{display:block;font-size:9px;text-align:center}.workspace{grid-template-columns:1fr}#viewport{height:450px}.reference-pane{display:block;padding:18px}.reference-pane>*+*{margin-top:16px}#layout-summary .seat-number{font-size:31px}.source-plan{max-width:380px}.plan-section{padding:28px 0}.plan-section .section-title{align-items:start;gap:15px}.plan-section h2{font-size:25px}.plan-section .text-button{font-size:9px;max-width:100px;flex-shrink:0}.parameters-panel h2{font-size:32px}.model-state{font-size:9px;max-width:190px}.confidence-key{gap:7px 12px}.camera-list button{font-size:7px;padding-inline:4px}.plan-section img{min-height:0}.route-key{font-size:9px}.model-topbar .export-actions .button{font-size:8px;gap:10px;padding:9px}.model-topbar .eyebrow{font-size:6px}}
@media(max-width:780px){.reference-pane{max-height:none;overflow:visible}}
.reference-pane > *{flex-shrink:0}
