@font-face{font-family:Chivo Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/rancang-produksi/assets/chivo-mono-vietnamese-500-normal-xwWRnSK6.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-mono-vietnamese-500-normal-XrHUrQoZ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/rancang-produksi/assets/chivo-mono-latin-ext-500-normal-D1z6GQOH.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-mono-latin-ext-500-normal-WNoP_gXg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/rancang-produksi/assets/chivo-mono-latin-500-normal-yaIk6wkS.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-mono-latin-500-normal-BJB2L2Ln.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chivo Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/rancang-produksi/assets/chivo-mono-vietnamese-700-normal-Dl6aR7_g.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-mono-vietnamese-700-normal-GzQl7XUA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/rancang-produksi/assets/chivo-mono-latin-ext-700-normal-DMKkR02r.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-mono-latin-ext-700-normal-BLcaxlCR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/rancang-produksi/assets/chivo-mono-latin-700-normal-B7LfY3ED.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-mono-latin-700-normal-BRv-jXCu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/rancang-produksi/assets/chivo-vietnamese-400-normal-CSXFuz3V.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-vietnamese-400-normal-DmGqoTkK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/rancang-produksi/assets/chivo-latin-ext-400-normal-9x6Ncs2n.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-latin-ext-400-normal-C9-UC0c8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/rancang-produksi/assets/chivo-latin-400-normal-BP0TbwmH.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-latin-400-normal-DBaM4DNC.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/rancang-produksi/assets/chivo-vietnamese-600-normal-DzbIUETs.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-vietnamese-600-normal-ComaQ7z4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/rancang-produksi/assets/chivo-latin-ext-600-normal-CLb4ySP1.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-latin-ext-600-normal-BBJBFPVR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/rancang-produksi/assets/chivo-latin-600-normal-B9W10NB8.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-latin-600-normal-D21PgxtD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:800;src:url(/demo/rancang-produksi/assets/chivo-vietnamese-800-normal-Dsqh_XPg.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-vietnamese-800-normal-D-upsTaX.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:800;src:url(/demo/rancang-produksi/assets/chivo-latin-ext-800-normal-Wc2NNo-d.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-latin-ext-800-normal-CnnHUlBV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:800;src:url(/demo/rancang-produksi/assets/chivo-latin-800-normal-Dq-1cD0w.woff2) format("woff2"),url(/demo/rancang-produksi/assets/chivo-latin-800-normal-Bgoad_Kc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #efefea;--sheet: #fbfbf8;--ink: #1b1e22;--muted: #5c6168;--blue: #2a5fa8;--blue-soft: #dfe7f2;--amber: #c97a2b;--amber-ink: #8c5218;--red: #a6341f;--line: rgba(27, 30, 34, .22);--hair: rgba(27, 30, 34, .12);--mono: "Chivo Mono", ui-monospace, monospace;--sans: "Chivo", system-ui, sans-serif;--r: 3px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--sans)}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:30}.skip:focus{top:8px}.offscreen{position:fixed;left:-4000px;top:0;width:900px;pointer-events:none}svg.offscreen{width:600px;height:auto}.hidden-ref{display:none}code,.mono{font-family:var(--mono)}.small{font-size:13px;color:var(--muted)}.err{color:var(--red);font-size:13px;font-weight:600;display:block;margin-top:4px}.empty{color:var(--muted)}.loading{font-family:var(--mono);font-size:13px;color:var(--blue)}.loading:before{content:"";display:inline-block;width:10px;height:10px;border:2px solid var(--blue);border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-1px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:var(--r);font-weight:600;text-decoration:none;cursor:pointer;gap:6px;text-align:center}.btn:hover{background:#33373d}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--sheet)}.btn.on{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{color:var(--red);border-color:var(--red)}.btn.sm{min-height:44px;padding:6px 12px;font-size:14px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn.wa{background:var(--blue);border-color:var(--blue);color:#fff}.link{background:none;border:0;padding:10px 2px;color:var(--blue);text-decoration:underline;cursor:pointer;min-height:44px}.seg{min-height:44px;padding:6px 12px;border:1.5px solid var(--line);background:var(--sheet);border-radius:var(--r);cursor:pointer;font:500 13px var(--mono)}.seg.on{border-color:var(--blue);background:var(--blue);color:#fff}.inp{width:100%;min-height:44px;padding:9px 11px;border:1.5px solid var(--line);background:#fff;border-radius:var(--r)}.inp:focus{border-color:var(--blue)}.inp[aria-invalid=true]{border-color:var(--red)}textarea.inp{resize:vertical;line-height:1.5}label{display:block;font-size:14px;font-weight:600}label>.inp,label>select,label>textarea{margin-top:5px;font-weight:400}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;min-height:44px;padding-top:10px}.check input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--blue)}fieldset{border:0;padding:0;margin:0 0 18px}legend{font-weight:600;font-size:14px;margin-bottom:8px;padding:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.app{min-height:100vh}.titlebar{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:stretch;border-bottom:2px solid var(--ink);padding:0 24px;background:var(--paper)}.wordmark{display:flex;flex-direction:column;justify-content:center;font:700 17px/1.05 var(--mono);color:var(--ink);text-decoration:none;padding:12px 20px 12px 0;border-right:1.5px solid var(--ink);min-height:64px;letter-spacing:-.02em}.wordmark span:last-child{color:var(--blue)}.tb{display:flex;margin:0}.tb div{padding:10px 16px;border-right:1px solid var(--line);min-width:0}.tb dt{font:500 11px var(--mono);color:var(--muted)}.tb dd{margin:2px 0 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.meter{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;font:500 12px var(--mono)}.mode{padding:2px 8px;border:1.5px solid var(--ink);border-radius:var(--r);font-weight:700}.mode.nyata{background:var(--ink);color:var(--paper)}.cost{color:var(--muted)}.sheets{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1.5px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:10}.sheet-tab{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:9px 16px;min-height:56px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.sheet-tab:last-child{border-right:0}.sheet-tab .no{grid-row:span 2;font:700 22px/1 var(--mono);color:var(--muted);align-self:center}.sheet-tab .nm{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-tab .st{font:500 11px var(--mono);color:var(--muted)}.sheet-tab .st.done{color:var(--blue)}.sheet-tab .st.done:before{content:"✓ "}.sheet-tab:hover{background:var(--sheet)}.sheet-tab.on{background:var(--ink);color:var(--paper)}.sheet-tab.on .no,.sheet-tab.on .st{color:#c9ced6}.sheet-tab.on .st.done{color:#b9cdea}main{max-width:1480px;margin:0 auto;padding:24px 24px 64px;outline:none}.sheet-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}.sheet-no{font:500 12px var(--mono);color:var(--blue);margin:0 0 4px}h1{font:700 clamp(24px,2.6vw,34px)/1.1 var(--mono);letter-spacing:-.03em;margin:0 0 8px}h2{font:700 15px/1.3 var(--mono);margin:0 0 10px;letter-spacing:-.01em}.lede{max-width:68ch;margin:0;color:#3a3f45}.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gate{font:600 13px var(--mono);margin:0;padding:10px 12px;border:1.5px dashed var(--amber-ink);color:var(--amber-ink);border-radius:var(--r)}.gate.done{border-style:solid;border-color:var(--blue);color:var(--blue)}button.gate{background:transparent;cursor:pointer;min-height:44px;display:inline-flex;gap:10px;align-items:center}button.gate:hover{background:#f6ecdf;border-style:solid}.gate-next{color:var(--ink);background:var(--amber);padding:2px 8px;border-radius:var(--r)}.blueprint .cara{margin:10px 0 0;padding:10px 12px;min-height:64px;border:1.5px solid var(--ink);background:var(--paper, #EFEFEA);font-size:13.5px;line-height:1.45}.blueprint .cara b{font-family:var(--mono);color:var(--blue);margin-right:4px}.viewer-cap{position:absolute;left:0;top:0;margin:0;padding:8px 12px;background:var(--sheet);border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);font:500 12px/1.45 var(--mono);pointer-events:none;display:grid}.viewer-cap b{font-weight:700;font-size:13px}.bom tfoot tr{border-top:3px double var(--ink)}.bom tfoot .lead{display:flex;align-items:baseline;gap:10px}.bom tfoot .lead:after{content:"";flex:1;border-bottom:2px dotted var(--muted)}.hpp-note{font-size:12.5px;color:var(--muted);margin:8px 0 0}.versions li.cur b{color:var(--ink)}.curtag{font:600 11.5px var(--mono);font-style:normal;color:var(--blue);margin-left:8px}.pickhint{background:var(--blue);color:#fff;padding:10px 14px;border-radius:var(--r);font-weight:600;margin:-6px 0 14px}.bp-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:0;border:2px solid var(--ink);background:var(--sheet)}.blueprint{position:sticky;top:58px;align-self:start;padding:16px 16px 60px;min-width:0}.spec{border-left:1.5px solid var(--ink)}.views{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;gap:8px;align-items:end}.bpview{margin:0}.bpview figcaption,.page-views figcaption{font:600 12px var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:6px}.sketch{display:block;width:100%;height:auto}.sketch.picking{cursor:crosshair}.vertex{fill:var(--blue);opacity:.55}.callout .dim{stroke:var(--blue);stroke-width:1.8;fill:none}.callout .ext{stroke:var(--blue);stroke-width:.8;fill:none;opacity:.7}.callout .tick{stroke:var(--blue);stroke-width:1.8;fill:none}.callout .tag{fill:var(--sheet);stroke:var(--blue);stroke-width:.15}.callout .tagtext{font-family:var(--mono);font-weight:700;fill:var(--blue)}.callout.usulan .dim,.callout.usulan .tick{stroke:var(--muted);stroke-dasharray:3 3;stroke-width:1.2}.callout.usulan .ext{stroke:var(--muted)}.callout.usulan .tag{stroke:var(--muted);stroke-dasharray:.4 .3}.callout.usulan .tagtext{fill:var(--muted)}.callout.hi .dim{stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;animation:trace .55s ease-out forwards}.callout.usulan.hi .dim{stroke:var(--amber-ink);stroke-dasharray:3 3;animation:none}.callout.hi .tag{fill:var(--blue)}.callout.hi .tagtext{fill:#fff}.callout.usulan.hi .tag{fill:var(--amber);stroke:var(--amber-ink)}.callout.usulan.hi .tagtext{fill:var(--ink)}@keyframes trace{to{stroke-dashoffset:0}}.titleblock{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,auto);border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);font:500 11.5px var(--mono);background:var(--sheet)}.titleblock span{padding:7px 12px;border-right:1px solid var(--line)}.titleblock span:last-child{border-right:0}.titleblock b{display:block;font-weight:500;color:var(--muted);font-size:10.5px}.mview{display:none;gap:6px;margin-bottom:10px}.spec{padding:16px;min-width:0}.specrows{list-style:none;margin:12px 0;padding:0;border-top:1.5px solid var(--ink)}.specrow{display:grid;grid-template-columns:34px 118px auto 1fr;grid-template-areas:"kode lbl lbl lbl" "kode num tol acts" "kode grd grd grd";gap:6px 10px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--line)}.specrow.hi{background:var(--blue-soft)}.specrow .kode{grid-area:kode;align-self:start;font:700 20px/1.2 var(--mono);color:var(--muted)}.specrow.ok .kode{color:var(--blue)}.specrow .lbl{grid-area:lbl;font-weight:600;font-size:14.5px;line-height:1.3;min-width:0}.specrow .lbl small{display:inline;font-weight:400;color:var(--muted);font-size:12px;margin-left:6px}.specrow .lbl small.err{display:block;margin-left:0;color:var(--red)}.lblinp{min-height:40px;padding:6px 8px;margin-bottom:2px}.num{grid-area:num;display:flex;align-items:center;gap:5px;font-weight:400}.num .inp{font-family:var(--mono);font-size:16px;text-align:right;padding:8px}.num .unit{font:500 12px var(--mono);color:var(--muted)}.tol{grid-area:tol;font:500 12px var(--mono);color:var(--muted)}.acts{grid-area:acts;display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.okmark{font:700 12.5px var(--mono);color:var(--blue);padding:0 4px}.okmark:before{content:"✓ "}.grades{grid-area:grd;display:flex;flex-wrap:wrap;gap:4px 12px;font:500 12px var(--mono);color:var(--muted)}.grades b{color:var(--ink);font-weight:700}.grades .sample{color:var(--blue)}.addlist summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;color:var(--blue)}.addlist form{display:grid;gap:10px;padding:8px 0}.ledger{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:end;border-top:1.5px solid var(--ink);margin:18px -16px 0;padding:16px 16px 8px}.ledger h2{grid-column:1 / -1;margin:0}.ledger-row{display:flex;flex-wrap:wrap;gap:0}.ledger-row p{margin:0 22px 0 0;padding:4px 22px 4px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.ledger-row p:last-child{border-right:0}.ledger-row .k{font:500 11.5px var(--mono);color:var(--muted)}.ledger-row .v{font:700 22px var(--mono);letter-spacing:-.02em}.ledger-row small{color:var(--muted);font-size:12px}.ledger-row .hpp .v{background:var(--amber);color:var(--ink);padding:0 8px;align-self:flex-start}.ledger-row .tiers{flex-direction:row;flex-wrap:wrap;gap:4px 14px;align-self:center;font:500 12.5px var(--mono)}.ledger-row .tiers b{color:var(--muted);font-weight:500}.ide-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.ide-form{background:var(--sheet);border:1.5px solid var(--ink);padding:20px}.ide-form>label{margin-bottom:14px}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cats legend{grid-column:1 / -1}.cat{position:relative;border:1.5px solid var(--line);background:#fff;padding:10px;border-radius:var(--r);cursor:pointer;font-weight:400}.cat input{position:absolute;opacity:0}.cat .sketch{height:74px}.cat.on{border-color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}.cat:has(input:focus-visible){outline:2.5px solid var(--blue);outline-offset:2px}.catname{display:block;font-weight:600;font-size:13.5px;margin-top:6px}.cat small{color:var(--muted);font-size:12px;line-height:1.3;display:block}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips legend{width:100%}.chip{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;font-weight:500;cursor:pointer}.chip input{position:absolute;opacity:0}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip:has(input:focus-visible){outline:2.5px solid var(--blue);outline-offset:2px}.uploads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:6px 0 4px}.up input[type=file]{display:block;margin-top:6px;font-size:13px;min-height:44px;max-width:100%}.draft{border:1.5px solid var(--ink);padding:20px;background:var(--sheet);position:sticky;top:76px}.draft.draf{border-style:dashed}.stamp{display:inline-block;font:700 11.5px var(--mono);padding:3px 8px;border:1.5px solid currentColor;border-radius:var(--r);margin:0 0 10px}.stamp.draf{color:var(--amber-ink)}.stamp.disetujui{color:var(--blue)}.stamp.kosong{color:var(--muted)}.brieftext{font-size:15.5px;line-height:1.6;max-width:62ch}.tampak-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.stage3d .note{margin-top:6px}.viewer{border:2px solid var(--ink);background:var(--sheet)}.viewer-stage{position:relative;aspect-ratio:4 / 3.2;overflow:hidden}.viewer-stage canvas{display:block;width:100%!important;height:100%!important;touch-action:none;cursor:grab}.viewer-ov{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.viewer-ov line{stroke:var(--blue);stroke-width:2}.viewer-ov circle{fill:var(--blue)}.viewer-ov rect{fill:var(--blue)}.viewer-ov text{fill:#fff;font:700 12.5px var(--mono)}.viewer-ov .usulan line{stroke:var(--muted);stroke-dasharray:4 4}.viewer-ov .usulan circle{fill:var(--muted)}.viewer-ov .usulan rect{fill:var(--sheet);stroke:var(--muted)}.viewer-ov .usulan text{fill:var(--muted)}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;font:500 13px var(--mono);color:var(--muted);margin:0}.poster{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;padding:16px}.poster .sketch{max-height:100%}.poster p{font-size:13px;color:var(--muted);margin:6px 0 0}.viewer-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-top:1.5px solid var(--ink)}.controls{background:var(--sheet);border:1.5px solid var(--ink);padding:18px}.controls>fieldset>label{margin-bottom:12px}.swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.swatches legend{width:100%;font-weight:500}.sw{position:relative;width:44px;height:44px;padding:0;cursor:pointer}.sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.sw span:not(.sr){display:block;width:100%;height:100%;border:1.5px solid var(--line);border-radius:var(--r)}.sw.on span:not(.sr){outline:2.5px solid var(--blue);outline-offset:2px}.sw:has(input:focus-visible) span:not(.sr){outline:2.5px solid var(--ink);outline-offset:4px}.small-sw .sw{width:44px;height:44px}.hex{flex:1 1 100%;font-weight:500;font-size:13px}.hex .inp{font-family:var(--mono);max-width:180px;display:block}.views-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;margin-top:24px;border-top:2px solid var(--ink);padding-top:18px}.views-strip .disclaimer{grid-column:1 / -1;margin:0}.pair{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.vcard{margin:0;border:1.5px solid var(--line);background:var(--sheet)}.vcard.draf{border:1.5px dashed var(--amber-ink)}.vcard.disetujui{border-color:var(--blue)}.vimg{aspect-ratio:1 / 1;display:grid;place-items:center;padding:10px;position:relative}.vimg>div{width:100%;height:100%;display:grid;place-items:center}.vimg .sketch{max-height:100%}.vimg img{max-height:100%;object-fit:contain}.vimg .loading,.vimg .empty{position:absolute;margin:0;font-size:13px}.vcard figcaption{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-top:1px solid var(--line);font-size:13px}.vcard figcaption .stamp{margin:0}.bom-wrap{border:2px solid var(--ink);background:var(--sheet);padding:12px}table{border-collapse:collapse;width:100%}.bom th{text-align:left;font:500 11.5px var(--mono);color:var(--muted);padding:8px 6px;border-bottom:1.5px solid var(--ink)}.bom td{padding:6px;border-bottom:1px solid var(--line);vertical-align:top}.bom .inp{min-height:40px;padding:7px 8px;border-color:transparent;border-bottom:1.5px dashed var(--line);background:transparent;border-radius:0}.bom .inp:hover{border-bottom-color:var(--ink)}.bom .inp:focus{border:1.5px solid var(--blue);background:#fff}.bom .inp.sub{margin-top:0;font-size:13px;color:var(--muted);min-height:36px}.bom .inp.xs{width:70px}.bom .r,.bom td.r .inp{text-align:right}.bom td.r .inp{width:110px;font-family:var(--mono)}.bom tfoot th{text-align:right;font:700 13px var(--mono);padding:10px 6px}.bom tfoot td{font:700 15px var(--mono);padding:10px 6px}.auto{display:inline-block;font:700 14px var(--mono);color:var(--blue);padding:9px 4px;border-bottom:1.5px dashed var(--blue)}.src{font:500 11px var(--mono);padding:2px 6px;border:1px solid var(--line);border-radius:var(--r);white-space:nowrap}.src.dari-ukuran{border-color:var(--blue);color:var(--blue)}.src.estimasi{color:var(--amber-ink);border-color:var(--amber-ink)}.hpp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;margin-top:24px;align-items:start}.biaya{border:1.5px solid var(--ink);background:var(--sheet);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.biaya h2{grid-column:1 / -1}.bf span:first-child{display:block;font-size:13.5px}.bfin{display:flex;align-items:center;gap:6px;margin-top:4px}.bfin .inp{font-family:var(--mono)}.bfin em{font:500 12px var(--mono);color:var(--muted);font-style:normal;min-width:34px}.bf small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:3px}.hpp-out{border:2px solid var(--ink);background:var(--paper);padding:18px}.moq{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.bighpp{display:flex;flex-direction:column;margin:0 0 12px}.bighpp span{font:500 12px var(--mono);color:var(--muted)}.bighpp b{font:700 clamp(34px,4vw,52px)/1.05 var(--mono);letter-spacing:-.04em;background:var(--amber);align-self:flex-start;padding:2px 12px;margin-top:4px}.breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;margin:0 0 12px;border-top:1px solid var(--line)}.breakdown div{padding:8px 10px 8px 0;border-bottom:1px solid var(--line)}.breakdown dt{font:500 11.5px var(--mono);color:var(--muted)}.breakdown dd{margin:2px 0 0;font:700 15px var(--mono)}.jual{font-size:14.5px}.jual b{font-family:var(--mono)}.target{padding:10px 12px;border-radius:var(--r);font-weight:600;font-size:14px}.target.ok{border:1.5px solid var(--blue);color:var(--blue)}.target.bad{border:1.5px solid var(--red);color:var(--red)}.tiers caption{text-align:left;font-size:12.5px;color:var(--muted);padding-bottom:6px}.tiers th,.tiers td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px}.tiers thead th{font:500 11.5px var(--mono);color:var(--muted)}.tiers tr.on th,.tiers tr.on td{font-weight:700}.barcell{width:40%}.bar{display:block;height:10px;background:var(--ink)}.tiers tr.on .bar{background:var(--amber)}.lembar-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}.page{background:#fff;border:1.5px solid var(--ink);padding:18px}.page header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 12px var(--mono);border-bottom:1.5px solid var(--ink);padding-bottom:8px}.page header b{font-size:14px}.page footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:500 12px var(--mono);border-top:1.5px solid var(--ink);padding-top:8px;margin-top:12px}.amber{background:var(--amber);padding:0 6px;color:var(--ink)}.page-views{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;gap:8px;align-items:end;margin:12px 0}.page-views figure{margin:0}.mini{font-size:13px}.mini th{font:500 11px var(--mono);color:var(--muted);text-align:left;border-bottom:1.5px solid var(--ink);padding:5px 4px}.mini td{padding:5px 4px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:12.5px}.mini td:nth-child(2){font-family:var(--sans)}.mini .k{color:var(--blue);font-weight:700}.mini .sample{background:var(--blue-soft)}.mini tr.pending td{color:var(--muted)}.mini em{color:var(--amber-ink);font-style:normal;font-size:11.5px;font-weight:600}.send{border:1.5px solid var(--ink);background:var(--sheet);padding:18px}.send h2{margin-top:18px}.send h2:first-child{margin-top:0}.checks{list-style:none;padding:0;margin:0 0 12px}.checks li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;min-height:44px}.checks .box{width:22px;height:22px;border:1.5px solid var(--ink);display:grid;place-items:center;font-weight:700;flex:none;border-radius:2px}.checks li.ok .box{background:var(--blue);border-color:var(--blue);color:#fff}.checks a{font-weight:600;min-height:44px;display:flex;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:8px}.supplier,.versi{display:grid;gap:10px;margin-bottom:12px}.versi{grid-template-columns:1fr auto;align-items:end}.linkbox{margin-top:12px;font-size:13px}.linkbox .inp{font-size:12px;color:var(--muted)}.changes ul{margin:4px 0 8px;padding-left:18px;font:500 12.5px var(--mono)}.versions{list-style:none;padding:0;margin:8px 0 0;border-top:1.5px solid var(--ink)}.versions li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}.versions li b{font-family:var(--mono);color:var(--blue)}.versions li span{color:var(--muted);font-size:12.5px}.versions li p{margin:2px 0 0}.po-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.slides{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.slides img{width:100%;border:1.5px solid var(--ink);display:block}.slides .loading,.slides .err{grid-column:1 / -1}.caption{border:1.5px solid var(--ink);background:var(--sheet);padding:18px}.po-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}.newproj{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.newproj label{min-width:220px}.projects{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}.projects li{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.projects li.on .pinfo h2:after{content:" · sedang dibuka";color:var(--blue);font-size:12px}.thumb{background:var(--sheet);border:1.5px solid var(--line);padding:8px;aspect-ratio:1;display:grid;place-items:center}.thumb .sketch{max-height:100%}.pinfo h2{font-size:18px;margin:0 0 4px}.progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 12.5px var(--mono);margin:6px 0 0}.progress .bar{width:120px;height:8px;background:var(--hair);display:inline-block}.progress .bar span{display:block;height:100%;background:var(--blue)}.pact{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.costlog{margin-top:28px;border:1.5px solid var(--ink);padding:18px;background:var(--sheet);max-width:720px}.costlog ul{list-style:none;padding:0;margin:8px 0 12px;font-size:13.5px}.costlog li{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.costlog li span,.costlog li b{font-family:var(--mono);font-size:12.5px}.empty.big{padding:40px;border:1.5px dashed var(--line);text-align:center}.keypanel{margin-top:18px;padding-top:18px;border-top:1.5px solid var(--line)}.keypanel h3{margin:0 0 6px;font-size:16px}.keypanel>label{margin-bottom:12px}.keypanel .row{margin-top:12px}.lihat{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.lihat .mini{margin-top:18px}.amber-note{margin-top:18px;padding:10px 14px;background:var(--amber);display:inline-block;font-weight:600}.notfound{padding:40px 0;max-width:60ch}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:var(--r);font-size:14px;z-index:40;pointer-events:none}.toast:empty{display:none}@media(max-width:1180px){.bp-grid{grid-template-columns:1fr}.blueprint{position:relative;top:0;border-bottom:1.5px solid var(--ink)}.spec{border-left:0}.tb .hide-sm{display:none}.hpp-grid,.lembar-grid,.po-grid,.tampak-grid{grid-template-columns:1fr}}@media(max-width:900px){.ide-grid{grid-template-columns:1fr}.draft{position:static}.cats{grid-template-columns:repeat(2,1fr)}.views-strip{grid-template-columns:1fr}.sheets{grid-template-columns:repeat(3,1fr)}.sheet-tab{border-bottom:1px solid var(--line);padding:8px 10px;min-height:52px}.sheet-tab .no{font-size:17px}.ledger{grid-template-columns:1fr}}@media(max-width:760px){body{font-size:15px}main{padding:16px 16px 72px}.titlebar{grid-template-columns:auto 1fr;padding:0 16px;gap:10px}.meter{grid-column:1 / -1;flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);padding:6px 0}.tb{overflow:hidden}.tb div{padding:8px}.tb dd{max-width:44vw}.wordmark{padding-right:12px;font-size:15px}.sheets{position:static}.sheet-tab{grid-template-columns:1fr;column-gap:0}.sheet-tab .no{grid-row:auto;font-size:13px}.sheet-tab .nm{font-size:13px}.mview{display:flex}.views{grid-template-columns:1fr}.bpview{display:none}.bpview.m-on{display:block}.blueprint{padding:12px 12px 70px}.titleblock{grid-template-columns:repeat(2,auto);left:0;border-left:0}.specrow{grid-template-columns:28px 112px auto 1fr;gap:6px 8px}.two,.uploads,.biaya,.po-form{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.pair,.slides{grid-template-columns:1fr 1fr}.projects li{grid-template-columns:76px minmax(0,1fr)}.pact{grid-column:1 / -1;justify-content:flex-start}.page-views{grid-template-columns:1fr 1fr}.page-views figure:last-child{display:none}.page{padding:12px;overflow-x:auto}.bom-wrap{padding:0;border-width:1.5px}.bom thead{display:none}.bom,.bom tbody,.bom tr,.bom td{display:block;width:100%}.bom tr{padding:10px;border-bottom:1.5px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.bom td{border:0;padding:0}.bom .inp,.bom .inp.sub{min-height:44px}.bom td:nth-child(1),.bom td:nth-child(2){grid-column:1 / -1}.bom td[data-l]:before{content:attr(data-l);display:block;font:500 11px var(--mono);color:var(--muted)}.bom td.r{text-align:left}.bom td.r .inp{width:100%;text-align:left}.bom tfoot tr{display:flex;justify-content:space-between}.bom tfoot th,.bom tfoot td{width:auto}.ledger-row p{border-right:0;padding-right:0;margin-right:0;width:50%;margin-bottom:8px}.ledger-row .tiers{width:100%}.versi{grid-template-columns:1fr}}@media(max-width:380px){.cats{grid-template-columns:1fr 1fr}.cat .sketch{height:56px}.tb div:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.callout.hi .dim{stroke-dashoffset:0}}.cat .gridbg,.thumb .gridbg{display:none}