.project-dialog{width:1440px}.planner{margin-bottom:28px;border:1px solid #dce5df;border-radius:12px;padding:20px;background:#fff}.planner-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.planner-heading h3{margin:0 0 4px;font-size:21px}.planner-heading p{margin:0;color:#68786d;font-size:14px}.planner button{border:1px solid #cfdbd2;background:white;color:#234d3a;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;min-height:38px}.planner button.primary-button{background:#173e34;color:white}.planner-history{display:flex;gap:6px}.planner-views{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.planner-views section{border:1px solid #dce5df;border-radius:9px;overflow:hidden;min-width:0}.planner-views header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #dce5df;flex-wrap:wrap}.planner-views header strong{font-size:14px}.planner-views header>div{display:flex;gap:5px;flex-wrap:wrap}.planner-views header button{padding:5px 9px;min-height:34px}.plan-canvas,.plan-scene{display:block;width:100%;height:350px;touch-action:none;cursor:grab}.plan-canvas [data-plan-uid]{cursor:move;outline:none}.plan-canvas [data-plan-uid]:focus rect{stroke:#bd841d;stroke-width:4px}.plan-canvas:active,.plan-scene:active{cursor:grabbing}.planner-views footer{padding:9px 12px;font-size:12px;color:#5d7364;min-height:48px;border-top:1px solid #dce5df;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.planner-views footer label{display:flex;align-items:center;gap:5px}.planner input[type=checkbox]{accent-color:#173e34;width:16px;height:16px}.planner-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0;font-size:14px}.plan-collision{color:#346554}.plan-collision.has-collision{color:#a72f25;font-weight:600}.planner-selection{display:grid;grid-template-columns:minmax(190px,1fr) 2fr;gap:14px;background:#f3f7f4;border-radius:9px;padding:14px}.planner-selection label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#506a59}.planner-selection input,.planner-selection select{width:100%;min-width:0;border:1px solid #cfdad2;border-radius:6px;background:white;height:40px;padding:6px 9px;font-size:14px;color:#173e34}.plan-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.plan-selection-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.planner-footnote{font-size:12px;color:#7c887f;margin:12px 0 0}.plan-error{color:#a72f25;background:#fff0ed;border-radius:6px;padding:10px;font-size:14px;margin:12px 0 0}.scene-surface{position:relative}.scene-unavailable{position:absolute;inset:20px;color:#6b5648;pointer-events:none}.project-list-heading{font-size:18px;margin:22px 0 12px}.settings-front .settings-row{flex-wrap:wrap}.settings-front .settings-row label{min-width:110px}
@media(min-width:1000px){.project-dialog .project-item{grid-template-columns:100px 1fr auto}.project-dialog .project-item img{max-height:100px}.project-dialog #project-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-dialog .project-item{margin:0}.project-dialog .item-actions{flex-wrap:wrap;max-width:170px}}
@media(max-width:1000px){.planner-views{grid-template-columns:1fr}.plan-canvas,.plan-scene{height:310px}.planner-selection{grid-template-columns:1fr}.plan-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.planner{padding:12px}.planner-heading{align-items:flex-start}.planner-heading p{font-size:13px}}
@media(max-width:540px){.project-dialog .project-content{padding:12px}.planner-heading{flex-direction:column}.plan-canvas,.plan-scene{height:290px}.planner-views header{padding:8px}.planner-views header button{font-size:12px;padding:5px 7px}.plan-fields{gap:8px}.planner-summary{font-size:13px}.plan-selection-actions{justify-content:stretch}.plan-selection-actions button{flex:1}.planner-selection{padding:10px}.planner-heading h3{font-size:18px}}

.planner-selection{margin-bottom:16px}.wall-height-controls{grid-column:1/-1;display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #ceddd2}.wall-height-summary{width:100%;font-size:14px;color:#173e34}.wall-height-actions{display:flex;gap:6px}.wall-height-controls label{flex:1;min-width:180px}.wall-height-controls small{width:100%;color:#506a59}.wall-height-controls[hidden]{display:none}
.project-edit-hint{font-size:14px;color:#526b5c;margin:0 0 16px}
.project-workspace{display:block}
.project-dialog .project-workspace #project-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.project-dialog .project-workspace .project-item{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #dce5df;border-radius:10px;transition:background .15s,border-color .15s}
.project-dialog .project-workspace .project-item.is-selected{border:2px solid #a87923;padding:13px;background:#faf4e5}
.project-dialog .project-workspace .project-item .thumb-image{width:72px;height:82px;grid-row:span 2}
.project-dialog .project-workspace .project-item .item-actions{grid-column:2;max-width:none;gap:15px}
.project-dialog .project-workspace .item-actions button{font-size:14px;min-height:38px}
.project-editor{width:760px;min-width:0;border:1px solid #cddbcf;border-radius:12px;background:white;padding:0;overflow:hidden;max-height:calc(100dvh - 32px)}.project-editor[open]{display:flex;flex-direction:column}.project-editor-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}.project-editor-header,.project-editor-footer{flex-shrink:0}.project-editor-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #dce5df;background:#fff}.library-embed .project-editor{overflow:hidden}.project-editor #config-form{max-height:none;overflow:visible}.project-editor #config-form>.add-button,.project-editor #config-form>.submit-note{display:none}
.project-editor-header{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:18px 20px;background:#f3f7f4;border-bottom:1px solid #dce5df}
.project-editor-header h2{font-size:18px;margin:5px 0 8px;overflow-wrap:anywhere}
.project-editor-header .eyebrow{font-size:12px}.project-editor-header p{font-size:14px;color:#506a59;margin:0;line-height:1.5}
.project-editor-header button{flex-shrink:0;font-size:14px;padding:9px 12px}
.project-editor #config-form{max-height:none;overflow:visible;padding:0 20px 20px;overscroll-behavior:contain}
.project-editor .field-note,.project-editor .field-label,.project-editor .field-pair label,.project-editor .single-door-field,.project-editor .dimensions-grid label,.project-editor .inheritance-toggle label,.project-editor .inheritance-toggle p,.project-editor .construction-summary{font-size:14px;line-height:1.5}
.project-editor .submit-note{font-size:12px}.project-editor .error-message{font-size:14px}.project-editor #project-editor-message{margin:12px 20px}
.project-editor input,.project-editor select{font-size:16px}.project-editor .add-button{position:sticky;bottom:0;box-shadow:0 0 0 7px white;z-index:1}
.project-editor button:disabled{opacity:.5;cursor:default}
@media(max-width:950px){.project-workspace{grid-template-columns:1fr}.project-dialog .project-workspace #project-items{grid-template-columns:repeat(2,minmax(0,1fr))}.project-editor #config-form{max-height:none;overflow:visible}.project-editor .add-button{position:static}}
@media(max-width:600px){.project-dialog .project-workspace #project-items{grid-template-columns:1fr}.project-editor-header{padding:14px}.project-editor-header h2{font-size:17px}.project-editor-header p{font-size:12px}.project-editor-footer{padding:12px 14px}.project-editor #config-form{padding:0 14px 16px}.project-editor .dimensions-grid{grid-template-columns:1fr}.project-editor .field-pair{grid-template-columns:1fr}.project-editor .add-button{font-size:16px}}
.planner-views>section{display:flex;flex-direction:column}.planner-views>section>header{align-content:center}.planner-views>section>footer{flex:1}.planner-views .scene-layout{height:clamp(420px,52dvh,580px);flex-shrink:0}.planner-views .scene-layout .plan-scene{height:100%}.planner-views .scene-colors{display:none}
.scene-layout{display:block}.planner-views .scene-surface{height:100%}.scene-layout .scene-surface{min-height:0;overflow:hidden}.scene-layout .plan-scene{height:100%;min-height:0}.scene-colors{padding:18px;background:#f8faf8;border-left:1px solid #dce5df;overflow:auto}.scene-color-details>summary{font-size:17px;font-weight:700;cursor:pointer;color:#173e34}.scene-color-body{display:grid;gap:14px;padding-top:14px}.scene-color-body label{display:grid;gap:6px;font-size:13px}.scene-basic-colors{display:grid;gap:12px}.scene-basic-colors[hidden],.scene-front-colors[hidden],.scene-color-error[hidden],.scene-front-note[hidden]{display:none}.scene-color-body select{font-size:14px}.scene-color-target,.scene-color-feedback,.scene-color-error,.scene-front-note{font-size:13px;line-height:1.5;margin:0}.scene-color-target,.scene-color-body small{color:#66796d}.scene-color-body small{font-size:12px;line-height:1.6}.scene-color-feedback{color:#236246}.scene-color-error{color:#a43423;background:#fff0ec;padding:10px;border-radius:7px}.scene-colors .decor-control{padding:10px}.scene-colors .decor-selection{gap:9px}.scene-colors .decor-selection-sample{width:42px;height:42px}.scene-colors .decor-selected-name{font-size:13px}.scene-colors .decor-actions button{font-size:13px}.scene-color-undo:disabled{opacity:.45;cursor:default}.scene-panel>header button[hidden]{display:none}
.scene-window{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;border-radius:12px;overflow:hidden}.scene-window[open]{display:block}.scene-window .scene-panel{height:100%;display:flex;flex-direction:column;background:white;min-width:0}.scene-window .scene-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #dce5df}.scene-window .scene-panel>header strong{font-size:20px}.scene-window .scene-panel>header>div{display:flex;gap:6px;flex-wrap:wrap}.scene-window .scene-colors{display:block}.scene-window .scene-layout{display:grid;flex:1;min-height:0;height:auto;grid-template-columns:minmax(0,1fr) 320px}.scene-window .scene-panel>footer{padding:10px 18px;font-size:12px;color:#5d7364}.scene-window .scene-layout .plan-scene{height:100%}.library-embed .scene-window{height:var(--rik-visible-height,min(85vh,640px));max-height:var(--rik-visible-height,min(85vh,640px))}
@media(max-width:800px){.scene-layout{display:block;height:auto}.scene-layout .plan-scene{height:clamp(360px,55dvh,540px)}.scene-colors{border-left:0;border-top:1px solid #dce5df;padding:16px}.scene-color-body{grid-template-columns:1fr 1fr}.scene-color-target,.scene-front-colors,.scene-color-feedback,.scene-color-error,.scene-color-body>small{grid-column:1/-1}.scene-basic-colors{grid-template-columns:1fr 1fr}.scene-basic-colors>label:last-child{grid-column:1/-1}.scene-window .scene-layout{display:block;overflow:auto;flex:1}.scene-window .scene-layout .plan-scene{height:clamp(300px,52dvh,540px)}.scene-window .scene-panel>header{padding:12px}.scene-window .scene-panel>header strong{font-size:17px}.scene-window .scene-panel>header button{font-size:12px;padding:7px 9px}.scene-window{width:calc(100vw - 8px);height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)}}




/* The same interactive plan stays inside the scene, including expanded mode. */
.scene-surface>.plan-panel{position:absolute;left:14px;bottom:14px;width:260px;max-width:calc(100% - 28px);z-index:2;border:1px solid #c7d5cb;border-radius:10px;background:white;overflow:hidden;box-shadow:0 5px 22px #173e3426}
.scene-surface>.plan-panel[hidden]{display:none}
.scene-surface>.plan-panel>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:7px 9px;border-bottom:1px solid #dce5df;min-height:0}
.scene-surface>.plan-panel>header strong{font-size:12px;width:auto}
.scene-surface>.plan-panel>header>div{display:flex;gap:4px}
.scene-surface>.plan-panel>header button{font-size:11px;padding:3px 6px;min-height:26px}
.scene-surface>.plan-panel .plan-canvas{height:160px;width:100%}
.scene-surface>.plan-panel>footer{display:block;padding:5px 9px;font-size:10px;min-height:0;border-top:1px solid #dce5df;color:#5d7364}
.scene-surface>.plan-panel>footer label{display:flex;gap:5px;align-items:center}
.scene-surface>.plan-panel>footer span{display:none}
.scene-surface>.plan-panel input[type=checkbox]{width:13px;height:13px}
@media(max-width:700px){
 .planner-views .scene-layout,.planner-views .scene-surface{height:auto}
 .planner-views .scene-layout .plan-scene{height:330px}
 .scene-surface>.plan-panel{position:relative;left:auto;bottom:auto;margin:10px;width:calc(100% - 20px);max-width:none;box-shadow:none}
 .scene-surface>.plan-panel .plan-canvas{height:170px}
}

.item-price{display:grid;gap:3px;margin-top:12px;padding-top:10px;border-top:1px solid #dce5df}.item-price>span{font-size:11px;color:#63776b}.item-price>strong{font-size:16px;line-height:1.4;color:#6f6044;font-variant-numeric:tabular-nums}.item-price.is-priced>strong{font-size:20px;color:#173e34}.item-price>small{font-size:11px;color:#728278;overflow-wrap:anywhere}.item-price>small:empty{display:none}
.project-editor-header .close-button{font-size:26px;padding:0}