.exterior-explorer{background:#fff;border:1px solid #ccd5d9;border-radius:4px;overflow:hidden;margin:24px 0}.exterior-explorer [hidden]{display:none!important}.home-project-workspace .exterior-explorer{margin:0;border:0;border-radius:0}.exterior-intro{display:flex;align-items:start;justify-content:space-between;gap:25px;padding:25px}.exterior-intro .eyebrow{font-size:10px;margin-bottom:10px}.exterior-intro h2{font-size:33px;margin:0}.exterior-intro>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:350px;margin:4px 0 0}.exterior-studio{display:grid;grid-template-columns:minmax(0,1fr) 340px;border-top:1px solid var(--line)}.exterior-model{background:#eceee8;min-width:0}.exterior-model-top,.exterior-model-bottom{display:flex;align-items:center;gap:15px;padding:16px 22px;font-size:10px;color:#435c6c}.exterior-model-top{justify-content:space-between;letter-spacing:.09em}.exterior-model-top>span:first-child{font-weight:700}.exterior-model-bottom{font-size:12px;flex-wrap:wrap;padding-block:8px}.exterior-model-bottom>span{flex:1;min-width:190px}.exterior-model-bottom button{font-size:12px;white-space:nowrap}.exterior-canvas-frame{position:relative}#exterior-canvas{height:420px;width:100%;min-width:0}#exterior-canvas canvas{display:block;max-width:100%;touch-action:none;outline-offset:-4px;scroll-margin-block:100px}.exterior-parts{display:flex;flex-wrap:wrap;gap:8px;padding:15px 18px;border-top:1px solid #d0d6cc}.exterior-parts button{flex:1;padding:11px 13px;background:#fff;border:1px solid #bac6c7;border-radius:3px;font-size:13px;color:var(--navy);scroll-margin-block:100px}.exterior-parts button[aria-pressed=true]{background:#f1e8d9;border-color:#af8a54;box-shadow:inset 0 0 0 1px #af8a54}.exterior-panel{border-left:1px solid var(--line);padding:22px;min-width:0}#exterior-empty{padding-top:10px}#exterior-empty .eyebrow,.exterior-panel .room-panel-heading .eyebrow{font-size:10px}.exterior-panel h3{font:28px/1.15 var(--serif);margin:0 0 14px}.exterior-panel p:not(.eyebrow){font-size:14px;line-height:1.65;color:var(--muted)}.exterior-field{margin-top:16px}.exterior-field label,.exterior-scope label,.roof-customize label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.exterior-field select,.exterior-scope select,.roof-customize select{display:block;width:100%;min-height:46px;padding:11px;border:1px solid #b9c4cb;border-radius:3px;background:white;color:var(--navy);font-size:14px}#exterior-clear{font-size:12px;margin-top:14px}#exterior-clear:disabled{opacity:.45;cursor:default}.exterior-panel #exterior-status{font-size:12px;margin:12px 0 0}.exterior-panel #exterior-status:empty{display:none}#exterior-choice-panel{scroll-margin-block:100px}.exterior-scope{border-top:1px solid var(--line);padding:14px 24px}.exterior-scope summary{font-size:14px;cursor:pointer;font-weight:600}.exterior-scope summary span{font-weight:400;color:var(--muted)}.exterior-scope label{margin-top:12px}.exterior-scope select{max-width:420px}.exterior-disclosure{font-size:12px;line-height:1.65;padding:15px 24px;background:#f9f9f6;border-top:1px solid var(--line);color:var(--muted);margin:0}.roof-customize{padding-top:15px;margin-top:7px;border-top:1px solid var(--line)}.roof-customize select+label{margin-top:14px}.roof-customize #roof-style-note{font-size:12px;line-height:1.55;color:var(--muted);margin:10px 0 0}.roof-look-status{font-size:12px;line-height:1.5;color:var(--navy);margin:8px 0 0}.roof-look-status:empty{display:none}.home-roof-controls .roof-customize{grid-column:1}.roof-picks .roof-customize{max-width:440px}.planner-work .exterior-studio{grid-template-columns:1fr}.planner-work .exterior-panel{border-left:0;border-top:1px solid var(--line)}
@media(max-width:1100px){.exterior-studio{grid-template-columns:minmax(0,1fr) 300px}.exterior-intro{display:block}.exterior-intro>p{max-width:600px;margin-top:12px}.exterior-panel{padding:19px}#exterior-canvas{height:360px}}
@media(max-width:800px){.exterior-studio{grid-template-columns:1fr}.exterior-panel{border-left:0;border-top:1px solid var(--line)}#exterior-empty .room-prompt-mark{display:none}#exterior-empty{padding:0}.exterior-panel h3{font-size:26px}.exterior-model-bottom{gap:10px}.exterior-model-bottom>span{flex-basis:100%}.home-roof-controls .part-info{grid-row:2/8}}
@media(max-width:650px){.exterior-intro{padding:23px 18px}.exterior-intro h2{font-size:30px}#exterior-canvas{height:305px}.exterior-model-top{padding:15px;font-size:9px}.exterior-model-bottom{padding:8px 16px}.exterior-parts{padding:15px;gap:7px}.exterior-parts button{font-size:12px;padding-inline:10px}.exterior-panel{padding:21px 18px}.exterior-disclosure,.exterior-scope{padding-inline:18px}.exterior-scope summary{font-size:13px}.roof-customize select{font-size:15px}}