:root{--rs3d-accent:#2f6b45;--rs3d-accent2:#254f37;--rs3d-bg:#f6f4ef;--rs3d-card:#fff;--rs3d-text:#1d251f;--rs3d-muted:#6d746f;--rs3d-line:#e2e5e1;--rs3d-danger:#a44343}
*{box-sizing:border-box}.rs3d-site-head{background:#fff;border-bottom:1px solid var(--rs3d-line);position:relative;z-index:20}.rs3d-head-inner{max-width:1260px;margin:auto;padding:14px 18px;display:flex;align-items:center;gap:22px}.rs3d-brand{color:var(--rs3d-text);text-decoration:none;display:flex;flex-direction:column;min-width:max-content}.rs3d-brand strong{font-size:22px;line-height:1}.rs3d-brand span{font-size:10px;color:var(--rs3d-muted);margin-top:4px}.rs3d-nav{display:flex;align-items:center;gap:13px;margin-left:auto;overflow:auto;white-space:nowrap}.rs3d-nav a{color:#39413b;text-decoration:none;font-size:12px}
.rs3d-page{background:var(--rs3d-bg);min-height:100vh;padding:28px 14px 48px}.rs3d-hero{max-width:1260px;margin:0 auto 18px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end}.rs3d-kicker{font-weight:800;letter-spacing:.08em;font-size:11px;color:var(--rs3d-accent)}.rs3d-hero h1{font-size:clamp(28px,4.4vw,45px);line-height:1.08;margin:8px 0}.rs3d-hero p{max-width:790px;color:var(--rs3d-muted);margin:0;font-size:14px}.rs3d-access{min-width:220px;background:#edf4ef;border:1px solid #d9e8dd;padding:13px 15px;border-radius:14px;display:flex;flex-direction:column}.rs3d-access span{font-size:12px;color:var(--rs3d-muted);margin-top:3px}
.rs3d-app{max-width:1260px;margin:auto;display:grid;grid-template-columns:315px minmax(0,1fr);gap:14px;align-items:start}.rs3d-panel,.rs3d-workspace-card{background:var(--rs3d-card);border:1px solid var(--rs3d-line);border-radius:17px;box-shadow:0 8px 28px rgba(26,38,30,.055)}.rs3d-panel{padding:15px;max-height:calc(100vh - 30px);overflow:auto;position:sticky;top:10px}.rs3d-panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--rs3d-line);padding-bottom:11px}.rs3d-panel-title>div{display:flex;flex-direction:column}.rs3d-panel-title span{font-size:11px;color:var(--rs3d-muted)}.rs3d-credit{background:#f1f3f1;border-radius:20px;padding:5px 9px!important;font-weight:700;color:var(--rs3d-text)!important}.rs3d-start-box{background:#f7f8f6;border:1px solid var(--rs3d-line);border-radius:12px;padding:11px;margin:11px 0}.rs3d-start-box p{margin:0 0 9px;color:var(--rs3d-muted);font-size:12px}.rs3d-start-box button+button{margin-top:7px}.rs3d-panel fieldset{border:0;padding:0;margin:0}.rs3d-panel fieldset:disabled{opacity:.48;pointer-events:none}.rs3d-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 8px;font-size:12px}.rs3d-section-head span{font-size:10px;color:var(--rs3d-muted)}.rs3d-panel label{font-size:11px;font-weight:700;color:#4c554e}.rs3d-panel label>span{float:right;font-weight:500;color:var(--rs3d-muted)}.rs3d-panel input,.rs3d-panel select,.rs3d-modal input{width:100%;margin-top:5px;border:1px solid #cfd5d0;background:#fff;border-radius:9px;padding:8px 9px;font:inherit;color:var(--rs3d-text)}.rs3d-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.rs3d-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rs3d-colors input{height:36px;padding:4px}.rs3d-primary,.rs3d-secondary,.rs3d-mini,.rs3d-edit-tools button,.rs3d-view-tabs button,.rs3d-room-palette button{border:0;border-radius:9px;padding:9px 11px;font-weight:800;cursor:pointer}.rs3d-primary{background:var(--rs3d-accent);color:#fff}.rs3d-primary:hover{background:var(--rs3d-accent2)}.rs3d-secondary,.rs3d-edit-tools button,.rs3d-room-palette button{background:#f0f2ef;color:var(--rs3d-text)}.rs3d-mini{padding:6px 8px;font-size:10px;background:#edf4ef;color:var(--rs3d-accent)}.rs3d-danger{background:#f9eded;color:var(--rs3d-danger)}.rs3d-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.rs3d-note{font-size:10px;color:var(--rs3d-muted);margin-top:13px;line-height:1.5}.rs3d-room-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rs3d-room-palette button{font-size:10px;text-align:left;padding:8px}.rs3d-inspector{background:#f8f8f5;border:1px solid var(--rs3d-line);border-radius:11px;padding:10px;margin-top:10px}.rs3d-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.rs3d-inspector-actions button{font-size:10px;padding:8px}
.rs3d-workspace-card{overflow:hidden;min-width:0}.rs3d-workspace-toolbar{padding:8px 10px;border-bottom:1px solid var(--rs3d-line);display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.rs3d-view-tabs,.rs3d-edit-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.rs3d-view-tabs button{background:#f2f3f1;color:#58605a;font-size:11px;padding:8px 11px}.rs3d-view-tabs button.active{background:var(--rs3d-accent);color:#fff}.rs3d-edit-tools button{font-size:10px;padding:7px 9px}.rs3d-edit-tools button:disabled{opacity:.35;cursor:not-allowed}.rs3d-workspace{display:grid;min-height:650px}.rs3d-workspace.mode-2d{grid-template-columns:1fr}.rs3d-workspace.mode-2d .rs3d-3d-pane{display:none}.rs3d-workspace.mode-3d{grid-template-columns:1fr}.rs3d-workspace.mode-3d .rs3d-plan-pane{display:none}.rs3d-workspace.mode-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rs3d-plan-pane,.rs3d-3d-pane{min-width:0;display:flex;flex-direction:column}.rs3d-workspace.mode-split .rs3d-plan-pane{border-right:1px solid var(--rs3d-line)}.rs3d-pane-title{height:48px;padding:8px 12px;border-bottom:1px solid var(--rs3d-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.rs3d-pane-title strong{font-size:12px}.rs3d-pane-title span{font-size:9px;color:var(--rs3d-muted);text-align:right}.rs3d-svg-wrap{position:relative;flex:1;min-height:590px;display:grid;place-items:center;background:#eef1ed;padding:16px;overflow:auto}.rs3d-plan-svg{width:100%;height:100%;max-height:650px;background:#fff;box-shadow:0 8px 26px rgba(35,45,38,.07);touch-action:none;user-select:none}.rs-room text{user-select:none}.rs3d-plan-status{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--rs3d-line);font-size:9px;color:var(--rs3d-muted)}.rs3d-stage{min-height:590px;flex:1;position:relative;background:linear-gradient(#dfe9ea 0 58%,#e9e4d8 58% 100%);touch-action:none}.rs3d-stage canvas{display:block;width:100%!important;height:100%!important}.rs3d-lock[hidden]{display:none!important}.rs3d-lock{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(247,248,246,.88);backdrop-filter:blur(4px);padding:20px}.rs3d-lock div{font-size:46px}.rs3d-lock strong{font-size:18px}.rs3d-lock p{font-size:11px;color:var(--rs3d-muted);margin:5px 0}.rs3d-help{font-size:9px;color:var(--rs3d-muted);padding:8px 12px;text-align:center;border-top:1px solid var(--rs3d-line)}
.rs3d-info{max-width:1260px;margin:14px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rs3d-info div{background:#fff;border:1px solid var(--rs3d-line);border-radius:13px;padding:14px;display:flex;flex-direction:column}.rs3d-info span{font-size:11px;color:var(--rs3d-muted);margin-top:4px}.rs3d-footer{max-width:1260px;margin:28px auto 0;padding:23px 18px;border-top:1px solid var(--rs3d-line);display:flex;align-items:center;gap:24px;color:var(--rs3d-muted)}.rs3d-footer>div:first-child{display:flex;flex-direction:column}.rs3d-footer>div:nth-child(2){display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.rs3d-footer a{color:var(--rs3d-text);text-decoration:none;font-size:12px}.rs3d-footer small{white-space:nowrap}
.rs3d-modal[hidden]{display:none}.rs3d-modal{position:fixed;inset:0;z-index:9999;background:rgba(10,18,13,.55);display:grid;place-items:center;padding:18px}.rs3d-modal-card{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:20px;position:relative}.rs3d-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.rs3d-muted{color:var(--rs3d-muted)}.rs3d-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.rs3d-plan{border:1px solid var(--rs3d-line);border-radius:12px;padding:12px;cursor:pointer;background:#fff;text-align:left}.rs3d-plan.active{border-color:var(--rs3d-accent);box-shadow:0 0 0 2px rgba(47,107,69,.12)}.rs3d-plan strong,.rs3d-plan span,.rs3d-plan b{display:block}.rs3d-plan span{font-size:11px;color:var(--rs3d-muted)}.rs3d-plan b{margin-top:5px}.rs3d-modal form label{display:block;font-size:11px;font-weight:700;margin:10px 0}.rs3d-payment-result{margin-top:14px;padding:14px;background:#f2f6f2;border-radius:12px}.rs3d-payment-result img{max-width:240px;width:100%;display:block;margin:12px auto}.rs3d-payment-result a{display:inline-block;margin-top:10px}
@media(max-width:1000px){.rs3d-head-inner{align-items:flex-start;flex-direction:column;gap:9px}.rs3d-nav{width:100%;margin-left:0}.rs3d-hero{grid-template-columns:1fr}.rs3d-access{min-width:0}.rs3d-app{grid-template-columns:1fr}.rs3d-panel{position:relative;top:auto;max-height:none;grid-row:2}.rs3d-workspace-card{grid-row:1}.rs3d-workspace.mode-split{grid-template-columns:1fr}.rs3d-workspace.mode-split .rs3d-plan-pane{border-right:0;border-bottom:1px solid var(--rs3d-line)}.rs3d-svg-wrap,.rs3d-stage{min-height:510px}.rs3d-info{grid-template-columns:1fr}.rs3d-panel fieldset{display:block}}
@media(max-width:620px){.rs3d-page{padding:18px 8px 36px}.rs3d-hero h1{font-size:30px}.rs3d-workspace-toolbar{align-items:flex-start;flex-direction:column}.rs3d-edit-tools{width:100%;overflow:auto;flex-wrap:nowrap}.rs3d-view-tabs{width:100%}.rs3d-view-tabs button{flex:1}.rs3d-svg-wrap{min-height:410px;padding:8px}.rs3d-stage{min-height:430px}.rs3d-pane-title{height:auto;min-height:44px;align-items:flex-start}.rs3d-pane-title span{max-width:55%}.rs3d-plan-status{flex-direction:column;gap:2px}.rs3d-two{grid-template-columns:1fr 1fr}.rs3d-room-palette{grid-template-columns:repeat(2,1fr)}.rs3d-plans{grid-template-columns:1fr}.rs3d-footer{align-items:flex-start;flex-direction:column}.rs3d-footer>div:nth-child(2){margin-left:0}.rs3d-footer small{white-space:normal}.rs3d-workspace.mode-split .rs3d-3d-pane{display:none}.rs3d-workspace.mode-split{grid-template-columns:1fr}.rs3d-workspace.mode-split .rs3d-plan-pane{display:flex}.rs3d-workspace.mode-split:after{content:'Mode bagi layar tersedia di layar yang lebih lebar.';font-size:10px;color:var(--rs3d-muted);padding:8px 12px;text-align:center}}

/* ===== RUMAHSIMPEL PLANNER v2.1 — MOBILE UX ===== */
.rs3d-mobile-roombar{display:none}
@media(max-width:620px){
  body{overflow-x:hidden}
  .rs3d-site-head{position:relative}
  .rs3d-head-inner{padding:10px 12px 8px;gap:8px}
  .rs3d-brand strong{font-size:20px}
  .rs3d-brand span{font-size:10px}
  .rs3d-nav{gap:5px;padding:2px 0 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rs3d-nav::-webkit-scrollbar{display:none}
  .rs3d-nav a{font-size:12px;background:#f4f6f3;border:1px solid #e6e9e5;border-radius:999px;padding:7px 10px;flex:0 0 auto}
  .rs3d-page{padding:14px 8px 30px}
  .rs3d-hero{margin-bottom:10px;gap:10px}
  .rs3d-kicker{font-size:10px;letter-spacing:.055em}
  .rs3d-hero h1{font-size:26px;line-height:1.08;margin:6px 0 7px}
  .rs3d-hero p{font-size:13px;line-height:1.45}
  .rs3d-access{padding:10px 12px;border-radius:12px}
  .rs3d-access strong{font-size:13px}
  .rs3d-access span{font-size:11px}

  .rs3d-app{gap:10px}
  .rs3d-workspace-card{border-radius:14px;overflow:visible}
  .rs3d-workspace-toolbar{position:sticky;top:0;z-index:30;background:#fff;padding:7px;border-radius:14px 14px 0 0;box-shadow:0 4px 14px rgba(26,38,30,.06)}
  .rs3d-view-tabs{gap:5px}
  .rs3d-view-tabs button{min-height:40px;font-size:12px;padding:9px 10px}
  #tabSplit{display:none}
  .rs3d-edit-tools{gap:5px;padding-bottom:1px}
  .rs3d-edit-tools button{min-height:38px;font-size:11px;padding:8px 10px;white-space:nowrap}

  .rs3d-mobile-roombar{position:sticky;top:88px;z-index:24;background:rgba(255,255,255,.97);border-bottom:1px solid var(--rs3d-line);padding:7px 8px;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rs3d-mobile-roombar::-webkit-scrollbar{display:none}
  .rs3d-project-active .rs3d-mobile-roombar{display:flex}
  .rs3d-mobile-roombar button{border:1px solid #dde3de;background:#f6f8f5;color:#263229;border-radius:999px;padding:8px 11px;min-height:38px;font-size:11px;font-weight:750;flex:0 0 auto}
  .rs3d-mobile-roombar button:first-child{background:#edf5ef;color:var(--rs3d-accent);border-color:#d6e6da}
  .rs3d-mobile-roombar .settings{background:#263229;color:#fff;border-color:#263229}

  .rs3d-pane-title{padding:8px 10px;min-height:42px}
  .rs3d-pane-title strong{font-size:12px}
  .rs3d-pane-title span{font-size:9px;line-height:1.35;max-width:58%}
  .rs3d-svg-wrap{min-height:500px;height:62vh;max-height:650px;padding:7px;background:#edf0ec;overflow:hidden}
  .rs3d-plan-svg{width:auto;max-width:100%;height:100%;max-height:none;border:1px solid #e0e4df;border-radius:5px}
  .rs3d-stage{min-height:500px;height:62vh;max-height:650px}
  .rs3d-plan-status{font-size:10px;padding:7px 10px;background:#fff}

  .rs3d-panel{padding:12px;border-radius:14px}
  .rs3d-panel-title{padding-bottom:10px}
  .rs3d-panel-title strong{font-size:14px}
  .rs3d-credit{font-size:11px;padding:6px 9px!important}
  .rs3d-start-box{padding:11px}
  .rs3d-start-box p{font-size:12px;line-height:1.45}
  .rs3d-primary,.rs3d-secondary,.rs3d-mini,.rs3d-edit-tools button,.rs3d-room-palette button{min-height:42px}
  .rs3d-panel label{font-size:12px}
  .rs3d-panel input,.rs3d-panel select,.rs3d-modal input{min-height:44px;font-size:16px;padding:9px 10px}
  .rs3d-section-head{font-size:13px;margin:16px 0 8px}
  .rs3d-section-head span{font-size:11px}
  .rs3d-room-palette{gap:7px}
  .rs3d-room-palette button{font-size:12px;padding:9px 10px;text-align:center}
  .rs3d-inspector{padding:11px}
  .rs3d-inspector-actions button{font-size:12px;min-height:42px}
  .rs3d-actions{position:sticky;bottom:8px;z-index:10;background:#fff;padding:8px 0 0;margin-top:10px}
  .rs3d-actions button{min-height:46px;font-size:13px}
  .rs3d-note{font-size:11px;line-height:1.5}
  .rs3d-info{margin-top:10px;gap:8px}
  .rs3d-info div{padding:12px}
  .rs3d-info strong{font-size:13px}
  .rs3d-info span{font-size:11px;line-height:1.45}
  .rs3d-footer{padding:18px 12px;margin-top:20px;gap:13px}
  .rs3d-footer a{font-size:12px}
}

/* ===== RUMAHSIMPEL PLANNER v3 — OPENINGS, FURNITURE, WALKTHROUGH ===== */
.rs3d-info{grid-template-columns:repeat(4,1fr)}
.rs3d-opening-tools{border:1px solid var(--rs3d-line);border-radius:12px;padding:10px;background:#fafbf9}
.rs3d-opening-tools>label{display:block;margin:0 0 8px}
.rs3d-opening-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.rs3d-opening-actions button,.rs3d-furniture-palette button{border:1px solid #dce3dd;background:#f4f7f4;color:#29362d;border-radius:9px;padding:9px 8px;font-size:11px;font-weight:750;cursor:pointer}
.rs3d-opening-actions button:first-child{background:#f4eee8;border-color:#e7d9cc}
.rs3d-opening-actions button:last-child{background:#edf5f8;border-color:#d6e6ec}
.rs3d-opening-list{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.rs3d-opening-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--rs3d-line);border-radius:8px;padding:6px 8px;font-size:10px}
.rs3d-opening-row button{border:0;background:#f7ecea;color:#a1463d;border-radius:7px;width:28px;height:28px;cursor:pointer;font-weight:800}
.rs3d-empty{display:block;color:var(--rs3d-muted);font-size:10px;padding:5px 1px;line-height:1.4}
.rs3d-furniture-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.rs3d-furniture-palette button{text-align:left;background:#f7f7f4}
.rs3d-furniture-palette button:hover,.rs3d-opening-actions button:hover{border-color:#aab9ad}
.rs-furniture text{pointer-events:none}
.rs3d-walk-controls[hidden]{display:none!important}
.rs3d-walk-controls{position:absolute;z-index:12;left:50%;bottom:16px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,48px);gap:6px;padding:8px;background:rgba(20,29,23,.72);border-radius:14px;backdrop-filter:blur(6px);touch-action:none}
.rs3d-walk-controls button{width:48px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.92);color:#263229;font-size:18px;font-weight:800;touch-action:none;user-select:none}
.rs3d-stage.walk-active canvas{cursor:crosshair}
.rs3d-stage.walk-active:before{content:'WALKTHROUGH';position:absolute;z-index:9;top:10px;left:10px;padding:5px 8px;border-radius:999px;background:rgba(24,34,27,.72);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;pointer-events:none}
#walkBtn{background:#eef4ef!important;color:#285c3b!important;border-color:#d7e4d9!important}
@media(max-width:1000px){.rs3d-info{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .rs3d-info{grid-template-columns:1fr}
  .rs3d-opening-actions,.rs3d-furniture-palette{grid-template-columns:1fr 1fr}
  .rs3d-opening-actions button,.rs3d-furniture-palette button{min-height:42px;font-size:12px}
  .rs3d-opening-row{font-size:11px;padding:7px 8px}
  .rs3d-walk-controls{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:9998;grid-template-columns:repeat(3,52px);gap:7px;padding:9px}
  .rs3d-walk-controls button{width:52px;height:48px;font-size:19px}
  .rs3d-stage.walk-active{position:relative;z-index:40}
  #walkBtn{font-weight:800}
}

/* ===== RUMAHSIMPEL PLANNER v4 — OPENING EDITOR, STAIRS, MATERIAL ===== */
.rs3d-info{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.rs3d-opening-row{cursor:pointer;transition:border-color .15s,background .15s}
.rs3d-opening-row.active{border-color:#2f6b45;background:#edf5ef;box-shadow:0 0 0 1px rgba(47,107,69,.08)}
.rs3d-opening-nudge{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.rs3d-opening-nudge button{border:1px solid #dce3dd;background:#f4f7f4;color:#29362d;border-radius:9px;padding:8px;font-size:10px;font-weight:750;cursor:pointer}
.rs3d-inline-help{display:block;margin-top:7px;color:var(--rs3d-muted);font-size:9px;line-height:1.45}
.rs3d-opening.selected{filter:drop-shadow(0 0 2px rgba(31,107,67,.35))}
.rs3d-material-card{border:1px solid var(--rs3d-line);background:#fafbf9;border-radius:12px;padding:10px}
.rs3d-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rs3d-material-grid>div{border:1px solid #e4e8e3;background:#fff;border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:2px}
.rs3d-material-grid span{font-size:9px;color:var(--rs3d-muted)}
.rs3d-material-grid strong{font-size:12px;color:var(--rs3d-text)}
.rs3d-cost-details{margin-top:9px;border-top:1px solid var(--rs3d-line);padding-top:8px}
.rs3d-cost-details summary{font-size:11px;font-weight:800;cursor:pointer;color:#355543}
.rs3d-cost-details p,.rs3d-cost-details small{font-size:9px;color:var(--rs3d-muted);line-height:1.45}
.rs3d-cost-total{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#edf4ef;border-radius:9px;padding:9px;margin-top:7px}
.rs3d-cost-total span{font-size:10px;color:#496052}.rs3d-cost-total strong{font-size:14px;color:#214e34}
.rs3d-material-export{width:100%;margin-top:8px;font-size:10px;border:0;border-radius:9px;padding:9px 11px;font-weight:800;cursor:pointer}
@media(max-width:620px){
  .rs3d-opening-nudge button{min-height:42px;font-size:11px}
  .rs3d-inline-help{font-size:10px}
  .rs3d-material-grid{grid-template-columns:1fr 1fr}
  .rs3d-material-grid span{font-size:10px}.rs3d-material-grid strong{font-size:13px}
  .rs3d-material-export{min-height:42px;font-size:12px}
}