:root{--bg:#16181d;--pn:#1f232a;--pn2:#262b33;--gr:#343a44;--tx:#e6e1d6;--tx2:#a9b0a0;--ak:#e5bb68;--ak2:#5fb0d8;--mr:#d86a5f;--hj:#6ecb63}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%;background:var(--bg);color:var(--tx);font:14px/1.4 system-ui,"Segoe UI",Inter,sans-serif}
body{display:flex;flex-direction:column}
.atas{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--pn);border-bottom:1px solid var(--gr);flex-wrap:wrap}
.logo{font-weight:700;color:var(--ak);text-decoration:none;white-space:nowrap}.logo span{color:var(--tx2);font-weight:400}
.kontrol{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}
input[type=search],select{background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:6px;padding:6px 8px;font:inherit}
input[type=search]{min-width:190px}
.cek{display:flex;gap:4px;align-items:center;color:var(--tx2)}
.redup{color:var(--tx2)}.kecil{font-size:11px}
button{font:inherit;color:var(--tx);cursor:pointer}
button.teks{background:var(--pn2);border:1px solid var(--gr);border-radius:6px;padding:6px 10px}
button.teks:hover{border-color:var(--ak)}
button.utama{background:var(--ak);color:#201a0c;border-color:var(--ak);font-weight:600}
button.ik-teks{display:inline-flex;gap:6px;align-items:center}
button.ik-teks svg{width:16px;height:16px}
main{flex:1;min-height:0;display:flex;flex-direction:column}
#v-kisi{overflow:auto;padding:12px 14px;flex:1}
#v-editor{display:flex;flex-direction:column;flex:1;min-height:0}
.kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.kartu{position:relative;background:var(--pn);border:1px solid var(--gr);border-radius:8px;padding:6px;text-align:center;display:flex;flex-direction:column;gap:3px}
.kartu:hover{border-color:var(--ak)}
.kartu-gbr{height:84px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#2f333b 0 25%,#3b3f48 0 50%) 0 0/12px 12px;border-radius:4px}
.kartu-gbr img{image-rendering:pixelated;max-width:100%;max-height:100%;object-fit:contain}
.kartu-nama{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kartu-info{font-size:11px;color:var(--tx2)}
.lencana{position:absolute;top:4px;right:4px;display:flex;gap:3px}
.lc{width:9px;height:9px;border-radius:50%;display:inline-block;border:1px solid #0008}.lc.edit{background:var(--hj)}.lc.kunci{background:var(--ak)}
.lagi-baris{text-align:center;padding:12px}
.e-atas{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--pn);border-bottom:1px solid var(--gr);flex-wrap:wrap}
.e-judul{flex:1;min-width:160px}.titik{color:var(--ak)}
.e-asli{display:flex;align-items:center;gap:5px}.e-asli img{height:34px;max-width:80px;image-rendering:pixelated;background:repeating-conic-gradient(#2f333b 0 25%,#3b3f48 0 50%) 0 0/8px 8px;border-radius:3px}
.e-kanvas{flex:1;min-height:0;display:flex}
.pk-rakit{display:flex;flex:1;min-height:0;width:100%}
.pk-alat{width:100px;flex:none;background:var(--pn);border-right:1px solid var(--gr);padding:8px;display:grid;grid-template-columns:repeat(2,34px);justify-content:center;gap:6px;align-content:start;overflow-y:auto;overflow-x:hidden}
.pk-pisah{grid-column:1/-1;height:1px;background:var(--gr);margin:2px 0}
.ik{width:34px;height:34px;padding:5px;display:inline-flex;align-items:center;justify-content:center;background:var(--pn2);border:1px solid var(--gr);border-radius:7px;color:var(--tx)}
.ik svg{width:100%;height:100%}
.ik:hover{border-color:var(--ak);color:#fff}
.ik.aktif{background:#3a3220;border-color:var(--ak);color:var(--ak)}
.ik:disabled{opacity:.35;cursor:default}
.ik.kecil{width:28px;height:28px;padding:4px;font-size:13px}
.pk-tengah{flex:1;min-width:0;display:flex;flex-direction:column;background:#17191e}
.pk-kv{flex:1;min-height:0;width:100%;image-rendering:pixelated;outline:none;touch-action:none}
.pk-info{height:22px;line-height:22px;padding:0 10px;font-size:12px;color:var(--tx2);border-top:1px solid var(--gr);background:var(--pn)}
.pk-kanan{width:216px;flex:none;background:var(--pn);border-left:1px solid var(--gr);padding:8px 10px;overflow:auto}
.pk-judul{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx2);margin:10px 0 5px}
.pk-baris{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.pk-fg,.pk-bg{width:34px;height:34px;border:2px solid var(--gr);border-radius:6px}
.pk-bg{margin-right:-14px;margin-top:10px;z-index:0}.pk-fg{z-index:1;border-color:var(--tx)}
.pk-fg.tembus,.pk-bg.tembus{background:repeating-conic-gradient(#555 0 25%,#999 0 50%) 0 0/8px 8px!important}
.pk-input-warna{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.pk-palet{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}
.pk-palet.kecil{grid-template-columns:repeat(12,1fr)}
.sw{aspect-ratio:1;border:1px solid #0009;border-radius:3px;padding:0;min-height:18px}
.sw:hover{outline:2px solid var(--ak)}
.pk-pras{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.pk-pra{image-rendering:pixelated;background:repeating-conic-gradient(#2f333b 0 25%,#3b3f48 0 50%) 0 0/8px 8px;border-radius:3px;max-width:100%}
.pk-sel-daftar{display:flex;flex-wrap:wrap;gap:3px;margin:6px 0}
.sw-sel{min-width:26px;height:24px;font-size:11px;background:var(--pn2);border:1px solid var(--gr);border-radius:4px}
.sw-sel.aktif{border-color:var(--ak);color:var(--ak)}
.toast-wadah{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:50}
.toast{background:var(--pn2);border:1px solid var(--hj);padding:8px 12px;border-radius:7px;max-width:380px}
.toast.galat{border-color:var(--mr)}
@media(max-width:760px){.pk-kanan{width:150px}.pk-alat{width:100px}}

.im-lapis{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:40;padding:14px}
.im-panel{background:var(--pn);border:1px solid var(--gr);border-radius:10px;max-width:760px;width:100%;max-height:100%;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.im-kepala{display:flex;align-items:center;gap:8px}.im-kepala strong{flex:1}.im-ikon svg{width:20px;height:20px}
.im-zona{border:2px dashed var(--gr);border-radius:8px;padding:12px;text-align:center;color:var(--tx2)}.im-zona.seret{border-color:var(--ak)}
.im-isi{display:flex;gap:14px;flex-wrap:wrap}.im-form{flex:1;min-width:260px;display:flex;flex-direction:column;gap:6px}
.im-baris{display:flex;align-items:center;gap:6px}.im-baris>span:first-child{width:118px;color:var(--tx2);font-size:12px}
.im-baris input[type=number]{width:62px;background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:5px;padding:3px 5px}
.im-pra{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.im-aksi{display:flex;gap:8px;justify-content:flex-end}

.pk-lap-daftar{display:flex;flex-direction:column;gap:3px;margin-top:5px;max-height:150px;overflow:auto}
.pk-lap-baris{display:flex;align-items:center;gap:4px;background:var(--pn2);border:1px solid var(--gr);border-radius:5px;padding:2px 4px;cursor:pointer}
.pk-lap-baris.aktif{border-color:var(--ak);background:#3a3220}.pk-lap-nama{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#v-perabot{display:flex;flex-direction:column;flex:1;min-height:0}
.pb-isi{flex:1;min-height:0;display:flex}
.pb-isi .e-kanvas{flex:1;min-width:0}
.pb-samping{width:310px;flex:none;background:var(--pn);border-left:1px solid var(--gr);padding:8px 10px;overflow:auto}
.pb-baris{display:flex;align-items:center;gap:6px;margin:4px 0}.pb-baris>span:first-child{width:96px;flex:none;color:var(--tx2);font-size:12px}
.pb-baris input[type=text],.pb-baris select,.pb-baris input[type=number]{flex:1;min-width:0;background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:5px;padding:4px 6px;font:inherit}
.pb-bahan{display:flex;gap:4px;margin:3px 0}.pb-bahan input[type=text]{flex:1;min-width:0;background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:5px;padding:3px 5px}
.pb-bahan input[type=number]{width:62px;background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:5px;padding:3px 5px}
.pb-pra{image-rendering:pixelated;border:1px solid var(--gr);border-radius:6px;width:100%;max-width:220px}
.pb-mod{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.pb-item{display:flex;align-items:center;gap:8px;width:100%;margin:3px 0;background:var(--pn2);border:1px solid var(--gr);border-radius:6px;padding:3px 6px;text-align:left}
.pb-item img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}
.cek{display:flex;gap:6px;align-items:center;color:var(--tx);margin:4px 0}
@media(max-width:760px){.pb-samping{width:220px}}

/* ---- login, navigasi, dasbor, pengguna ---- */
.nav{display:flex;gap:4px}
.nav-b{background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 12px;color:var(--tx2)}
.nav-b:hover{color:var(--tx)}.nav-b.aktif{background:var(--pn2);border-color:var(--gr);color:var(--ak)}
.akun-menu{display:flex;gap:8px;align-items:center;margin-left:auto}
.masuk-halaman{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}
.masuk-kartu{background:var(--pn);border:1px solid var(--gr);border-radius:12px;padding:24px;width:min(360px,100%);display:flex;flex-direction:column;gap:12px}
.masuk-kartu h1{margin:0;font-size:22px;color:var(--ak)}.masuk-kartu p{margin:0}
.masuk-kartu label,.form-user{display:flex;flex-direction:column;gap:4px;color:var(--tx2);font-size:13px}
input:not([type=checkbox]),select{background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:6px;padding:8px;font:inherit}
input:focus,select:focus,button:focus-visible{outline:2px solid var(--ak2);outline-offset:1px}
.galat-teks{color:var(--mr);min-height:1.2em;font-size:13px}
.dua-tombol{display:flex;gap:8px;justify-content:flex-end}
.lapis{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}
.halaman{overflow:auto;padding:14px;flex:1}
.dasbor-kepala{display:flex;align-items:baseline;gap:12px}.dasbor-kepala h2{margin:0 0 10px}
.peringatan{background:#3a2f12;border:1px solid var(--ak);border-radius:8px;padding:8px 12px;margin-bottom:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stat-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.stat{background:var(--pn);border:1px solid var(--gr);border-radius:10px;padding:12px}
.stat-n{font-size:28px;font-weight:700;line-height:1.1}.stat-l{color:var(--tx)}.stat.hj .stat-n{color:var(--hj)}.stat.ak .stat-n{color:var(--ak)}.stat.bi .stat-n{color:var(--ak2)}
.grid-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}
.panel-d{background:var(--pn);border:1px solid var(--gr);border-radius:10px;padding:12px}.panel-d.lebar{grid-column:span 2}
@media (max-width:700px){.panel-d.lebar{grid-column:auto}}
.panel-d h3{margin:0 0 8px;font-size:14px;color:var(--tx2);font-weight:600}
.baris-bar{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;gap:8px;align-items:center;margin:4px 0}
.bar{height:8px;background:var(--pn2);border-radius:4px;overflow:hidden}.bar-i{height:100%;background:var(--hj)}
.baris-edit{display:flex;gap:8px;align-items:center;padding:3px 0;border-top:1px solid var(--pn2)}
.baris-edit img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#2f333b 0 25%,#3b3f48 0 50%) 0 0/8px 8px;border-radius:3px}
.baris-edit span{margin-left:auto}.baris-edit .tautan+span{margin-left:auto}
.tautan{background:none;border:0;color:var(--ak2);padding:0;text-align:left;text-decoration:underline;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.baris-aktv{display:flex;gap:8px;padding:2px 0}
.baris-user{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--pn2)}.baris-user b{min-width:90px}
button.bahaya:hover:not(:disabled){border-color:var(--mr);color:var(--mr)}button:disabled{opacity:.4;cursor:not-allowed}

/* ---- topbar dinamis: baris 1 = logo + navigasi + akun; baris 2 = saringan aset (hanya tab Aset) ---- */
.atas{gap:10px 14px;padding:8px 14px}
.atas .logo{order:1}.atas .nav{order:2}.atas .akun-menu{order:3;margin-left:auto}
.atas .kontrol{order:4;flex:1 1 100%;padding-top:8px;border-top:1px solid var(--gr)}
.akun-menu{position:relative;display:block}
.akun-btn{display:flex;align-items:center;gap:8px;background:var(--pn2);border:1px solid var(--gr);border-radius:999px;padding:3px 10px 3px 4px;max-width:220px}
.akun-btn:hover{border-color:var(--ak)}
.avatar{width:26px;height:26px;border-radius:50%;background:var(--ak);color:#201a0c;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.akun-teks{display:flex;flex-direction:column;line-height:1.1;min-width:0;text-align:left}
.akun-teks b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.akun-teks small{font-size:11px}
.panah{color:var(--tx2);font-size:11px}
.akun-pop{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--pn);border:1px solid var(--gr);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:40;box-shadow:0 8px 24px #0008}
.akun-pop-kepala{display:flex;flex-direction:column;padding:6px 8px;border-bottom:1px solid var(--gr);margin-bottom:4px}
.akun-pop button{background:none;border:0;text-align:left;padding:8px;border-radius:6px}.akun-pop button:hover{background:var(--pn2);color:var(--ak)}
@media (max-width:760px){
  .atas{padding:8px 10px}
  .akun-teks,.panah{display:none}.akun-btn{padding:3px}
  .atas .nav{order:5;flex:1 1 100%;overflow-x:auto}.nav-b{flex:1;white-space:nowrap;text-align:center}
  .atas .kontrol{order:6}
  .kontrol input[type=search]{flex:1 1 100%;min-width:0}
}

/* ---- scrollbar kecil, senada tema ---- */
*{scrollbar-width:thin;scrollbar-color:var(--gr) transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--gr);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--ak)}
::-webkit-scrollbar-corner{background:transparent}

/* ---- pintasan cepat di baris atas penyunting ---- */
.e-cepat{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding-left:8px;border-left:1px solid var(--gr)}
.e-cepat .ik,.e-pengaturan .ik{width:30px;height:30px;padding:4px}
.e-cepat .ik:disabled{opacity:.35;cursor:not-allowed}
.e-pengaturan{position:relative}
.cepat-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:260px;max-height:70vh;overflow:auto;background:var(--pn);border:1px solid var(--gr);border-radius:10px;padding:10px;box-shadow:0 8px 24px #0008;display:flex;flex-direction:column;gap:8px}
.cepat-judul{font-weight:600;color:var(--tx2);font-size:13px}
.cepat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}
.cepat-baris{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:5px;cursor:pointer}.cepat-baris:hover{background:var(--pn2)}
.cepat-ik{width:18px;height:18px;display:inline-flex;color:var(--ak)}.cepat-ik svg{width:100%;height:100%}

/* ---- ramah sentuh (tablet/ponsel) ---- */
html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pk-kv,.pk-tengah{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}
@media (pointer:coarse){
  button.teks,.nav-b,.akun-btn{min-height:44px}
  input:not([type=checkbox]),select{min-height:44px;font-size:16px}
  .ik{width:44px;height:44px;padding:7px;border-radius:9px}
  .ik.kecil{width:40px;height:40px;padding:6px}
  .e-cepat .ik,.e-pengaturan .ik{width:42px;height:42px;padding:6px}
  .pk-alat{width:116px;grid-template-columns:repeat(2,44px);gap:8px}
  .pk-kanan{width:240px}
  .sw{min-height:28px}.sw-sel{min-width:36px;height:34px}
  .cepat-baris{padding:8px 6px}
  .kartu-gbr{height:96px}
  .cek input{width:20px;height:20px}
}
/* ponsel / layar sempit: kanvas di atas, panel alat jadi baris geser di atasnya, panel kanan jadi lembar bawah */
@media (max-width:760px){
  .pk-rakit{flex-direction:column}
  .pk-alat{width:auto;max-width:none;flex:none;border-right:0;border-bottom:1px solid var(--gr);grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;overflow-x:auto;overflow-y:hidden;padding:6px 8px}
  .pk-pisah{grid-column:auto;grid-row:1/-1;width:1px;height:auto;margin:0 2px}
  .pk-kanan{width:auto;flex:none;max-height:34vh;border-left:0;border-top:1px solid var(--gr)}
  .e-atas{padding:6px 8px;gap:6px}
  .e-asli{display:none}
  .e-judul{order:9;flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .e-cepat{border-left:0;padding-left:0}
  .halaman{padding:10px}
  .toast-wadah{left:10px;right:10px;bottom:10px}.toast{max-width:none}
}

.atas .pwa-pasang{order:3;margin-left:auto}.pwa-pasang+.akun-menu{margin-left:0}

.masuk-logo{width:78%;max-width:260px;align-self:center;image-rendering:auto}.masuk-kartu h1{text-align:center}.masuk-kartu>p{text-align:center}

/* ---- dok pratinjau (atas / kanan / mengambang) ---- */
.pk-dock{background:var(--pn);border:1px solid var(--gr);display:flex;flex-direction:column;gap:6px;padding:6px 8px;z-index:5}
.pk-dock.atas{border-width:0 0 1px 0;flex:none}
.pk-dock.kanan{border-radius:8px;margin-bottom:8px}
.pk-dock.mengambang{position:absolute;border-radius:10px;box-shadow:0 8px 24px #000a;max-width:calc(100% - 16px)}
.pk-tengah{position:relative}
.pk-dock-kepala{display:flex;gap:4px;align-items:center;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.pk-dock.kanan .pk-dock-kepala{flex-wrap:wrap}
.pk-dock-kepala>*{flex:none}
.pk-dock-kepala .pegang{cursor:grab;touch-action:none}
.pk-mini{background:var(--pn2);color:var(--tx);border:1px solid var(--gr);border-radius:6px;padding:2px 4px;font:inherit;font-size:12px;min-height:28px}
.pk-lbl{font-size:12px;min-width:34px;text-align:center}
.pk-dock-isi{display:flex;gap:12px;align-items:flex-end;overflow:auto;max-height:190px}
.pk-dock.atas .pk-dock-isi{justify-content:center}
.pk-dock-kotak{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}
.pk-cap{font-size:10px}
.pk-dock .pk-pra{border-radius:3px;image-rendering:pixelated;max-width:none}
.lt-kotak .pk-pra{background:repeating-conic-gradient(#2f333b 0 25%,#3b3f48 0 50%) 0 0/8px 8px}
.lt-gelap .pk-pra{background:#101216}
.lt-terang .pk-pra{background:#e6e1d6}
.lt-rumput .pk-pra{background:#4d7c3a}
@media (pointer:coarse){.pk-mini{min-height:40px;font-size:14px}}

/* perbaikan tata letak penyunting: panel tengah boleh menyusut, tak ada limpahan halaman */
#v-editor{min-width:0;overflow:hidden}.e-kanvas{min-width:0;overflow:hidden}
.pk-rakit{overflow:hidden}.pk-tengah{min-height:0}
@media (max-width:760px){.pk-alat{min-width:0;max-width:100%}.pk-dock.atas .pk-dock-isi{max-height:110px}.pk-dock{padding:4px 6px}}

/* ---- ukuran tombol lebih kecil di layar editor (permintaan pemilik) ---- */
.ik{width:28px;height:28px;padding:4px;border-radius:6px}
.ik.kecil{width:24px;height:24px;padding:3px}
.e-cepat .ik,.e-pengaturan .ik{width:26px;height:26px;padding:4px}
.pk-alat{width:92px;grid-template-columns:repeat(2,28px);gap:5px;padding:6px}
.pk-kanan{width:200px;padding:6px 8px}
.pk-fg,.pk-bg{width:28px;height:28px}
.sw{min-height:16px}.sw-sel{min-width:24px;height:22px}
.pk-mini{min-height:24px;font-size:11px;padding:1px 3px}
.e-atas{padding:5px 10px;gap:6px}
.e-atas button.teks{padding:3px 8px;font-size:12px}.e-atas button.ik-teks svg{width:14px;height:14px}
.pk-dock{padding:4px 6px}
@media (pointer:coarse){
  .ik{width:34px;height:34px;padding:5px}.ik.kecil{width:30px;height:30px;padding:4px}
  .e-cepat .ik,.e-pengaturan .ik{width:32px;height:32px}
  .pk-alat{width:100px;grid-template-columns:repeat(2,34px);gap:6px}
  .pk-kanan{width:216px}.pk-fg,.pk-bg{width:32px;height:32px}
  .sw{min-height:22px}.sw-sel{min-width:30px;height:28px}
  .pk-mini{min-height:30px;font-size:13px}
  button.teks{min-height:34px}
}
@media (max-width:760px){
  .pk-alat{width:auto;grid-template-columns:none}
  .pk-kanan{width:auto;max-height:26vh}
  .e-atas button.ik-teks{font-size:0;gap:0;padding:4px 6px}.e-atas button.ik-teks svg{width:18px;height:18px}
  .pk-dock.atas .pk-dock-isi{max-height:96px}
}