@font-face{font-family:Studio;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f3f2ee;color:#292d2a;font:14px Studio,'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #b77435;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,.catalog-title{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.7px}h2{font-size:14px;font-weight:600}h3{font-family:Georgia,serif;font-size:25px;font-weight:400}button{border:0;background:none}input,select,textarea{border:1px solid #deded8;border-radius:6px;background:#fff;padding:9px;width:100%;color:#292d2a;min-width:0}input:focus,select:focus,textarea:focus{outline:1px solid #ad7845;border-color:#ad7845}label{display:block;font-size:12px;color:#686c65}label input,label select,label textarea{margin-top:7px}small{display:block}.topbar{height:85px;background:#fff;border-bottom:1px solid #e4e4df;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.brand{display:flex;gap:13px;align-items:center;font-family:Georgia,serif;font-size:19px;letter-spacing:1.8px;white-space:nowrap}.monogram{font-size:49px;letter-spacing:-13px;padding-right:13px;font-weight:bold}.brand small{font:8px Studio,Arial;letter-spacing:3px;margin-top:6px}.project-name{font:19px Georgia,serif}.project-name em{font-weight:400;color:#8c8172}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{font-size:25px;width:38px;height:38px;border-radius:50%}.icon-button:hover{background:#eeeee9}.divider{height:25px;width:1px;background:#e3e4de;margin:0 9px}.button{border-radius:6px;padding:12px 18px;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-weight:600}.button.outline{border:1px solid #d6d8d0;background:white}.button.primary,.button.small{background:#b97736;color:white}.button:hover{filter:brightness(.96)}.workspace{height:calc(100dvh - 163px);min-height:660px;display:grid;grid-template-columns:276px minmax(380px,1fr) 294px}.panel{background:#fff;overflow:auto;scrollbar-width:thin;padding:26px 23px}.left-panel{border-right:1px solid #e0e1da}.right-panel{border-left:1px solid #e0e1da}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8d9389;margin-bottom:12px}.intro{margin-top:9px;font-size:12px}.muted{color:#82877e;line-height:1.6}.room-card{margin:24px 0 25px;display:flex;gap:12px;align-items:center;padding:13px 9px;border:1px solid #e1dccf;background:#faf8f2;border-radius:8px}.room-card strong{font-size:13px}.room-card small{font-size:10px;color:#818576;margin-top:5px}.room-check{margin-left:auto;color:#af773e}.mini-plan{height:46px;width:53px;border:3px solid #a8a695;border-bottom-width:2px;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 11px,#e2e0d6 12px),repeating-linear-gradient(90deg,#f1ede0,#f1ede0 11px,#e2e0d6 12px)}.mini-plan i{position:absolute;right:0;top:0;width:17px;height:19px;background:#e0e4dc;border:1px solid #a0b2af}.mini-plan b{position:absolute;left:2px;top:8px;width:9px;height:21px;background:#b39b79}.mini-plan span,.mini-plan em{position:absolute;top:2px;left:16px;width:7px;height:10px;border-radius:4px;background:white;border:1px solid #c0c1b6}.mini-plan em{left:26px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}section{border-bottom:1px solid #ecece7;padding-bottom:22px;margin-bottom:23px}.unit-tag,.tiny-pill{font-size:10px;color:#9a9f96;background:#f3f4ef;padding:4px 6px;border-radius:4px}.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.measure-grid input{font-size:15px;padding:10px 8px}.measure-grid label{font-size:10px}.hint{font-size:10px;color:#969b91;line-height:1.6;margin-top:12px}.small-button{background:#f4f4ef;border-radius:50%;font-size:18px;width:26px;height:26px}.opening-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1f1ed;font-size:12px;text-align:left;width:100%}.opening-row span{margin-left:auto;color:#959c91;font-size:10px}.opening-icon{font-size:18px;font-weight:400;color:#92988c}details{margin-top:12px}summary{font-size:11px;cursor:pointer;color:#8a785c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.form-grid label{font-size:10px}.form-grid input,.form-grid select{font-size:11px}.row{display:flex;gap:10px;align-items:center;margin-top:14px}.button.small{font-size:11px;padding:8px 13px}.text-button{font-size:11px;color:#7e8579;padding:5px 0}.danger{color:#9e543f}.check{display:flex;align-items:center;gap:8px;font-size:11px}.check input{width:14px;margin:0;accent-color:#b97736}.quality-label{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.quality-label select{width:108px;font-size:10px;margin:0;padding:6px}.panel-bottom .text-button{margin-top:15px}.save-state{display:block;font-size:9px;color:#84917c;margin-top:16px}.stage-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#faf9f5,#ecece6 85%)}.stage-top{position:absolute;top:25px;left:28px;right:25px;display:flex;justify-content:space-between;z-index:2}.stage-top .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:2px}.stage-title{font:14px Georgia,serif;color:#8b8c80;font-style:italic}.stage-top .icon-button{font-size:26px;background:#ffffff99;color:#747b70}.view-switch{position:absolute;top:95px;left:50%;transform:translateX(-50%);background:#fff9;padding:5px;display:flex;border-radius:9px;border:1px solid #dedfd7;z-index:3;box-shadow:0 4px 12px #22222204}.view-switch button{padding:8px 23px;font-size:12px;border-radius:6px;white-space:nowrap}.view-switch button.active{background:#303a31;color:#fff;box-shadow:0 2px 7px #27352420}#viewport{position:absolute;inset:120px 0 38px;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#888d80;font-size:12px}.loading span{width:18px;height:18px;border:2px solid #ddd;border-top-color:#b97736;border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}.dimension{position:absolute;font-size:11px;color:#697361;pointer-events:none;background:#f6f6efc9;border-radius:20px;padding:4px 10px}.dimension.width{bottom:64px;left:43%}.dimension.depth{bottom:130px;right:8%}.stage-bottom{position:absolute;bottom:16px;left:23px;right:23px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8f968a}.live-pill{white-space:nowrap}.live-pill i{display:inline-block;background:#8fa17a;width:5px;height:5px;border-radius:50%;margin-right:6px}.catalog-title{font-size:26px}.catalog-tabs{display:flex;border-bottom:1px solid #e4e6de;margin:20px 0}.catalog-tabs button{width:50%;padding:12px 0;color:#929789;font-size:12px;border-bottom:2px solid transparent}.catalog-tabs button.active{border-color:#b97736;color:#333a2f}.catalog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-card{padding:0;border:1px solid #e6e7e0;border-radius:7px;text-align:left;overflow:hidden;background:#fbfbf9;position:relative;transition:border-color .2s,transform .2s}.catalog-card:hover{border-color:#b97736;transform:translateY(-2px)}.catalog-card img{width:100%;height:112px;object-fit:contain;display:block;background:radial-gradient(#f9f9f5,#eeefe9)}.catalog-card .card-label{display:block;padding:10px 10px 4px;font-size:12px;font-weight:500}.catalog-card small{padding:0 10px 10px;font-size:9px;color:#9b9f94}.catalog-card .plus{position:absolute;right:8px;bottom:15px;color:#a8ac9e;font-size:17px}.suggested{margin-top:25px;padding-bottom:20px}.suggested .section-title{margin-bottom:12px}.suggested h2{font-size:13px}.suggested .section-title>span{color:#acb09f}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.swatch{border:1px solid #d9d7cc;height:44px;border-radius:5px;display:block;position:relative}.swatch.selected:after{content:'✓';position:absolute;right:3px;bottom:2px;font-size:10px;background:white;border-radius:50%;width:15px;height:15px;line-height:15px;color:#756245;text-align:center}.palette button{padding:0;text-align:left}.palette small{font-size:9px;color:#858b7c;line-height:1.4;margin-top:7px}.palette-note{font:italic 11px Georgia,serif;color:#9a9d91;margin-top:16px}.finish-group{margin-bottom:20px}.finish-group h3{font:600 12px Studio,Arial;margin-bottom:10px}.finish-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.finish-options button{padding:0;text-align:left}.finish-options small{font-size:9px;line-height:1.4;color:#7a8174;margin-top:6px}.project-list{border:0}.project-list h2{font-size:12px;margin-bottom:12px}.project-list h2 span{font-size:9px;color:#90987f;background:#f0f2e9;padding:2px 5px;border-radius:4px;margin-left:6px}.item-row{font-size:11px;display:flex;justify-content:space-between;width:100%;padding:7px 0;color:#7c8572}.item-row.selected{color:#a2652d;font-weight:600}.bottom-bar{height:78px;border-top:1px solid #dddeda;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:20px}.room-summary{display:flex;align-items:center;gap:13px}.room-summary strong{font-size:13px;font-weight:500}.room-summary strong span{padding-left:12px;color:#9b815c}.room-summary small{font-size:10px;color:#949b8a;margin-top:6px}.ruler{font-size:31px;color:#859075}.footer-note{font:italic 14px Georgia,serif;color:#929883}.bottom-bar .primary{min-width:242px;padding:14px 22px;justify-content:space-between}.bottom-bar .primary span{font-size:20px}.mobile-tabs{display:none}#toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,20px);max-width:90vw;border-radius:8px;padding:12px 20px;background:#303a31;color:#fff;font-size:12px;box-shadow:0 8px 30px #26332125;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}#selection-toolbar{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);z-index:8;border:1px solid #e0ded2;background:#fffffff5;box-shadow:0 6px 26px #3a41311a;border-radius:8px;padding:10px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;width:340px;font-size:11px}#selection-toolbar strong{flex:1}#selection-toolbar button{font-size:11px;padding:4px;color:#9a6638}.position-inputs{border-top:1px solid #ecece5;padding-top:7px;display:flex;width:100%;gap:8px;align-items:center}.position-inputs label{display:flex;align-items:center;gap:4px;font-size:9px}.position-inputs input{width:65px;font-size:11px;padding:4px;margin:0}#xray-legend{position:absolute;left:22px;bottom:45px;padding:12px 14px;background:#fffE;z-index:4;border-radius:7px;font-size:10px;max-width:310px}#xray-legend span{display:inline-block;margin-right:9px}#xray-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.cold{background:#3286c0}.hot{background:#d26049}.drain{background:#88887a}#xray-legend small{font-size:9px;color:#838978;margin-top:9px}#conflicts{position:absolute;left:15px;right:15px;top:151px;z-index:5;background:#fff5e9ed;border:1px solid #e8c19c;border-radius:6px;padding:10px;font-size:11px;color:#905729;max-height:80px;overflow:auto}#conflicts button{display:block;text-align:left;font-size:11px;color:inherit;padding:3px}#fallback{padding:50px 30px;max-width:460px;margin:auto;line-height:1.8}dialog{border:1px solid #dfdfd4;border-radius:12px;padding:30px;width:min(850px,94vw);max-height:90dvh;color:#30392d;background:#fcfcf9}dialog::backdrop{background:#28332677;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-head h2{font:28px Georgia,serif}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.quote-layout img{width:100%;border-radius:7px;background:#f2f2ec;max-height:250px;object-fit:contain}.quote-layout form label{margin:12px 0}.quote-layout .muted{font-size:11px;margin-top:10px}.notice{font-size:11px;background:#f5eddf;border:1px solid #e6d9c3;padding:12px;line-height:1.6;border-radius:5px;margin:14px 0}#quote-summary{font-size:12px;line-height:1.9;margin:10px 0 15px}#quote-summary p{margin:6px 0}#opening-dialog{width:360px}
@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(380px,1fr) 324px}.panel{padding:30px}.catalog-card img{height:133px}}
@media(max-width:1150px){.workspace{grid-template-columns:228px minmax(340px,1fr) 245px}.panel{padding:22px 16px}.topbar{padding:0 20px}.project-name{display:none}.catalog-card img{height:93px}.stage-title{font-size:12px}.stage-top{left:20px}.footer-note{display:none}.stage-bottom .live-pill{display:none}}
@media(max-width:850px){.topbar{height:66px;padding:0 15px}.brand{font-size:13px;gap:9px;letter-spacing:1px}.monogram{font-size:36px;letter-spacing:-10px;padding-right:10px}.brand small{font-size:6px;letter-spacing:1.5px}.header-actions{gap:3px}.header-actions .divider{display:none}.header-actions .icon-button{width:29px;height:29px;font-size:23px}.header-actions .button{padding:8px;font-size:12px}.header-actions .button span{display:none}.mobile-tabs{display:flex;height:43px;background:#fff;border-bottom:1px solid #e0e2d8;justify-content:space-around}.mobile-tabs button{width:33%;font-size:12px;border-bottom:2px solid transparent}.mobile-tabs button.active{color:#ae7135;border-bottom-color:#ae7135}.workspace{display:block;height:calc(100dvh - 181px);min-height:440px;position:relative}.stage-panel{height:100%}.panel{display:none;height:100%;position:absolute;z-index:12;width:100%;top:0;padding:25px;overflow:auto}.workspace[data-panel=room] .left-panel,.workspace[data-panel=catalog] .right-panel{display:block}.catalog-grid{grid-template-columns:repeat(3,1fr)}.catalog-card img{height:120px}.stage-top{top:18px;left:20px}.stage-top .eyebrow{font-size:8px}.stage-title{font-size:12px}.view-switch{top:74px}.view-switch button{padding:7px 21px}#viewport{inset:105px 0 30px}.bottom-bar{height:72px;padding:0 14px;gap:10px}.ruler{display:none}.room-summary strong{font-size:11px}.room-summary strong span{display:block;padding:3px 0 0;font-size:13px}.room-summary small{display:none}.bottom-bar .primary{min-width:0;padding:12px 16px;font-size:12px;gap:15px}.dimension.width{bottom:52px}.dimension.depth{right:3%;bottom:95px}.stage-bottom{left:15px;font-size:9px}.quote-layout{grid-template-columns:1fr}.dialog-head h2{font-size:22px}dialog{padding:20px}#conflicts{top:120px}.palette{max-width:330px}.measure-grid{max-width:420px}#selection-toolbar{bottom:33px;width:min(340px,95%)}#xray-legend{bottom:35px;left:10px;max-width:90%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.photo-tools{position:absolute;top:20px;right:70px;z-index:9;display:flex;align-items:flex-end;flex-direction:column;gap:9px;max-width:330px}.photo-tools button{padding:11px 17px;border:1px solid #cfc7b9;background:#fffffff0;border-radius:6px;font-size:12px;box-shadow:0 3px 15px #372c1708}.photo-tools button[aria-pressed=true]{background:#303a31;color:white}.photo-tools span{padding:8px 12px;border-radius:5px;background:#fffffff0;font-size:11px;color:#6d6457;line-height:1.5}.photo-canvas{position:absolute;inset:0;z-index:3;cursor:pointer;transition:opacity .5s}#viewport{position:absolute}#viewport>canvas{display:block}.stage-panel{background:radial-gradient(ellipse at 50% 45%,#faf9f5,#eae8e1)}
@media(max-width:850px){.photo-tools{top:18px;right:15px;max-width:180px}.photo-tools button{padding:8px 10px;font-size:11px}.photo-tools span{font-size:10px}.stage-top{max-width:170px}}

.view-switch{z-index:9}#viewport{z-index:0}.stage-bottom,.dimension{z-index:4}.photo-tools{max-width:300px}.photo-tools span{font-size:10px}

/* Casa 2.1: controls live in the sidebar, never over the plan. */
.right-panel #selection-toolbar{position:static;transform:none;width:100%;max-width:none;box-shadow:none;border:1px solid #dedbd0;border-radius:10px;margin:0 0 22px;padding:14px;background:#faf9f5;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.right-panel #selection-toolbar[hidden]{display:none}.selection-caption{width:100%;font-size:9px;letter-spacing:1.5px;color:#97846c}.right-panel #selected-name{width:100%;font-size:16px}.right-panel #selection-toolbar .position-inputs{width:100%;flex-wrap:wrap;gap:8px}.right-panel #selection-toolbar .position-inputs input{width:64px}.right-panel #mount-control,.right-panel #module-controls{width:100%}.right-panel #module-controls{padding-top:10px;border-top:1px solid #dedbd0}.room-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.room-shortcuts button{padding:10px 6px;font-size:11px}.house-actions{display:grid;gap:7px;margin-bottom:20px}.house-actions button{font-size:12px;padding:10px}.plan-import-dialog{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;overflow:auto}.plan-import-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.plan-import-head h2{font:27px Georgia}.plan-import-head small{letter-spacing:2px;color:#a2764a;margin-bottom:7px}.plan-import-dialog>p{line-height:1.6;margin:12px 0}.plan-import-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:15px 0}.plan-import-controls label{max-width:235px}.plan-import-controls input[type=number]{width:130px}.plan-trace-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.plan-canvas-wrap{background:#f1f0e9;align-self:start;border:1px solid #ddd7ca}.plan-canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.plan-trace-side{max-height:540px;overflow:auto;padding-right:5px}.plan-trace-side>.button{width:100%;margin-top:12px}.traced-room{border-top:1px solid #ddd;padding:10px 0;display:grid;gap:7px}.plan-import-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.plan-import-footer span{font-size:12px;max-width:550px;color:#736c5d}#plan-error{color:#a6412d}#plan-instruction{padding:10px 14px;background:#eef0e7;border-radius:6px}#living-presets{margin-bottom:18px}#living-presets .button{width:100%}
@media(max-width:700px){.plan-trace-layout{grid-template-columns:1fr}.plan-trace-side{max-height:none}.plan-import-dialog{padding:16px}.plan-import-head h2{font-size:22px}.plan-import-footer{align-items:stretch;flex-direction:column}.plan-import-controls{gap:8px}.plan-import-controls label{max-width:100%}.mobile-tabs #edit-selected{color:#a46731;font-weight:600}.right-panel #selection-toolbar{width:100%}}

.right-panel #selection-toolbar #selected-name{flex:0 0 100%;line-height:1.35}.right-panel #selection-toolbar .selection-caption{flex:0 0 100%}

.plan-canvas-wrap canvas{width:auto;max-width:100%;max-height:60dvh;margin:auto}.plan-import-footer{position:static;background:#fffdf9;border-top:1px solid #e7e1d7;padding:14px 0;margin-top:14px}

.right-panel #conflicts{position:static;transform:none;max-width:none;width:100%;margin:0 0 14px;max-height:180px;overflow:auto}.right-panel #conflicts button{display:block;width:100%;text-align:left;line-height:1.6;padding:5px 0}

.right-panel #opening-editor{margin:0 0 16px;padding:14px;border:1px solid #dedbd0;border-radius:10px;background:#faf9f5}.right-panel #opening-editor:not([open]){display:none}.right-panel #opening-editor summary{margin-bottom:12px}.right-panel #delete-opening{color:#a2412a;font-weight:600}