@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#18221f;--muted:#77817c;--line:#e2e7e3;--paper:#f5f7f5;--white:#fff;--green:#2c6858;--mint:#e9f2ee;--orange:#df8b57;--shadow:0 16px 48px #20352b0b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.topbar{height:76px;display:flex;align-items:center;padding:0 4vw;background:#fff;border-bottom:1px solid var(--line);gap:48px}.brand{color:var(--ink);font:800 17px Manrope,sans-serif;text-decoration:none;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--green);color:#fff;font-size:17px}.brand-light{font-weight:500;color:#819088}.top-title{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;gap:3px}.top-title strong{font:700 14px Manrope}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#86928c;font-weight:700}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.save-state{color:#75817a;font-size:12px}.save-state i{display:inline-block;width:7px;height:7px;border-radius:10px;background:#79b690;margin-right:6px}.button{border:0;border-radius:9px;padding:12px 18px;font:700 13px 'DM Sans';cursor:pointer;transition:.18s;display:inline-flex;gap:14px;align-items:center;justify-content:center}.button-primary{background:var(--green);color:#fff;box-shadow:0 5px 14px #2c68581c}.button-primary:hover{background:#225746;transform:translateY(-1px)}.button-quiet{background:transparent;color:#65716b;border:1px solid var(--line);padding:9px 13px}.button-outline{background:#fff;border:1px solid var(--line);color:#536159}.full{width:100%}.setup-page{max-width:1120px;margin:0 auto;padding:55px 32px 30px}.intro{max-width:630px;margin-bottom:36px}.intro h1{font:800 36px Manrope;letter-spacing:-1.4px;margin:11px 0}.intro p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.setup-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.setup-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:var(--shadow)}.card-heading{display:flex;gap:13px;align-items:flex-start}.step-number{width:27px;height:27px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.card-heading h2{margin:1px 0 5px;font:700 16px Manrope;letter-spacing:-.3px}.card-heading p{color:var(--muted);margin:0;font-size:12px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}.preset{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 8px 11px;display:flex;align-items:center;flex-direction:column;gap:7px;cursor:pointer;color:var(--ink)}.preset.active{border-color:var(--green);box-shadow:0 0 0 2px #2c685812;background:#fbfdfc}.preset b{font-size:12px}.preset small{color:var(--muted);font-size:10px}.mini-plan{width:43px;height:31px;border:1px solid #a5b4ab;border-radius:3px;display:grid;place-items:center;position:relative;background:linear-gradient(to bottom,#e6eee9 4px,transparent 4px)}.mini-plan:before{content:'';position:absolute;left:0;top:4px;bottom:0;width:3px;background:#9eb0a4}.mini-plan i{width:15px;height:10px;background:#d8e1db;border:1px solid #82958a}.mini-plan.square{width:34px}.mini-plan.wide{width:49px}.custom-icon{font-size:24px;color:var(--green);height:31px;line-height:31px}.custom-fields{display:flex;gap:15px;padding:15px 0 0 40px}.custom-fields[hidden]{display:none}.custom-fields label{display:flex;flex-direction:column;gap:6px;color:#737f78;font-size:11px}.custom-fields label span{display:flex;align-items:center;gap:7px;color:#8a958e}.custom-fields input{width:76px;border:1px solid var(--line);border-radius:7px;padding:8px;color:var(--ink);font:600 13px 'DM Sans'}.wall-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-top:21px}.wall-diagram{height:185px;position:relative;display:flex;align-items:center;justify-content:center}.wall-floor{width:136px;height:105px;border:1px solid #c8d2cc;background:#fafcfa;position:relative;display:grid;place-items:end center;padding:8px}.wall-floor span{font-size:8px;letter-spacing:1.2px;color:#a2aaa5}.wall-toggle{position:absolute;z-index:1;border:0;color:#718078;background:#e9eeea;font:600 9px 'DM Sans';cursor:pointer}.wall-toggle.active{background:var(--green);color:#fff}.wall-back{width:136px;height:9px;top:31px;left:50%;transform:translateX(-50%);font-size:0}.wall-left,.wall-right{width:9px;height:105px;top:40px;font-size:0}.wall-left{left:calc(50% - 75px)}.wall-right{right:calc(50% - 75px)}.wall-presets{display:flex;flex-direction:column;gap:7px}.wall-preset{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fff;text-align:left;font:600 10px 'DM Sans';color:#69766f;cursor:pointer}.wall-preset.active{border-color:#9db6a9;background:#f3f8f5;color:var(--green)}.setup-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 4px}.setup-footer>span{font-size:12px;color:var(--muted)}.tip-dot{width:15px;height:15px;border-radius:50%;background:#edf2ee;color:#718177;font-size:10px;display:inline-grid;place-items:center;font-weight:700;margin-right:5px}.editor{height:calc(100vh - 76px);display:grid;grid-template-columns:285px 1fr;min-height:620px}.editor[hidden]{display:none}.sidebar{background:#fff;border-right:1px solid var(--line);padding:27px 20px 19px;display:flex;flex-direction:column}.sidebar-head h2{font:800 21px Manrope;letter-spacing:-.6px;margin:7px 0}.sidebar-head p{color:var(--muted);font-size:12px;margin:0;line-height:1.5}.library-list{margin-top:20px;display:flex;flex-direction:column;gap:9px;overflow:auto}.library-card{border:1px solid var(--line);border-radius:11px;background:white;padding:11px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;cursor:pointer;transition:.18s}.library-card:hover{border-color:#a9bdb1;transform:translateY(-1px)}.library-card.selected{border-color:var(--green);background:#f7faf8;box-shadow:0 0 0 2px #2c68580c}.product-icon{width:62px;height:58px;background:linear-gradient(145deg,#f2f5f2,#e7ece8);border-radius:8px;display:grid;place-items:center;color:#739081}.product-icon svg{width:39px;height:43px}.product-copy b{display:block;font-size:12px;margin-bottom:4px}.product-copy small{font-size:10px;color:var(--muted)}.add-sign{color:#829189;font-size:20px}.sidebar-note{margin:auto 0 14px;padding:11px 10px;border-radius:9px;background:#f5f7f5;color:#7d8982;font-size:10px;line-height:1.45;display:flex;align-items:flex-start}.workarea{padding:24px 28px 18px;display:flex;flex-direction:column;min-width:0;min-height:0}.project-bar{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.project-bar h1{font:800 23px Manrope;letter-spacing:-.8px;margin:4px 0 0}.project-stats{display:flex;gap:8px}.project-stats span{font-size:10px;color:#67746c;border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:20px}.views{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0}.view-panel{background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.view-heading{height:58px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ee}.view-heading>div{display:flex;gap:9px;align-items:center}.view-index{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#eef3ef;color:var(--green);font-weight:700;font-size:10px}.view-heading h3{font:700 12px Manrope;margin:0 0 2px}.view-heading p{font-size:9px;color:var(--muted);margin:0}.view-tag{font-size:8px;letter-spacing:.9px;color:#9aa49e}.plan-wrap,.scene-wrap{position:relative;flex:1;min-height:320px;background-color:#fbfcfb;background-image:radial-gradient(#dfe5e0 0.7px,transparent .7px);background-size:15px 15px;overflow:hidden}#planCanvas,#sceneCanvas{display:block;width:100%;height:100%;touch-action:none}.plan-controls{position:absolute;left:13px;top:12px;display:flex;gap:6px}.plan-controls button{border:1px solid #e2e7e3;background:#ffffffed;padding:7px 9px;border-radius:7px;color:#66736b;font:600 10px 'DM Sans';cursor:pointer}.plan-controls button:hover{border-color:#9ab2a4;color:var(--green)}.legend{height:35px;display:flex;gap:17px;padding:0 15px;align-items:center;border-top:1px solid #edf0ee;font-size:9px;color:#77837b}.legend span{display:flex;gap:6px;align-items:center}.legend i{display:inline-block;width:11px;height:7px;border-radius:2px}.legend-wall{background:var(--green)}.legend-furniture{background:#d8a77b}.legend-entry{border:1px dashed #96a69c}.scene-wrap{background:radial-gradient(ellipse at center,#fdfefd 0,#f0f4f1 100%)}.scene-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#76837b;font-size:12px;background:#f6f8f6d9;transition:opacity .3s;pointer-events:none}.scene-message.hidden{opacity:0}.loader{width:16px;height:16px;border:2px solid #d5e0d8;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-hint{position:absolute;right:12px;bottom:10px;font-size:9px;color:#96a19a;pointer-events:none}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding-top:13px}.selection-info{font-size:11px;color:#77837b}.selection-info b{color:var(--ink)}.editor-footer .button{padding:11px 15px;font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#17251f;color:#fff;padding:11px 16px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 25px #0002}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.setup-grid{grid-template-columns:1fr}.editor{grid-template-columns:240px 1fr}.views{grid-template-columns:1fr;overflow:auto}.view-panel{min-height:360px}.editor{height:auto;min-height:calc(100vh - 76px)}.workarea{min-height:850px}.project-stats{flex-direction:column;align-items:end;gap:5px}}@media(max-width:650px){.topbar{height:62px;padding:0 16px;gap:12px}.top-title{padding-left:12px}.top-title .eyebrow{font-size:8px}.top-title strong{font-size:12px}.top-actions .save-state{display:none}.setup-page{padding:35px 16px 18px}.intro h1{font-size:30px}.preset-grid{grid-template-columns:repeat(2,1fr)}.wall-choice{grid-template-columns:1fr 1fr;gap:5px}.setup-footer{gap:15px;align-items:flex-start;flex-direction:column}.editor{display:flex;flex-direction:column;height:auto}.sidebar{border:0;border-bottom:1px solid var(--line);padding:17px}.sidebar-head h2{font-size:18px}.library-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px}.library-card{grid-template-columns:45px 1fr auto;padding:8px 7px;gap:6px}.product-icon{width:45px;height:48px}.product-icon svg{width:31px;height:38px}.product-copy b{font-size:10px}.product-copy small{font-size:9px}.sidebar-note{margin:10px 0}.sidebar .full{display:none}.workarea{padding:17px 12px;min-height:0}.project-bar h1{font-size:20px}.project-stats span{font-size:8px;padding:6px}.views{display:flex;flex-direction:column}.view-panel{min-height:360px}.editor-footer{gap:12px;align-items:flex-start;flex-direction:column}.editor-footer .button{width:100%}}
.admin-view{max-width:1180px;margin:0 auto;padding:48px 28px 32px}.admin-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.admin-heading h1{font:800 32px Manrope;letter-spacing:-1px;margin:8px 0}.admin-heading p{color:var(--muted);margin:0;font-size:14px}.admin-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.admin-form{display:flex;flex-direction:column;gap:15px}.admin-form>.card-heading{margin-bottom:3px}.admin-form>label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#68756d}.admin-form input,.admin-form select{border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);font:500 12px 'DM Sans';width:100%}.admin-form input[type=file]{font-size:11px}.dimension-fields>span{display:block;font-size:11px;color:#68756d;font-weight:600;margin-bottom:8px}.dimension-fields>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimension-fields label{display:flex;flex-direction:column;gap:5px;color:#8a958e;font-size:10px}.admin-hint{margin:-3px 0 0;color:#8a958e;font-size:10px;line-height:1.5}.admin-form>.button{align-self:flex-start}.admin-form #adminFeedback{font-size:11px;color:var(--green);min-height:14px}.admin-catalog{min-height:380px}.catalog-title{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.catalog-title h2{font:700 16px Manrope;margin:0 0 4px}.catalog-title p{font-size:11px;color:var(--muted);margin:0}.catalog-count{border-radius:20px;background:var(--mint);color:var(--green);font-size:10px;font-weight:700;padding:6px 9px}.admin-product-list{display:flex;flex-direction:column;gap:8px;max-height:515px;overflow:auto}.admin-product{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:9px}.admin-product .product-icon{width:55px;height:53px}.admin-product-copy b{display:block;font-size:12px;margin-bottom:5px}.admin-product-copy small{font-size:10px;color:var(--muted)}.catalog-action{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font:600 10px 'DM Sans';color:#68756d;cursor:pointer}.catalog-action:hover{border-color:#9db6a9;color:var(--green)}.admin-product.is-hidden{opacity:.55;background:#f7f8f7}.admin-footnote{display:flex;align-items:center;gap:7px;margin-top:17px;font-size:11px;line-height:1.5;color:#7b8780}.admin-footnote .tip-dot{flex:none}
.scene-heading{height:auto;min-height:58px;gap:8px}.scene-tools{display:flex;gap:4px;align-items:center}.scene-tools button{height:27px;min-width:27px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#64726a;font:600 10px 'DM Sans';cursor:pointer}.scene-tools button:hover{border-color:#9db6a9;color:var(--green)}.scene-panel:fullscreen{width:100vw;height:100vh;border-radius:0;background:#fff;padding:0}.scene-panel:fullscreen .scene-wrap{min-height:0}.scene-panel:fullscreen .scene-heading{padding:16px 22px}
@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-heading{align-items:flex-start;flex-direction:column}.admin-catalog{min-height:260px}}@media(max-width:650px){.top-actions{gap:6px}.top-actions .button{padding:7px 8px;font-size:9px}.admin-view{padding:32px 16px}.admin-heading h1{font-size:28px}.admin-product{grid-template-columns:45px 1fr auto;gap:8px;padding:7px}.admin-product .product-icon{width:45px;height:45px}.admin-product-copy b{font-size:10px}.admin-product-copy small{font-size:9px}.catalog-action{font-size:9px;padding:6px 7px}}
@media(max-width:950px){.scene-tools{gap:3px}.scene-tools button{min-width:25px;padding:0 5px}.scene-heading .view-heading p{font-size:8px}}

.scene-tools { flex-wrap: wrap; }
.scene-tools button[aria-pressed="true"] { background: #2c6858; color: white; }
.scene-heading { flex-wrap: wrap; gap: 8px; }

.item-dimensions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;color:#38584b;font-size:12px;} .item-dimensions[hidden] {display:none;} .item-dimensions label {display:flex;gap:6px;align-items:center;} .item-dimensions input[type=text] {width:78px;padding:7px;border:1px solid #ccd8ce;border-radius:5px;} .ratio-toggle {display:flex!important;align-items:center;gap:8px;} .ratio-toggle input {width:auto!important;}

.custom-size-warning {flex-basis:100%;margin:0;padding:9px 12px;background:#fff4dc;border-left:3px solid #b98930;color:#684d24;font-size:12px;line-height:1.5;}

#saveScenePdf[hidden] {display:none;}
#printScene {display:none;}
@media print {
  @page {size:A4 landscape;margin:8mm;}
  html,body {margin:0!important;padding:0!important;background:white!important;height:auto!important;overflow:visible!important;}
  body > :not(#printScene) {display:none!important;}
  #printScene {display:flex!important;align-items:center;justify-content:center;width:281mm;height:192mm;break-inside:avoid;}
  #printScene img {display:block;max-width:100%;max-height:100%;object-fit:contain;}
}

.restore-report {padding:10px 14px;margin:8px 0;background:#fff4dc;color:#684d24;border-radius:6px;font-size:12px;line-height:1.5;} .restore-report[hidden] {display:none;} .top-actions {flex-wrap:wrap;}

dialog {border:1px solid #cddbd2;border-radius:14px;padding:26px;max-width:460px;width:calc(100% - 40px);color:#38584b;}dialog::backdrop{background:rgba(0,0,0,.45);}dialog label{display:flex;flex-direction:column;gap:5px;margin:12px 0;}dialog label[hidden]{display:none;}dialog input{padding:10px;border:1px solid #cddbd2;border-radius:6px;font:inherit;}dialog p{line-height:1.5;} .dialog-actions{display:flex;gap:10px;justify-content:flex-end;}#authError{color:#a23c2d;}