.console-pilihan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.ruang-intro{margin:20px 0}.ruang-intro h2{font-size:22px;margin:0}.ruang-intro p{font-size:13px;color:var(--teks-3);margin-top:5px}
.console-peringatan.peringatan{display:block;font-weight:400;line-height:1.7}.console-peringatan b{white-space:nowrap}
.ruang-intro~.kartu+.kartu,.project-workbench{margin-top:18px}
.otak-tabel small{display:block;margin-top:5px;color:var(--teks-3);font-size:11px}
.console-pilihan label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--teks-2)}
.server-terminal{background:#101820;border:1px solid var(--garis-kuat);padding:16px;height:540px;border-radius:8px;margin-top:20px;overflow:hidden}
.server-terminal .xterm{height:100%}
.project-workbench{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:580px;border:1px solid var(--garis);border-radius:8px;background:var(--permukaan);overflow:hidden}
.project-tree{padding:14px;border-right:1px solid var(--garis);overflow:auto;max-height:720px}
.project-tree .kode{overflow-wrap:anywhere;font-size:11px}
.project-file{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;border-radius:4px;background:transparent;color:var(--teks);padding:7px;font:12px ui-monospace,monospace;cursor:pointer}
.project-file span{overflow-wrap:anywhere;min-width:0}.project-file:hover{background:var(--aksen-lembut)}
.project-preview{min-width:0}.project-preview>div{padding:14px 18px;border-bottom:1px solid var(--garis);font:12px ui-monospace,monospace;overflow-wrap:anywhere}
.project-preview pre{padding:18px;margin:0;overflow:auto;max-height:660px;font:12px/1.8 ui-monospace,monospace;tab-size:4}
.otak-pemakaian{display:flex;flex-wrap:wrap;gap:24px;padding:14px 0;border-bottom:1px solid var(--garis)}
.otak-tabel select{font-size:12px;min-width:150px}.otak-tabel td:first-child{min-width:190px}
.otak-bagian{display:flex;gap:8px;margin-bottom:16px}.job-ai{margin:10px 0 16px;padding:12px 14px;border:1px solid var(--garis);border-radius:10px}.job-ai summary{cursor:pointer;font-size:13px}.job-ai summary span{color:var(--teks-3);font-size:12px}.job-ai[open] summary{margin-bottom:12px}.job-ai select{min-width:140px;font-size:12px}.otak-tabel select{max-width:260px;width:100%}details.kartu>summary{cursor:pointer;font-weight:600}details.kartu[open]>summary{margin-bottom:16px}details.kartu>.kartu{padding:0;box-shadow:none;border:0}
@media(max-width:800px){.console-pilihan{grid-template-columns:1fr 1fr}.project-workbench{grid-template-columns:1fr}.project-tree{max-height:260px;border-right:0;border-bottom:1px solid var(--garis)}.server-terminal{height:420px;padding:8px}}