:root{--bg: #080b0f;--panel: #10161d;--panel-2: #161f28;--line: #24313e;--line-soft: #1a232c;--ink: #e8eef4;--ink-dim: #93a3b3;--ink-faint: #5c6b7a;--amber: #f2b134;--cyan: #35c4d7;--red: #ef5350;--green: #6ac47a;--ink-off: #3f4d5c;--field: #0c1219;--scroll: #22303e;--scroll-alur: #0b1117;--kaca: rgba(11, 15, 20, .82);--shadow: 0 8px 30px rgba(0, 0, 0, .55);--bar-1: #151d26;--bar-2: #0d141b;--kepala-1: #182230;--kepala-2: #111922;--sel: #1b2a38;--sorot: rgba(255, 255, 255, .045);--tirai: rgba(4, 7, 10, .62);--pop: #0f1720;--tautan: #5c9dd6;--halo: #12202c;--pisah: #1b2733;--pisah-sorot: #2f4a63;--r: 3px}:root[data-theme=cerah]{--bg: #eef1f5;--panel: #ffffff;--panel-2: #f3f6fa;--field: #ffffff;--line: #ccd6e0;--line-soft: #e2e8ef;--ink: #16202b;--ink-dim: #4a5a6a;--ink-faint: #6b7c8d;--ink-off: #9aa8b6;--amber: #a86f00;--cyan: #0f7f8e;--red: #c62828;--green: #2e7d32;--scroll: #b9c6d3;--scroll-alur: #e6ebf1;--kaca: rgba(255, 255, 255, .88);--shadow: 0 8px 30px rgba(20, 32, 45, .18);--bar-1: #ffffff;--bar-2: #eef1f5;--kepala-1: #f7f9fc;--kepala-2: #eef1f5;--sel: #dce9f5;--sorot: rgba(20, 32, 45, .05);--tirai: rgba(70, 86, 102, .38);--pop: #ffffff;--tautan: #1f5c8f;--halo: #ffffff;--pisah: #ccd6e0;--pisah-sorot: #a86f00}:root[data-theme=alami]{--bg: #e9e3d5;--panel: #f6f1e5;--panel-2: #ded7c6;--field: #fbf8f0;--line: #c9bfa8;--line-soft: #e2dbc9;--ink: #241f17;--ink-dim: #4f4636;--ink-faint: #6d6252;--ink-off: #978d7c;--amber: #8a5800;--cyan: #0d6f7d;--red: #b3352d;--green: #33682f;--scroll: #c3b8a1;--scroll-alur: #e2dbc9;--kaca: rgba(246, 241, 229, .9);--shadow: 0 8px 30px rgba(60, 48, 26, .2);--bar-1: #f3ecdc;--bar-2: #e4dccb;--kepala-1: #f6f1e5;--kepala-2: #e9e2d1;--sel: #ddd3ba;--sorot: rgba(60, 48, 26, .06);--tirai: rgba(70, 60, 40, .38);--pop: #f6f1e5;--tautan: #1d5f7d;--halo: #fffaf0;--pisah: #c9bfa8;--pisah-sorot: #8a5800}:root[data-theme=redup]{--bg: #171d24;--panel: #1e252e;--panel-2: #262f39;--field: #141a21;--line: #384451;--line-soft: #232b34;--ink: #dfe7ef;--ink-dim: #a3b2c0;--ink-faint: #7b8b9a;--ink-off: #55636f;--amber: #f0b64a;--cyan: #4fd0e0;--red: #f0645f;--green: #79cf88;--scroll: #3a4854;--scroll-alur: #1a2027;--kaca: rgba(23, 29, 36, .86);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--bar-1: #232b35;--bar-2: #1a2129;--kepala-1: #262f3a;--kepala-2: #1d242c;--sel: #2b3a49;--sorot: rgba(255, 255, 255, .05);--tirai: rgba(10, 14, 18, .6);--pop: #1c232b;--tautan: #6fb3e8;--halo: #24303c;--pisah: #2b3540;--pisah-sorot: #46596b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr 22px;height:100%}.menubar{display:flex;align-items:stretch;gap:2px;flex-wrap:wrap;min-width:0;min-height:34px;background:linear-gradient(var(--bar-1),var(--bar-2));border-bottom:1px solid var(--line);padding-inline:8px}.brand{display:flex;align-items:center;gap:8px;padding-right:14px;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:14px}.brand b{color:var(--amber)}.brand .logo{width:18px;height:18px;flex:none;border-radius:4px;background:#fff;padding:1px;box-sizing:border-box}.logo-alas{background:#fff;border-radius:8px;padding:12px 16px;margin:2px auto 12px;width:fit-content}.logo-alas img{display:block;width:220px;max-width:100%}.menu{position:relative}.menu>button{height:100%;min-height:34px;padding:0 9px;background:none;border:0;cursor:pointer;color:var(--ink-dim);letter-spacing:.02em}.menu>button:hover,.menu.open>button{background:var(--panel-2);color:var(--ink)}.menu-pop{position:absolute;top:100%;left:0;min-width:236px;z-index:60;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:4px;border-radius:var(--r)}.menu-pop button{display:flex;justify-content:space-between;gap:18px;width:100%;padding:6px 9px;background:none;border:0;text-align:left;cursor:pointer;color:var(--ink);border-radius:2px}.menu-pop button:hover{background:var(--panel-2)}.menu-pop button[disabled]{color:var(--ink-faint);cursor:not-allowed}.menu-pop .sep{height:1px;background:var(--line-soft);margin:4px 2px}.menu-pop .cabang-wrap{position:relative}.menu-pop .cabang-wrap>.menu-pop.sub{position:absolute;left:100%;top:-5px;z-index:61}.menu-pop .cabang-wrap.kiri>.menu-pop.sub{left:auto;right:100%}.menu-pop.sub.ringkas{min-width:104px}.menu-pop.sub.ringkas button{gap:8px;white-space:nowrap}.menu-pop .cabang-wrap:hover>button.cabang{background:var(--panel-2)}.menu-pop button.cabang kbd{color:var(--ink-dim)}.menu-note{padding:5px 9px 3px;font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.menu-pop kbd{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-faint)}.statusbar{display:flex;align-items:center;gap:16px;padding:0 10px;background:var(--panel);border-top:1px solid var(--line);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-dim)}.statusbar .k{color:var(--ink-faint)}.statusbar .v{color:var(--amber)}.work{display:grid;grid-template-columns:268px 1fr;min-height:0}.sidebar{border-right:1px solid var(--line);background:var(--panel);overflow-y:auto;display:flex;flex-direction:column}.canvas-area{display:grid;min-height:0;min-width:0;gap:1px;background:var(--line-soft)}.pane{position:relative;background:var(--bg);display:flex;flex-direction:column;min-height:0;min-width:0}.pane-head{display:flex;align-items:center;gap:8px;min-height:26px;padding:0 62px 0 8px;flex:none;overflow-x:auto;scrollbar-width:none;min-width:0;background:var(--panel);border-bottom:1px solid var(--line);font-family:Barlow Condensed,sans-serif;letter-spacing:.09em;text-transform:uppercase;font-size:12px;color:var(--ink-dim)}.pane-head .spacer{flex:1}.pane-head>*{flex:none}.pane-head>span{white-space:nowrap}.pane-head .tag{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:0;color:var(--amber);text-transform:none}.pane-body{flex:1;position:relative;min-height:0;overflow:hidden}.pane-body canvas{display:block;width:100%;height:100%}.chip{display:inline-block;padding:1px 8px;border-radius:10px;cursor:pointer;border:1px solid var(--line);color:var(--ink-faint);-webkit-user-select:none;user-select:none;line-height:16px}.chip:hover{border-color:var(--line-strong, var(--line));color:var(--ink-dim)}.chip.on{border-color:var(--amber);color:var(--ink)}.dok{border-bottom:1px solid var(--line)}.dok-kepala{display:flex;align-items:center;gap:4px;padding:5px 6px 5px 8px;background:var(--panel-2)}.dok-judul{background:none;border:0;padding:0;cursor:pointer;flex:1;text-align:left;font:500 11px/1.5 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:5px}.dok-judul:hover{color:var(--ink)}.dok-tanda{color:var(--ink-faint);font-size:9px}.dok-alat{display:flex;gap:1px;opacity:.35;transition:opacity .12s}.dok-kepala:hover .dok-alat{opacity:1}.dok-alat button{background:none;border:1px solid transparent;border-radius:var(--r);color:var(--ink-dim);cursor:pointer;font-size:11px;line-height:1;padding:2px 4px}.dok-alat button:hover{border-color:var(--line);color:var(--ink)}.dok-alat button:disabled{opacity:.3;cursor:default}.dok.ciut .dok-kepala{background:transparent}.dok-isi>.section:last-child{border-bottom:0}.section{border-bottom:1px solid var(--line-soft)}.section>h3{margin:0;padding:7px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-family:Barlow Condensed,sans-serif;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.section>h3 .count{font-family:JetBrains Mono,monospace;letter-spacing:0}.section-body{padding:2px 6px 9px}.row{display:flex;align-items:center;gap:7px;padding:3px 4px;border-radius:2px;cursor:pointer}.row:hover{background:var(--panel-2)}.row.sel{background:var(--sel);box-shadow:inset 2px 0 0 var(--amber)}.row .swatch{width:9px;height:9px;border-radius:2px;flex:none}.row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-faint)}.chk{width:13px;height:13px;border:1px solid var(--line);border-radius:2px;display:grid;place-items:center;flex:none;background:var(--field)}.chk.on{background:var(--amber);border-color:var(--amber)}.chk.on:after{content:"";width:5px;height:5px;background:var(--field);border-radius:1px}label.field{display:block;margin:7px 4px 3px;color:var(--ink-dim);font-size:11px}select,input[type=text],input[type=number]{width:100%;background:var(--field);border:1px solid var(--line);border-radius:2px;padding:4px 6px;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--amber)}input[type=password],input:not([type]),textarea{width:100%;background:var(--field);border:1px solid var(--line);border-radius:2px;padding:4px 6px;color:var(--ink)}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:2px;padding:4px 9px;cursor:pointer;color:var(--ink)}.btn:hover{border-color:var(--amber);color:var(--amber)}.btn.on{background:var(--amber);border-color:var(--amber);color:var(--panel);font-weight:600}.btn.sm{padding:2px 7px;font-size:11px}.btn-row{display:flex;gap:5px;flex-wrap:wrap;margin:6px 4px 0}.colorbar{margin:8px 4px 2px}.colorbar .ramp{height:13px;border:1px solid var(--line);border-radius:2px}.colorbar .ends{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-faint);margin-top:2px}.colorbar-float{--cb-kaca: var(--kaca);--cb-line: var(--line);--cb-tinta: var(--ink-dim);--cb-samar: var(--ink-faint);position:absolute;right:12px;top:36px;width:62px;z-index:8;background:var(--cb-kaca);border:1px solid var(--cb-line);border-radius:var(--r);padding:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.colorbar-float .vramp{width:14px;height:130px;margin:0 auto;border:1px solid var(--cb-line)}.colorbar-float .vramp.diskret{display:flex;flex-direction:column;position:relative}.colorbar-float .vramp .pita{flex:none}.colorbar-float .vramp .pita+.pita{border-top:1px solid var(--cb-line)}.colorbar-float .vramp.diskret.berlabel{margin-left:0}.colorbar-float .cb-batas{position:absolute;left:100%;margin-left:5px;transform:translateY(50%);font-family:JetBrains Mono,monospace;color:var(--cb-tinta);font-size:var(--cb-huruf, 9px);white-space:nowrap;pointer-events:none}.colorbar-float .lbl{font-family:JetBrains Mono,monospace;color:var(--cb-tinta);font-size:var(--cb-huruf, 9px);text-align:center;margin-top:3px}.colorbar-float.bisa-geser{cursor:grab;touch-action:none}.colorbar-float.bisa-geser:active{cursor:grabbing}.colorbar-float .cb-grip{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 46%,var(--cb-tinta) 46%,var(--cb-tinta) 54%,transparent 54%),linear-gradient(135deg,transparent 71%,var(--cb-tinta) 71%,var(--cb-tinta) 79%,transparent 79%);opacity:.55}.colorbar-float .cb-grip:hover{opacity:1}.kendali-kontur{display:flex;align-items:center;gap:5px;padding:2px 6px;border:1px solid var(--line);border-radius:var(--r)}.kendali-kontur .cap{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-faint);letter-spacing:.04em;white-space:nowrap}.map-furniture{position:absolute;z-index:9;cursor:grab;-webkit-user-select:none;user-select:none;background:var(--kaca);border:1px solid var(--line);border-radius:var(--r);padding:6px 8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-furniture:active{cursor:grabbing}.map-furniture .cap{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-dim);text-align:center;letter-spacing:.04em}.map-furniture svg{display:block;margin:0 auto}.map-furniture .kendali{display:none;position:absolute;left:0;right:0;top:calc(100% + 2px);flex-direction:column;gap:3px;padding:5px 8px 6px;min-width:132px;background:var(--panel);color:var(--ink-dim);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow);cursor:default}.map-furniture.kendali-atas .kendali{top:auto;bottom:calc(100% + 2px);border-radius:var(--r) var(--r) 0 0}.map-furniture:hover .kendali,.map-furniture:focus-within .kendali{display:flex}.map-furniture.kendali-terbuka .kendali{display:flex}.map-furniture .pegangan{display:none;position:absolute;width:12px;height:12px;z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow)}.map-furniture:hover .pegangan,.map-furniture:focus-within .pegangan{display:block}.map-furniture .kendali select{font-size:10px;padding:1px 3px;width:100%}.map-furniture .kendali label{display:flex;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-dim)}.map-furniture .kendali label span{letter-spacing:.04em}.map-furniture .kendali input[type=range]{flex:1;min-width:66px;height:12px}.map-furniture .kendali button{font-size:9px;padding:1px 5px;align-self:stretch}.pane-body canvas.peta-geser{cursor:grab}.pane-body canvas.peta-geser:active{cursor:grabbing}.pane-body canvas.peta-titik{cursor:crosshair}.basemap-korelasi{position:absolute;right:12px;bottom:12px;z-index:12;border:1px solid;border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.basemap-korelasi header{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 7px;border-bottom:1px solid;font-family:Barlow Condensed,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.basemap-korelasi header .x{margin-left:auto;background:none;border:0;cursor:pointer;font-size:13px;line-height:1;padding:0 3px}.basemap-korelasi header .x:hover{color:var(--red)}.basemap-korelasi .kanvas{position:relative;flex:1;min-height:0}.basemap-korelasi .arah,.basemap-korelasi .skala{position:absolute;pointer-events:none}.basemap-korelasi .titik{position:absolute;transform:translate(-50%,-50%);padding:0;background:none;border:0;border-radius:50%;cursor:pointer}.basemap-korelasi .titik:focus-visible{outline:2px solid var(--amber)}.basemap-korelasi .titik.diam{cursor:inherit}.basemap-korelasi .kaki{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding:3px 6px;border-top:1px solid;font-family:JetBrains Mono,monospace;font-size:9px}.basemap-korelasi .pegangan{position:absolute;right:0;bottom:0;width:12px;height:12px;cursor:nwse-resize;border-left:1px solid;border-top:1px solid;border-top-left-radius:3px;opacity:.75}.pane-head select.pilih-latar{max-width:148px}.pane-head .nav-garis{display:flex;align-items:center;gap:3px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:0;text-transform:none}.pane-head .nav-garis .nm,.pane-head .nav-garis .sat{color:var(--ink-faint)}.pane-head .nav-garis input[type=number]{width:4.4em;padding:1px 3px;text-align:center;font-family:inherit;font-size:11px;color:var(--amber);background:none;border:1px solid transparent;border-radius:3px}.pane-head .nav-garis input[type=number]:hover{border-color:var(--line)}.pane-head .nav-garis input[type=number]:focus{outline:none;background:var(--field);border-color:var(--amber)}.pane-head .nav-garis input[type=number]::-webkit-outer-spin-button,.pane-head .nav-garis input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pane-head .nav-garis input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pane-head .nav-garis .btn{margin:0;padding:0 5px;line-height:16px}.spektral-alat{position:relative;display:inline-flex}.spektral-edit{position:absolute;top:calc(100% + 3px);right:0;z-index:24;display:flex;flex-direction:column;gap:4px;padding:7px 9px 8px;min-width:176px;background:var(--panel);color:var(--ink-dim);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-transform:none;letter-spacing:0;cursor:default}.spektral-edit label{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px}.spektral-edit label>span:first-child{width:42px}.spektral-edit label input{width:62px}.spektral-edit label .sat{color:var(--ink-faint)}.spektral-edit p{margin:2px 0 0;font-size:10px;line-height:1.35;color:var(--ink-faint);font-family:Inter,sans-serif}.float-win{position:absolute;z-index:30;background:var(--panel);min-width:340px;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);display:flex;flex-direction:column}.float-win>header{display:flex;align-items:center;gap:8px;padding:5px 8px;cursor:grab;background:linear-gradient(var(--kepala-1),var(--kepala-2));border-bottom:1px solid var(--line);font-family:Barlow Condensed,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.float-win>header .x{margin-left:auto;cursor:pointer;color:var(--ink-faint)}.float-win>header .x:hover{color:var(--red)}.float-win .body{padding:9px;overflow:auto;min-height:0}.float-win{max-height:calc(100vh - 48px)}.cs-win .cs-ringkas{margin:0 0 7px;font-size:11px;color:var(--ink-dim);line-height:1.35}.cs-win .cs-galat{margin:6px 0 0;font-size:11px;color:var(--red)}.cs-win .cs-kanvas{width:100%;height:190px;display:block;margin:8px 0}.cs-win table.grid{margin-bottom:8px}.cs-win .cs-titik{display:block;max-height:190px;overflow:auto}.cs-win .cs-titik input[type=checkbox]{margin:0;vertical-align:middle}.cs-win .cs-tanda td{color:var(--amber)}.cs-win .cs-dibuang td{color:var(--ink-faint);font-style:italic}.wst-win{max-width:calc(100vw - 32px)}.wst-win .wst-chip{display:flex;flex-wrap:wrap;gap:4px;margin:0 4px}.wst-win .wst-vol{display:flex;align-items:center;gap:12px;margin:2px 4px}.wst-win .wst-vol select{width:auto;flex:1}.wst-win .wst-baris{display:flex;flex-wrap:wrap;gap:6px 12px;margin:8px 4px 0}.wst-win .wst-sebaris{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-dim);white-space:nowrap}.wst-win .wst-sebaris select{width:auto;max-width:160px}.wst-win .wst-sebaris input[type=number]{width:62px}.wst-win .wst-sebaris input[type=checkbox]{margin:0}.wst-win .wst-lanjut{margin:8px 4px 0}.wst-win .wst-lanjut summary{color:var(--ink-faint);font-size:11px;cursor:pointer}.wst-win .btn-row{align-items:center}.wst-win .wst-ringkas{margin:10px 4px 6px;font-size:11px;color:var(--ink-dim);line-height:1.35}.wst-win .wst-tabel{max-height:300px;overflow:auto}.wst-win .wst-tabel th{white-space:nowrap;position:sticky;top:0;background:var(--panel)}.wst-win .wst-tabel tr{cursor:pointer}.wst-win .wst-tabel tr:hover td{background:var(--line-soft)}.wst-win .wst-tabel tr.wst-kini td{background:var(--sel)}.wst-win .wst-tabel tr.wst-lewat td{color:var(--ink-faint);font-style:italic}.wst-win .wst-teks{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{position:absolute;left:10px;bottom:10px;z-index:8;max-width:340px;background:var(--kaca);border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:var(--r);padding:6px 9px;color:var(--ink-dim);font-size:11px}.hint.hint-tengah{left:50%;top:44px;bottom:auto;transform:translate(-50%);max-width:460px;color:var(--ink);border-left-width:3px}.slice-ov{position:absolute;right:12px;bottom:10px;z-index:8;width:226px;background:var(--kaca);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.slice-ov>header{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;font-family:Barlow Condensed,sans-serif;letter-spacing:.1em;font-size:10px;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--line-soft)}.slice-ov>header:hover{color:var(--amber)}.slice-ov>header .x{margin-left:auto;color:var(--ink-faint)}.slice-ov .body{padding:6px 8px 7px}.slice-ov .ax+.ax{margin-top:5px}.slice-ov .ax .top{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-dim)}.slice-ov .ax .top .chk{cursor:pointer}.slice-ov .ax .top .v{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--amber)}.slice-ov .ax .bot{display:flex;align-items:center;gap:5px;margin-top:1px}.slice-ov .ax .bot input[type=range]{flex:1;min-width:0;accent-color:var(--amber)}.slice-ov .steps{display:flex;align-items:center;gap:4px;margin-top:7px;padding-top:6px;border-top:1px solid var(--line-soft);font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.slice-ov .steps .btn{margin-left:0}.slice-ov .tabs-ov{display:flex;gap:4px;margin-bottom:6px}.slice-ov .tabs-ov .btn{flex:1;text-align:center;padding:2px 4px}.slice-ov .ket{font-size:11px;color:var(--ink-faint);margin:2px 1px 4px}.hint-ov{right:246px}.readout{position:absolute;left:10px;top:34px;z-index:8;font-family:JetBrains Mono,monospace;font-size:11px;background:var(--kaca);border:1px solid var(--line);border-radius:var(--r);padding:5px 8px;color:var(--ink-dim)}.readout b{color:var(--amber);font-weight:500}table.grid{width:100%;border-collapse:collapse;font-size:11px}table.grid th,table.grid td{border-bottom:1px solid var(--line-soft);padding:3px 5px;text-align:left}table.grid th{color:var(--ink-faint);font-weight:500}table.grid td.num{font-family:JetBrains Mono,monospace;text-align:right}.tabs{display:flex;gap:2px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;padding:3px 9px;color:var(--ink-faint)}.tabs button.on{color:var(--amber);border-color:var(--amber)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:5px}::-webkit-scrollbar-track{background:var(--scroll-alur)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.canvas-area.resizable{position:relative;gap:0}.split{background:var(--line-soft);flex:none;position:relative;z-index:12}.split:hover,.split:active{background:var(--amber)}.split-v{width:4px;cursor:col-resize}.split-h{position:absolute;left:0;right:0;height:6px;cursor:row-resize}.split-sidebar{width:5px;cursor:col-resize;background:transparent;position:absolute;top:0;bottom:0;left:-3px;z-index:20}.split-sidebar:hover{background:var(--amber)}.work{position:relative}.pane-head .win-btn{background:none;border:0;color:var(--ink-faint);cursor:pointer;padding:0 4px;font-size:13px;line-height:1}.pane-head .win-btn:hover{color:var(--amber)}.user-badge{background:none;border:1px solid var(--line);color:var(--ink-dim);font:inherit;font-size:11px;padding:2px 8px;margin-right:8px;border-radius:3px;cursor:pointer}.user-badge:hover{color:var(--ink);border-color:var(--amber)}.pane-slot{position:relative}.pane-slot>.pane{flex:1 1 0;min-width:0}.pane-ctl{position:absolute;top:4px;right:6px;display:flex;gap:2px;opacity:.35;transition:opacity .15s;z-index:5}.pane-slot:hover .pane-ctl{opacity:1}.pane-ctl button{width:20px;height:18px;line-height:1;padding:0;background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);border-radius:3px;font-size:12px;cursor:pointer}.pane-ctl button:hover{background:var(--line);color:var(--ink)}.pane-rows{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.pane-tray{flex:none;display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--panel);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.pane-tray .cap{font-family:Barlow Condensed,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--ink-faint);flex:none}.tray-chip{display:flex;align-items:center;gap:6px;flex:none;background:var(--panel-2);border:1px solid var(--line);border-radius:3px;color:var(--ink-dim);font:inherit;font-size:11px;padding:3px 8px;cursor:pointer;white-space:nowrap}.tray-chip:hover{color:var(--amber);border-color:var(--amber)}.tray-chip b{color:var(--ink-faint);font-weight:400}.tray-chip:hover b{color:var(--amber)}.split{background:var(--pisah)}.split-v{width:6px;cursor:col-resize}.split-h{height:6px;cursor:row-resize}.split:hover{background:var(--pisah-sorot)}.colorbar-edit{position:absolute;right:0;top:100%;margin-top:6px;background:var(--pop);border:1px solid var(--line);border-radius:4px;padding:6px;z-index:40;min-width:168px;box-shadow:0 6px 18px #0000008c}.colorbar-edit select,.colorbar-edit input{width:100%}.colorbar-float{position:absolute}.tree-row{display:flex;align-items:center;gap:2px;padding:2px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.tree-row:hover{background:var(--sorot)}.tree-row.on{background:#f2b13429;color:var(--amber)}.rightbar{border-left:1px solid var(--line);background:var(--panel);overflow:auto;display:flex;flex-direction:column;min-width:0}.rightbar>header{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:2;font-family:Barlow Condensed,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--ink-dim)}.split-rightbar{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:6}.split-rightbar:hover{background:#f2b13440}.login-page{height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,var(--halo) 0%,transparent 70%),var(--bg)}.login-card{width:340px;padding:26px 24px 20px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.login-card input{width:100%}.login-err{margin:10px 0 0;padding:6px 8px;font-size:12px;color:var(--red);background:#ef535014;border:1px solid rgba(239,83,80,.35);border-radius:3px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:var(--tirai)}.modal{max-width:92vw;max-height:88vh;overflow:auto;padding:16px 18px 14px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.modal>h3{margin:0 0 10px;font-family:Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--ink-dim)}.modal input,.modal select{flex:1;min-width:0}.modal .grid{width:100%;border-collapse:collapse;font-size:12px}.modal .grid th,.modal .grid td{text-align:left;padding:3px 6px;border-bottom:1px solid var(--line-soft);color:var(--ink-dim)}.modal .grid td.num{font-family:JetBrains Mono,monospace;color:var(--ink)}.pm{display:grid;grid-template-columns:178px 1fr;min-height:0;flex:1}.pm-nav{border-right:1px solid var(--line);padding:6px 0;display:flex;flex-direction:column;gap:1px;overflow:auto}.pm-nav button{display:flex;align-items:baseline;gap:7px;width:100%;background:none;border:0;border-left:2px solid transparent;color:var(--ink-dim);text-align:left;padding:7px 12px;cursor:pointer;font-size:12px}.pm-nav button:hover{background:var(--panel-2);color:var(--ink)}.pm-nav button.on{background:var(--panel-2);color:var(--amber);border-left-color:var(--amber)}.pm-nav .n{margin-left:auto;font:10px JetBrains Mono,monospace;color:var(--ink-faint)}.pm-nav .sub{font-size:10px;color:var(--ink-faint);display:block}.pm-body{overflow:auto;padding:12px 14px;min-width:0}.pm-body>h4{margin:0 0 3px;font-family:Barlow Condensed,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--ink-dim)}.pm-body>.lead{margin:0 0 12px;font-size:11px;color:var(--ink-faint)}.pm-card{border:1px solid var(--line);border-radius:4px;padding:10px 12px;margin-bottom:12px;background:var(--panel-2)}.pm-card>h5{margin:0 0 7px;font-size:12px;color:var(--ink);font-weight:500;display:flex;align-items:center;gap:7px}.drop{border:1px dashed var(--line);border-radius:5px;padding:18px 14px;text-align:center;color:var(--ink-faint);font-size:12px;cursor:pointer;transition:border-color .12s,background .12s}.drop:hover{border-color:var(--ink-faint)}.drop.hot{border-color:var(--amber);background:#f2b13412;color:var(--amber)}.drop b{color:var(--ink);font-weight:500}.antre{border:1px solid var(--line);border-radius:4px;overflow:hidden}.antre-baris{display:grid;grid-template-columns:1fr 96px 132px;gap:8px;align-items:center;padding:6px 9px;border-bottom:1px solid var(--line-soft);font-size:12px}.antre-baris:last-child{border-bottom:0}.antre-baris .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.antre-baris .st{font:10px JetBrains Mono,monospace;color:var(--ink-faint);text-align:right}.antre-baris.ok .st{color:var(--green)}.antre-baris.err .st{color:var(--red)}.bar{height:4px;background:var(--line-soft);border-radius:2px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--amber);border-radius:2px}.jelajah{border:1px solid var(--line);border-radius:4px;font:12px JetBrains Mono,monospace;overflow:hidden}.jelajah>.path{padding:4px 8px;border-bottom:1px solid var(--line-soft);color:var(--ink-faint);background:var(--panel);position:sticky;top:0;overflow:hidden;text-overflow:ellipsis}.jelajah>.isi{max-height:260px;overflow:auto}.jelajah .b{display:flex;justify-content:space-between;gap:8px;padding:3px 8px;cursor:pointer}.jelajah .b:hover{background:var(--sorot)}.jelajah .b.on{background:#f2b13429}.jelajah .b.dir{color:var(--tautan)}.tree-row .tree-act{flex-shrink:0;margin-left:4px;padding:0 5px;background:none;border:1px solid var(--line);border-radius:2px;color:var(--ink-faint);font:10px JetBrains Mono,monospace;line-height:14px;cursor:pointer;opacity:0}.tree-row:hover .tree-act{opacity:1}.tree-row .tree-act:hover{color:var(--amber);border-color:var(--amber)}.tree-row .tree-act:disabled{opacity:.35;cursor:default}.row .tree-act{flex-shrink:0;margin-left:4px;padding:0 5px;background:none;border:1px solid var(--line);border-radius:2px;color:var(--ink-faint);font:10px JetBrains Mono,monospace;line-height:14px;cursor:pointer;opacity:0}.row:hover .tree-act{opacity:1}.row .tree-act:hover{color:var(--amber);border-color:var(--amber)}.row .tree-act:disabled{opacity:.35;cursor:default}.jenis-tab{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:4px}.jenis-tab button{display:flex;align-items:center;gap:7px;text-align:left;padding:6px 8px;background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--line);border-radius:4px;cursor:pointer;font-size:12px;min-width:0}.jenis-tab button:hover{color:var(--ink);border-color:var(--ink-faint)}.jenis-tab button.on{color:var(--amber);border-color:var(--amber);background:#f2b1341a}.jenis-tab .ik{font-size:15px;flex:none}.jenis-tab .sub{display:block;font-size:10px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jenis-tab button.on .sub{color:#f2b134a6}:root[data-terang="1"] .pane-body canvas{border-top:1px solid var(--line)}.login-kaki{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:12px}.login-kaki .btn-row{margin-bottom:8px}.tautan{background:none;border:0;padding:0;cursor:pointer;color:var(--ink-faint);font:inherit;font-size:11px;text-decoration:underline dotted}.tautan:hover{color:var(--amber)}.login-bersih{margin-top:8px;padding:8px;font-size:11px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--ink-dim)}.trek-pilih{display:flex;gap:2px;flex:none}.trek-pilih button{background:none;border:1px solid var(--line);border-radius:2px;color:var(--ink-faint);font:inherit;font-size:10px;letter-spacing:0;text-transform:none;padding:1px 5px;cursor:pointer}.trek-pilih button:hover{color:var(--ink)}.trek-pilih button.on{background:var(--sorot)}.tie-kosong{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:24px;color:var(--ink-dim);gap:4px}.tie-kosong b{color:var(--ink);font-weight:500}.tie-kosong p{margin:0;max-width:420px;font-size:12px}.tie-kosong .kecil{color:var(--ink-faint);font-size:11px;margin-top:6px}.tie-bacaan{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:center;padding:2px 8px;background:var(--kaca);border-top:1px solid var(--line-soft);font:10px JetBrains Mono,monospace;color:var(--ink-faint);pointer-events:none;white-space:nowrap;overflow:hidden}.tie-bacaan b{color:var(--amber);font-weight:400}.tie-isi{flex:1;display:flex;flex-direction:column;min-height:0}.tie-gambar{flex:1;min-height:0}.tie-alat{flex:none;display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap}.tie-alat label{color:var(--ink-dim);font-size:11px;white-space:nowrap}.tie-alat .spacer{flex:1}.tie-alat select{width:auto}.sep-v{width:1px;align-self:stretch;background:var(--line);margin:2px}.alur{list-style:none;margin:0 0 4px;padding:0}.alur li{display:flex;align-items:flex-start;gap:9px;padding:5px 2px;border-bottom:1px solid var(--line-soft)}.alur li:last-child{border-bottom:0}.alur li>div{flex:1;min-width:0}.alur b{color:var(--ink);font-weight:500;font-size:12px}.alur .tanda{width:12px;text-align:center;font-size:12px;line-height:16px}.alur li.done .tanda{color:var(--green)}.alur li.wait .tanda{color:var(--amber)}.alur li.skip .tanda{color:var(--ink-off)}.alur li.skip b{color:var(--ink-dim)}.alur .ket{font-size:11px;color:var(--ink-faint)}.alur .opsional{margin-left:6px;font-size:9px;color:var(--ink-faint);border:1px solid var(--line);border-radius:2px;padding:0 4px}.alur-hambat{margin:8px 0 0;padding:7px 9px;font-size:12px;color:var(--amber);background:#f2b13414;border:1px solid rgba(242,177,52,.35);border-radius:4px}.alur-model{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--line-soft)}.alur-model:last-of-type{border-bottom:0}