@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/denah-hidup/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2) format("woff2"),url(/demo/denah-hidup/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/demo/denah-hidup/assets/alegreya-sans-latin-800-normal-CpHsWMQ0.woff2) format("woff2"),url(/demo/denah-hidup/assets/alegreya-sans-latin-800-normal-17etSahV.woff) format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/denah-hidup/assets/fira-sans-latin-400-normal-a0AnQzuD.woff2) format("woff2"),url(/demo/denah-hidup/assets/fira-sans-latin-400-normal-66xCkunx.woff) format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/denah-hidup/assets/fira-sans-latin-500-normal-Bvbxc8ch.woff2) format("woff2"),url(/demo/denah-hidup/assets/fira-sans-latin-500-normal-Bkfzcwmr.woff) format("woff")}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/denah-hidup/assets/fira-sans-latin-600-normal-CXKlxLG9.woff2) format("woff2"),url(/demo/denah-hidup/assets/fira-sans-latin-600-normal-DtSgd811.woff) format("woff")}:root{--paper: #EFE6DA;--paper-2: #E4D8C8;--sheet: #FBF7F1;--ink: #231B16;--muted: #5C4F45;--line: rgba(35, 27, 22, .16);--line-2: rgba(35, 27, 22, .32);--green: #4A6B57;--green-ink: #3B5747;--green-wash: #DCE5DE;--terra: #B4552F;--terra-ink: #8A3D20;--terra-wash: #F4DFD3;--danger: #A3321F;--display: "Alegreya Sans", "Fira Sans", system-ui, sans-serif;--ui: "Fira Sans", system-ui, sans-serif;--sans: "Fira Sans", system-ui, sans-serif;--r: 4px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);-webkit-text-size-adjust:100%}body{overflow-x:hidden}h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.005em;margin:0;line-height:1.2}h1{font-size:clamp(24px,2.6vw,32px)}h2{font-size:20px}h3{font-size:17px;font-weight:700}p{margin:0}a{color:var(--green-ink)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--terra-ink);outline-offset:2px}.num,.mono{font-family:var(--ui);font-variant-numeric:lining-nums tabular-nums}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.skip{position:absolute;left:8px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:50;border-radius:var(--r)}.skip:focus{top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1.5px solid var(--ink);background:var(--sheet);border-radius:var(--r);cursor:pointer;font-weight:500;text-decoration:none;color:var(--ink);white-space:nowrap}.btn:hover{background:#fff}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:#2c312c}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.ghost{border-color:var(--line-2);background:transparent}.btn.danger{border-color:var(--danger);color:var(--danger);background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{min-height:34px;padding:5px 10px;font-size:14px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;height:56px;padding:0 20px;background:var(--paper);border-bottom:1.5px solid var(--ink)}.brand{font:800 22px var(--display);letter-spacing:-.01em;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px;min-height:44px}.brand svg{flex:none}.nav{display:flex;gap:2px;margin-left:8px}.nav a{font:500 14px var(--ui);padding:0 12px;min-height:44px;display:flex;align-items:center;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}.nav a[aria-current=page]{border-bottom-color:var(--terra)}.nav a:hover{background:var(--paper-2)}.chip{font:500 12px var(--ui);padding:4px 8px;border:1px solid var(--line-2);border-radius:3px;white-space:nowrap}.chip.demo{background:var(--terra-wash);border-color:var(--terra);color:var(--terra-ink)}.chip.live{background:var(--green-wash);border-color:var(--green);color:var(--green-ink)}.top .spacer{flex:1}.tabbar{display:none}main{min-height:calc(100vh - 56px)}.page{max-width:1320px;margin:0 auto;padding:28px 24px 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-head p{max-width:60ch;margin-top:6px;color:var(--muted)}.ws{display:grid;grid-template-columns:76px minmax(0,1fr) 300px;height:calc(100vh - 56px);min-height:560px}.ws-bar{grid-column:1 / -1;display:flex;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ws{grid-template-rows:auto minmax(0,1fr)}.ws-bar .facts{display:flex;gap:16px;font:500 13px var(--ui)}.ws-bar .facts b{font-weight:600}.seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:6px;overflow:hidden}.seg button{border:0;background:transparent;padding:0 14px;min-height:38px;cursor:pointer;font:500 13px var(--ui)}.seg button+button{border-left:1.5px solid var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tools{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;padding:8px 6px;overflow-y:auto}.tool{display:flex;flex-direction:column;align-items:center;gap:3px;border:1.5px solid transparent;background:transparent;border-radius:var(--r);padding:7px 2px 6px;cursor:pointer;font:500 11px var(--ui);min-height:52px}.tool:hover{background:var(--paper-2)}.tool[aria-pressed=true]{border-color:var(--ink);background:var(--sheet)}.tool svg{width:22px;height:22px}.panes{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:0;min-width:0}.panes.only-plan{grid-template-columns:1fr}.panes.only-plan .pane3d{display:none}.panes.only-3d{grid-template-columns:1fr}.panes.only-3d .pane2d{display:none}.pane2d,.pane3d{position:relative;min-width:0;min-height:0;overflow:hidden}.pane2d{background:var(--sheet);border-left:1px solid var(--line)}.pane-label{position:absolute;left:12px;top:10px;font:500 12px var(--ui);color:var(--muted);pointer-events:none;z-index:2;background:color-mix(in srgb,var(--sheet) 88%,transparent);padding:2px 6px;border-radius:3px}.plan-svg{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.plan-svg .wall{cursor:grab}.plan-svg .wall:focus-visible .wall-line,.plan-svg .wall.sel .wall-line{stroke:var(--green)}.plan-svg .wall:focus{outline:none}.plan-svg .wall:focus-visible .wall-hit{stroke:#8a3d2059}.plan-svg text{font-family:var(--ui);pointer-events:none}.zoom{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;z-index:2}.zoom .btn{min-height:36px;min-width:36px;padding:4px 8px;background:var(--sheet)}.hint{position:absolute;left:12px;bottom:10px;right:150px;font:500 12px var(--ui);color:var(--ink);background:color-mix(in srgb,var(--sheet) 92%,transparent);padding:6px 8px;border-left:3px solid var(--green);z-index:2}.hint.err{border-left-color:var(--danger);color:var(--danger)}.side{border-left:1px solid var(--line);overflow-y:auto;padding:14px 14px 24px;display:flex;flex-direction:column;gap:18px}.box h3{margin-bottom:8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.field{display:grid;gap:4px;margin-bottom:10px}.field label,.field .lbl{font:500 12px var(--ui);color:var(--muted)}.field input,.field select,.field textarea{border:1.5px solid var(--line-2);background:var(--sheet);border-radius:var(--r);padding:8px 10px;min-height:40px;width:100%}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2.5px solid var(--terra-ink);outline-offset:0;border-color:var(--ink)}.field .err{color:var(--danger);font-size:13px}.field input[aria-invalid=true]{border-color:var(--danger)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.bm-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.bm{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:var(--r);background:var(--sheet)}.bm.on{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--terra)}.bm .n{font:600 13px var(--ui);width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}.bm button.name{text-align:left;border:0;background:transparent;padding:4px 0;min-height:44px;cursor:pointer;font-size:14px}.bm small{display:block;font:12px var(--ui);color:var(--muted)}.camrail{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.camrail .field{margin:0}.camrail input{padding:6px;font-family:var(--ui);text-align:right}.empty{border:1.5px dashed var(--line-2);border-radius:var(--r);padding:14px;color:var(--muted);font-size:14px}.hud{position:absolute;z-index:3;display:flex;gap:6px;flex-wrap:wrap}.hud.tl{left:10px;top:36px;right:10px;flex-direction:column;align-items:flex-start}.hud.br{right:10px;bottom:10px;align-items:flex-end}.hud.bl{left:10px;bottom:10px}.hud .btn{background:var(--sheet);box-shadow:0 2px #231b1640}.hud .btn.primary{background:var(--ink)}.pad{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.pad .btn{min-width:44px;min-height:44px;padding:0}.roomtag{font:800 20px/1.1 var(--display);color:var(--ink);background:var(--sheet);padding:6px 10px;border-radius:4px;box-shadow:0 2px #231b1640}.camread{font:500 12px var(--ui);background:var(--sheet);border:1px solid var(--line-2);padding:5px 8px;border-radius:3px}.poster{position:absolute;inset:0;display:grid;place-items:center;background:var(--sheet);padding:16px;text-align:center}.poster svg{max-width:100%;max-height:80%}.sheet{background:var(--sheet);border:1.5px solid var(--ink);border-radius:var(--r)}.card{background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r);padding:16px}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font:500 12px var(--ui);color:var(--muted);padding:8px 10px;border-bottom:1.5px solid var(--ink)}table.data td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}table.data td.num,table.data th.num{text-align:right}table.data tfoot td{border-top:1.5px solid var(--ink);border-bottom:0;font-weight:600}.callout{background:var(--terra-wash);border:1.5px solid var(--terra);border-radius:var(--r);padding:14px 16px}.callout .big{font:800 clamp(28px,3.4vw,40px) var(--display);font-variant-numeric:lining-nums tabular-nums;color:var(--ink)}.note{font-size:13px;color:var(--muted)}.warn{border-left:3px solid var(--terra);padding:8px 12px;background:var(--terra-wash);font-size:14px}.okmsg{border-left:3px solid var(--green);padding:8px 12px;background:var(--green-wash);font-size:14px}.errmsg{border-left:3px solid var(--danger);padding:8px 12px;background:#f6e3de;color:var(--danger);font-size:14px}dialog{border:1.5px solid var(--ink);border-radius:6px;background:var(--sheet);padding:20px;max-width:min(440px,calc(100vw - 32px));box-shadow:0 12px #231b162e}dialog::backdrop{background:#231b1659}dialog h2{margin-bottom:10px}.rd{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.rd-left{display:flex;flex-direction:column;gap:18px;position:sticky;top:76px}.styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-opt{border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--sheet);padding:4px;cursor:pointer;text-align:left;font:500 12px var(--ui)}.style-opt[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--terra)}.style-opt canvas{width:100%;display:block;aspect-ratio:3 / 2;border-radius:2px}.style-opt span{display:block;padding:4px 2px 2px}.stagebox{position:relative;aspect-ratio:3 / 2;width:min(100%,calc((100vh - 300px)*1.5));min-width:min(100%,480px);background:var(--paper-2);border:1.5px solid var(--ink);border-radius:var(--r);overflow:hidden}.stagebox img,.stagebox canvas.full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wm{position:absolute;right:10px;bottom:10px;font:600 12px var(--ui);background:#231b16c7;color:#f4f4ef;padding:4px 8px;border-radius:2px;pointer-events:none}.status{font:600 12px var(--ui);padding:3px 8px;border-radius:3px;border:1px solid}.status.draf{color:var(--terra-ink);background:var(--terra-wash);border-color:var(--terra)}.status.disetujui{color:var(--green-ink);background:var(--green-wash);border-color:var(--green)}.status.ditolak{color:var(--danger);background:#f6e3de;border-color:var(--danger)}.inputs2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inputs2 figure{margin:0}.inputs2 img{width:100%;border:1px solid var(--line-2);border-radius:2px;display:block;aspect-ratio:3/2;object-fit:cover}.inputs2 figcaption{font:500 12px var(--ui);color:var(--muted);margin-top:4px}pre.prompt{white-space:pre-wrap;font:12px/1.5 var(--ui);background:var(--paper-2);padding:10px;border-radius:var(--r);margin:0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.gallery button{border:1.5px solid var(--line-2);background:var(--sheet);border-radius:var(--r);padding:0;cursor:pointer;text-align:left;overflow:hidden}.gallery button[aria-current=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--terra)}.gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.gallery .cap{padding:6px 8px;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:13px}.meter{display:grid;gap:4px}.meter .bar{height:8px;background:var(--paper-2);border:1px solid var(--line-2);border-radius:2px;overflow:hidden}.meter .bar i{display:block;height:100%;background:var(--terra)}.versions{display:flex;gap:6px;flex-wrap:wrap}.versions button{min-height:36px}.maskstep{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.maskstep>b{font-weight:600;min-width:190px}.maskstep[data-done]>b{color:var(--terra-ink)}.maskstep .brush{display:flex;align-items:center;gap:6px;margin-left:auto;font-variant-numeric:tabular-nums}.maskwrap canvas.mask{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tpls{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:16px;align-items:start}.tpl{display:grid;gap:10px;border:1.5px solid var(--line-2);background:var(--sheet);border-radius:var(--r);padding:14px}.tpl.big{align-self:stretch;align-content:start;background:var(--terra-wash);border-color:var(--terra)}.tpl svg{width:100%;height:200px;background:#fff;border:1px solid var(--line);border-radius:2px}.tpl .spec{font:500 13px var(--ui);color:var(--muted)}.bro{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.bro.rabgrid{grid-template-columns:minmax(0,1fr) 340px}.rabside{position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto;display:grid;gap:12px}.pages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pages canvas{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--line-2);box-shadow:0 6px #231b161f}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.picks label{position:relative;display:block;cursor:pointer}.picks img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border:2px solid transparent;border-radius:2px}.picks input:checked+img{border-color:var(--terra)}.picks input{position:absolute;left:6px;top:6px;width:20px;height:20px}.check{display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--terra)}.foot{border-top:1.5px solid var(--ink);padding:18px 24px 28px;display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between;font-size:13px;color:var(--muted)}.foot a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:1100px){.ws{grid-template-columns:70px minmax(0,1fr)}.side{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line)}.ws{height:auto;grid-template-rows:auto 62vh auto}.tpls{grid-template-columns:1fr 1fr}.tpl.big{grid-column:1 / -1}.bro,.bro.rabgrid{grid-template-columns:1fr}.rabside{display:contents}.rabside>.callout{order:-1}.rabside>aside{order:1}.rd{grid-template-columns:1fr}.rd-left{position:static}}@media(max-width:760px){.nav,.top .chip-wide{display:none}.top{padding:0 14px;gap:10px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--paper);border-top:1.5px solid var(--ink);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{min-height:56px;display:grid;place-items:center;font:500 12px var(--ui);color:var(--ink);text-decoration:none}.tabbar a[aria-current=page]{background:var(--ink);color:var(--paper)}body{padding-bottom:60px}.page{padding:18px 16px 40px}.ws{grid-template-columns:1fr;grid-template-rows:auto 56vh auto auto}.ws>.panes{order:1}.ws>.tools{order:2}.ws>.side{order:3}.ws-bar{order:0}.tools{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:6px 10px}.tool{flex:1 0 calc(25% - 4px);min-height:48px}.panes{grid-template-columns:1fr}.panes:not(.only-plan):not(.only-3d) .pane3d{display:none}.pane2d{border-left:0}.ws-bar .facts{width:100%;justify-content:space-between}.ws-bar .seg{width:100%}.ws-bar .seg button{flex:1;min-height:44px}.hint{right:10px;bottom:60px}.tpls,.pages,.styles{grid-template-columns:1fr 1fr}.tpls,.pages,.grid2,.inputs2{grid-template-columns:1fr}.btn{min-height:44px;min-width:44px}.btn.sm{min-height:44px}.zoom .btn{min-height:44px;min-width:44px}.seg button{min-height:44px}.camrail,.gallery{grid-template-columns:1fr 1fr}table.data{font-size:13px}.tablewrap{overflow-x:auto}.versions button,.field input,.field select{min-height:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:760px){.hide-phone{display:none!important}}@media(hover:none){.hide-touch{display:none!important}}