:root{--bg:#f4f6fa;--panel:#fff;--panel-2:#eef2f7;--garis:#d9dfe8;--teks:#1b2430;--teks-2:#5a6678;--utama:#2457c5;--utama-teks:#fff;--utama-lembut:#e3ecfd;--sukses:#1f8a4c;--sukses-lembut:#e3f4ea;--bahaya:#c62839;--bahaya-lembut:#fde8eb;--peringatan:#b86e00;--peringatan-lembut:#fff2d9;--kode-bg:#111722;--kode-teks:#e4e9f1;--kode-no:#6c7a91;--k-kata:#ff8fb3;--k-var:#8ec3ff;--k-angka:#ffcf70;--k-teks:#9be3a8;--k-op:#cbd5e6;--k-fungsi:#d6b3ff;--k-komentar:#7a8aa3;--bayang:0 1px 2px #0f192d14, 0 4px 14px #0f192d0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-tema=gelap]{--bg:#0f141c;--panel:#171e29;--panel-2:#1e2736;--garis:#2b3547;--teks:#e6eaf1;--teks-2:#98a4b8;--utama:#6c9bff;--utama-teks:#0b1220;--utama-lembut:#1c2a4a;--sukses:#4ccb85;--sukses-lembut:#17301f;--bahaya:#ff7b88;--bahaya-lembut:#3a1c22;--peringatan:#f5b350;--peringatan-lembut:#38280f;--bayang:0 1px 2px #0006, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--teks);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--utama);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5em;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 .75em}code,pre,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.wadah{max-width:1180px;margin:0 auto;padding:20px 16px 48px}.wadah-lebar{max-width:1500px;margin:0 auto;padding:12px 12px 24px}.bar{z-index:30;background:var(--panel);border-bottom:1px solid var(--garis);align-items:center;gap:14px;min-height:52px;padding:8px 16px;display:flex;position:sticky;top:0}.bar .merek{letter-spacing:.2px;color:var(--teks);align-items:center;gap:8px;font-weight:700;display:flex}.bar .merek:hover{text-decoration:none}.logo{background:var(--utama);width:28px;height:28px;color:var(--utama-teks);border-radius:8px;justify-content:center;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:14px;font-weight:800;display:inline-flex}.bar nav{flex-wrap:wrap;gap:4px;display:flex}.bar nav a{color:var(--teks-2);border-radius:8px;padding:6px 10px;font-weight:600}.bar nav a:hover{background:var(--panel-2);text-decoration:none}.bar nav a.aktif{background:var(--utama-lembut);color:var(--utama)}.bar .spasi{flex:1}.pengguna-info{color:var(--teks-2);text-align:right;font-size:13px;line-height:1.25}.pengguna-info b{color:var(--teks);font-size:14px;display:block}.kartu{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--bayang);border-radius:12px;padding:16px}.kartu+.kartu{margin-top:14px}.kartu-judul{align-items:center;gap:10px;margin-bottom:10px;display:flex}.kartu-judul h2,.kartu-judul h3{margin:0}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.baris{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.baris-rapat{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spasi-isi{flex:1}.teks-2{color:var(--teks-2)}.kecil{font-size:13px}.tebal{font-weight:700}.tengah{text-align:center}.mt{margin-top:14px}.mt-s{margin-top:8px}.tombol{appearance:none;border:1px solid var(--garis);background:var(--panel);color:var(--teks);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-weight:600;line-height:1.2;display:inline-flex}.tombol:hover:not(:disabled){background:var(--panel-2);text-decoration:none}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol.utama{background:var(--utama);border-color:var(--utama);color:var(--utama-teks)}.tombol.utama:hover:not(:disabled){filter:brightness(1.08);background:var(--utama)}.tombol.sukses,.tombol.sukses:hover:not(:disabled){background:var(--sukses);border-color:var(--sukses);color:#fff}.tombol.sukses:hover:not(:disabled){filter:brightness(1.1)}.tombol.bahaya{color:var(--bahaya);border-color:var(--bahaya)}.tombol.kecil{border-radius:7px;padding:4px 10px;font-size:13px}.tombol.polos{background:0 0;border-color:#0000}input[type=text],input[type=number],input[type=datetime-local],input[type=search],select,textarea{font:inherit;color:var(--teks);background:var(--panel);border:1px solid var(--garis);border-radius:8px;width:100%;padding:7px 10px}textarea{resize:vertical;min-height:70px;font-family:inherit}textarea.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}input:focus,select:focus,textarea:focus,.tombol:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--utama);outline-offset:1px}label.isian{color:var(--teks-2);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.bidang{margin-bottom:12px}.bidang .petunjuk{color:var(--teks-2);margin-top:3px;font-size:12.5px}.chip{background:var(--panel-2);color:var(--teks-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-flex}.chip.biru{background:var(--utama-lembut);color:var(--utama)}.chip.hijau{background:var(--sukses-lembut);color:var(--sukses)}.chip.merah{background:var(--bahaya-lembut);color:var(--bahaya)}.chip.kuning{background:var(--peringatan-lembut);color:var(--peringatan)}.pesan{border:1px solid var(--garis);background:var(--panel-2);border-radius:10px;margin-bottom:12px;padding:10px 14px}.pesan.galat{background:var(--bahaya-lembut);border-color:var(--bahaya);color:var(--bahaya)}.pesan.sukses{background:var(--sukses-lembut);border-color:var(--sukses);color:var(--sukses)}.pesan.peringatan{background:var(--peringatan-lembut);border-color:var(--peringatan);color:var(--peringatan)}table.tabel{border-collapse:collapse;width:100%;font-size:14px}table.tabel th,table.tabel td{text-align:left;border-bottom:1px solid var(--garis);vertical-align:top;padding:8px 10px}table.tabel th{color:var(--teks-2);text-transform:uppercase;letter-spacing:.4px;background:var(--panel-2);font-size:12.5px}table.tabel tr:hover td{background:var(--panel-2)}.tabel-gulir{overflow-x:auto}.tab{border-bottom:1px solid var(--garis);flex-wrap:wrap;gap:2px;margin-bottom:10px;display:flex}.tab button{appearance:none;color:var(--teks-2);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:8px 9px;font-size:14px;font-weight:600}.tab button.aktif{color:var(--utama);border-bottom-color:var(--utama)}.tab button .lencana{margin-left:6px}.batang{background:var(--panel-2);border-radius:99px;height:8px;overflow:hidden}.batang>div{background:var(--utama);height:100%}.batang.hijau>div{background:var(--sukses)}.kosong-info{text-align:center;color:var(--teks-2);padding:32px 12px}.pemuat{color:var(--teks-2);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.spinner{border:3px solid var(--garis);border-top-color:var(--utama);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite putar}@keyframes putar{to{transform:rotate(360deg)}}.latar-modal{z-index:80;background:#080c148c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--garis);width:100%;max-width:760px;max-height:90vh;box-shadow:var(--bayang);border-radius:14px;padding:20px;overflow:auto}.ruang{grid-template-columns:minmax(0,1fr) 440px;gap:12px;height:calc(100vh - 128px);min-height:520px;display:grid}.ruang-kiri{flex-direction:column;min-width:0;min-height:0;display:flex}.ruang-kanan{background:var(--panel);border:1px solid var(--garis);border-radius:12px;flex-direction:column;min-width:0;min-height:0;padding:10px;display:flex}.ruang-kanan .isi-tab{flex:1;min-height:0;overflow:auto}.blockly-wadah{border:1px solid var(--garis);isolation:isolate;z-index:0;border-radius:12px;flex:1;height:100%;min-height:420px;position:relative;overflow:hidden}.blockly-wadah>.injectionDiv{inset:0;width:auto!important;height:auto!important;position:absolute!important}.blockly-wadah.tinggi-tetap{flex:none;height:520px}.cari-blok{gap:8px;margin-bottom:8px;display:flex}.ruang-kepala{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ruang-kepala h1{margin:0;font-size:1.15rem}.kode{background:var(--kode-bg);color:var(--kode-teks);border-radius:10px;padding:10px 0;font-size:13.5px;line-height:1.6;overflow:auto}.kode .baris-kode{white-space:pre;padding:0 12px 0 0;display:flex}.kode .baris-kode.aktif{background:#50c8782e}.kode .baris-kode.galat{background:#ff5a6e2e}.kode .no{text-align:right;width:38px;color:var(--kode-no);-webkit-user-select:none;user-select:none;flex:none;padding-right:12px}.kode .k-kata_kunci{color:var(--k-kata);font-weight:700}.kode .k-var{color:var(--k-var)}.kode .k-angka{color:var(--k-angka)}.kode .k-teks{color:var(--k-teks)}.kode .k-op{color:var(--k-op)}.kode .k-fungsi{color:var(--k-fungsi)}.kode .k-komentar{color:var(--k-komentar);font-style:italic}.kode .k-kosong{color:#ff7b88;font-weight:700}.masalah{margin:0;padding:0;list-style:none}.masalah li{cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;padding:7px 8px;display:flex}.masalah li:hover{background:var(--panel-2)}.ikon-m{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:800;display:inline-flex}.ikon-m.galat{background:var(--bahaya)}.ikon-m.peringatan{background:var(--peringatan)}.ikon-m.info{background:var(--teks-2)}.ikon-m.ok{background:var(--sukses)}.status-valid{border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.status-valid.ok{background:var(--sukses-lembut);color:var(--sukses)}.status-valid.err{background:var(--bahaya-lembut);color:var(--bahaya)}.status-valid.warn{background:var(--peringatan-lembut);color:var(--peringatan)}.hasil-kasus{border:1px solid var(--garis);border-radius:10px;margin-bottom:8px;padding:8px 10px}.hasil-kasus.lulus{border-color:var(--sukses)}.hasil-kasus.gagal{border-color:var(--bahaya)}.hasil-kasus pre{background:var(--panel-2);white-space:pre-wrap;border-radius:6px;max-height:130px;margin:4px 0 0;padding:6px 8px;font-size:12.5px;overflow:auto}.skor-besar{font-size:2.2rem;font-weight:800;line-height:1}.tabel-var{border-collapse:collapse;width:100%;font-size:13px}.tabel-var td,.tabel-var th{border-bottom:1px solid var(--garis);text-align:left;padding:3px 8px}.keluaran-prog{background:var(--kode-bg);color:var(--kode-teks);white-space:pre-wrap;border-radius:8px;min-height:52px;max-height:180px;margin:4px 0 0;padding:8px 10px;font-size:13px;overflow:auto}.deskripsi{white-space:pre-wrap}.petunjuk-kotak{border:1px dashed var(--garis);background:var(--panel-2);border-radius:10px;margin-bottom:8px;padding:8px 10px}.ps-galat>.blocklyPath,.ps-galat>.blocklyPathDark{stroke:#e11d48!important;stroke-width:3px!important}.ps-peringatan>.blocklyPath{stroke:#f59e0b!important;stroke-width:3px!important}.ps-lepas>.blocklyPath{stroke-dasharray:6 4;opacity:.85;stroke:#94a3b8!important;stroke-width:2px!important}.ps-aktif>.blocklyPath{filter:drop-shadow(0 0 6px #22c55e);stroke:#22c55e!important;stroke-width:4px!important}@media (max-width:1000px){.ruang{grid-template-columns:1fr;height:auto}.blockly-wadah{min-height:420px}.ruang-kanan{min-height:360px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media print{.bar,.tidak-dicetak,.tombol{display:none!important}body{color:#000;background:#fff}.kartu{box-shadow:none;border-color:#999}.kode{color:#000;background:#fff;border:1px solid #999}.kode .k-kata_kunci,.kode .k-var,.kode .k-angka,.kode .k-teks,.kode .k-op,.kode .k-fungsi,.kode .k-komentar{color:#000}.kode .no{color:#666}}.bar-simpan{z-index:40;position:sticky;bottom:8px}.petunjuk{color:var(--teks-2);margin-top:3px;font-size:12.5px}.catatan-layar-kecil{display:none}@media (max-width:700px){.bar{flex-wrap:wrap;gap:6px 10px;padding:8px 12px}.bar nav{order:3;width:100%}.pengguna-info{display:none}.wadah,.wadah-lebar{padding-left:10px;padding-right:10px}.catatan-layar-kecil{display:block}.ruang-kepala h1{font-size:1rem}}