.room-editor-intro{padding:18px;border:1px solid #d9ddd9;border-radius:12px;background:#f0f3ef;margin:10px 0 22px}.room-editor-intro h2{margin:6px 0 8px!important}.room-editor-intro p{margin:0!important}.room-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-section-heading h3{margin:6px 0}.room-count{font-size:11px;white-space:nowrap;color:#65716e}.opening-library-tabs{display:flex;gap:5px;margin:14px 0}.opening-library-tabs button{flex:1;padding:8px!important;min-width:0}.opening-library-tabs [aria-pressed=true]{background:#263d3d;color:white}.opening-library-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.opening-library-card{display:flex!important;flex-direction:column;text-align:left!important;align-items:stretch!important;padding:13px!important;background:#fafaf7!important;border:1px solid #d9ddd6!important;border-radius:9px!important;gap:9px!important;transition:background .15s,box-shadow .15s;color:#435b57!important}.opening-library-card:hover,.opening-library-card:focus-visible{background:#edf3ed!important;box-shadow:0 0 0 2px #65867a}.opening-library-card svg{height:84px;width:100%}.opening-library-card strong{display:block;font-size:12px;font-weight:600;color:#293c39}.opening-library-card small{display:block;font-size:10px;margin-top:4px;color:#727c76}.opening-library-card[hidden]{display:none!important}.room-placement-prompt{position:absolute;z-index:8;top:82px;left:50%;transform:translateX(-50%);width:min(480px,85%);padding:14px 18px;background:#253f3d;color:#fff;border-radius:12px;box-shadow:0 8px 28px #16332c28;display:flex;align-items:center;justify-content:space-between;gap:15px}.room-placement-prompt[hidden]{display:none}.room-placement-prompt strong,.room-placement-prompt small{display:block}.room-placement-prompt small{margin-top:4px;color:#d3dfd9}.room-placement-prompt button{background:transparent;color:white;border:1px solid #a9bfba;padding:8px}.room-opening-list{margin:16px 0}.room-opening-list button{display:flex;justify-content:space-between;width:100%;padding:10px;margin:5px 0;text-align:left;font-size:12px}.opening-studio{width:min(1140px,96vw);max-width:96vw;height:min(820px,94dvh);max-height:94dvh;padding:0;border:1px solid #cad1ca;border-radius:18px;box-shadow:0 30px 100px #172a3c55;background:#fafaf6;color:#283b38}.opening-studio::backdrop{background:#162a36a6;backdrop-filter:blur(4px)}.opening-studio>header{height:88px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ded8;box-sizing:border-box}.opening-studio h2{font-size:25px;margin:5px 0 0}.opening-studio header button{border:0;background:transparent;font-size:30px;padding:8px 14px}.opening-studio-body{display:grid;grid-template-columns:minmax(0,1fr) 342px;height:calc(100% - 88px)}.opening-preview{position:relative;background:#eae9e3;min-height:280px;overflow:hidden}.opening-canvas{width:100%;height:100%;touch-action:none}.opening-canvas canvas{display:block}.opening-preview-label{position:absolute;top:22px;left:24px;pointer-events:none}.opening-preview-label strong{display:block;font-size:17px}.opening-preview-label span{display:block;margin-top:5px;color:#6b7771;font-size:11px}.opening-preview-tools{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap;background:#ffffffb3;padding:5px;border-radius:10px}.opening-preview-tools button{font-size:12px;padding:9px;background:white;border:1px solid #d1d8d0;border-radius:6px}.opening-preview-help{position:absolute;bottom:40px;left:0;width:100%;text-align:center;font-size:11px;color:#5b6762;pointer-events:none}.opening-preview output{position:absolute;bottom:16px;left:0;width:100%;text-align:center;font-size:12px;color:#263e38;pointer-events:none}.opening-controls{overflow:auto;padding:22px;border-left:1px solid #d8ded8}.opening-controls .field{margin:12px 0}.opening-controls .field-row{gap:10px}.opening-controls input,.opening-controls select{width:100%;box-sizing:border-box;min-height:39px;border:1px solid #c7d0c6;border-radius:6px;padding:8px;background:white;color:#263c37;font:inherit;font-size:13px}.opening-controls input[type=color]{padding:4px}.opening-controls .field>span{font-size:11px;line-height:1.4}.opening-controls details{border-top:1px solid #dde2da;padding-top:13px;margin-top:14px}.opening-controls summary{font-size:13px;font-weight:600;cursor:pointer}.opening-check{display:flex;gap:10px;align-items:center;font-size:13px}.opening-check input{width:18px;min-height:18px}.opening-studio-actions{display:flex;gap:8px;position:sticky;bottom:-22px;background:#fafaf6;padding:14px 0}.opening-studio-actions button{padding:12px;border:1px solid #bcc8bc;border-radius:7px;flex:1;font-size:12px}.opening-studio-actions .primary{background:#294e43;color:#fff}.opening-error{color:#9d3d2f;font-size:12px;min-height:18px}.opening-reference{font-size:11px;line-height:1.6;color:#647168}.opening-reference a{color:#315c50}.opening-measure-summary{padding:12px;background:#edf3ef;border:1px solid #d3dfd6;border-radius:8px;font-size:12px;line-height:1.8}.opening-measure-summary strong{display:block}.opening-measure-summary select{width:100%;margin:8px 0;padding:8px}.opening-studio-launch{width:100%;margin:12px 0;padding:12px;background:#294e43!important;color:#fff!important;border-radius:7px}.room-opening-library{margin:22px 0}.room-outline-tools{border:1px solid #d9ded6;border-radius:9px;padding:14px;margin:15px 0}.room-outline-tools>summary{font-weight:600;cursor:pointer}.room-outline-tools>.divider{display:none}@media(max-width:760px){.opening-studio{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh;border-radius:10px}.opening-studio>header{height:70px;padding:10px 16px}.opening-studio h2{font-size:20px}.opening-studio-body{grid-template-columns:1fr;grid-template-rows:38% 62%;height:calc(100% - 70px)}.opening-controls{border-left:0;border-top:1px solid #d8ded8;padding:16px}.opening-preview-label{top:10px;left:14px}.opening-preview-label strong{font-size:13px}.opening-preview-tools{bottom:47px}.opening-preview-help{display:none}.opening-preview output{bottom:15px}.opening-studio-actions{bottom:-16px}.room-placement-prompt{top:110px}}@media(prefers-reduced-motion:reduce){.opening-library-card{transition:none}}
.opening-studio>header{flex-wrap:nowrap;min-height:0}.opening-controls input:focus-visible,.opening-controls select:focus-visible,.opening-studio button:focus-visible{outline:3px solid #77a68d;outline-offset:2px}
