.artikel-scope{max-width:1680px}.artikel-scope .tulis-bar{background:var(--bg-white);z-index:20;border:1px solid #0000000f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;padding:8px 14px;display:flex;position:sticky;top:85px;box-shadow:0 4px 15px #00000008}.artikel-scope .tulis-bar .pesan{margin-left:auto}.artikel-scope .tulis-bar .btn-primer{width:auto;padding:10px 26px}.artikel-scope .mode-switch{background:#f4f6f8;border-radius:10px;gap:4px;padding:4px;display:flex}.artikel-scope .mode-opsi input{opacity:0;pointer-events:none;position:absolute}.artikel-scope .mode-opsi span{cursor:pointer;color:var(--text-muted);border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .15s;display:block}.artikel-scope .mode-opsi input:checked+span{background:var(--bg-white);color:var(--color-primary);box-shadow:0 2px 6px #00000012}.artikel-scope .mode-opsi input:focus-visible+span{outline:2px solid var(--color-primary);outline-offset:2px}.artikel-scope .editor-grid{grid-template-columns:210px minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}@media (width<=1280px){.artikel-scope .editor-grid{grid-template-columns:180px minmax(0,1fr) 260px}}@media (width<=980px){.artikel-scope .editor-grid{grid-template-columns:1fr}}.artikel-scope .editor-grid>*{box-sizing:border-box;height:max(100vh - 230px,420px)}.artikel-scope .daftar-panel,.artikel-scope .tulis-panel,.artikel-scope .alat-panel{background:var(--bg-white);border:1px solid #0000000f;border-radius:14px;padding:18px}.artikel-scope .daftar-panel{overflow-y:auto}.artikel-scope .alat-panel{padding:8px 16px 16px;overflow-y:auto}.artikel-scope .tulis-panel{flex-direction:column;display:flex;overflow:hidden}@media (width<=980px){.artikel-scope .editor-grid>*{height:auto;min-height:0}.artikel-scope .daftar-panel{max-height:40vh}}.artikel-scope #pane-tulis,.artikel-scope #pane-pratinjau,.artikel-scope #blok-panjang,.artikel-scope #blok-chat,.artikel-scope #chat-builder,.artikel-scope #wrap-chat-raw{flex-direction:column;flex:1;min-height:0;display:flex}.artikel-scope #pane-pratinjau{display:block;overflow-y:auto}@media (width<=980px){.artikel-scope #pane-tulis,.artikel-scope #pane-pratinjau,.artikel-scope #blok-panjang,.artikel-scope #blok-chat,.artikel-scope #chat-builder,.artikel-scope #wrap-chat-raw{display:block}}.artikel-scope .tab-bar{border-bottom:1px solid #eef2f5;gap:4px;margin:-4px 0 12px;display:flex}.artikel-scope .tab{cursor:pointer;font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:.82rem;font-weight:700}.artikel-scope .tab:hover{color:var(--color-primary)}.artikel-scope .tab.aktif{color:var(--color-primary);border-bottom-color:var(--color-primary)}.artikel-scope .inp-judul{width:100%;font-family:var(--font-judul);color:var(--text-dark);box-sizing:border-box;background:0 0;border:none;outline:none;padding:0;font-size:1.5rem;line-height:1.25}.artikel-scope .inp-judul::placeholder{color:#cbd5e1}.artikel-scope .slug-baris{color:var(--text-muted);border-bottom:1px dashed #e2e8f0;align-items:center;gap:2px;margin:6px 0 12px;padding-bottom:10px;font-size:.78rem;display:flex}.artikel-scope .slug-awalan{white-space:nowrap;opacity:.7}.artikel-scope .inp-slug{min-width:0;font-family:var(--font-body);color:var(--color-primary);background:0 0;border:none;outline:none;flex:1;font-size:.78rem;font-weight:700}.artikel-scope .inp-slug::placeholder,.artikel-scope .inp-judul::placeholder{color:#cbd5e1;font-weight:400}.artikel-scope .badan{resize:none;background:#fcfdfe;border-color:#0000;flex:1;min-height:0;line-height:1.75}.artikel-scope .badan:focus{background:#fff}@media (width<=980px){.artikel-scope .badan{min-height:55vh}}.artikel-scope .cb-list{background:var(--bg-chat-area,#eef7f6);border:1px solid #e2ecea;border-radius:12px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:16px;display:flex;overflow-y:auto}@media (width<=980px){.artikel-scope .cb-list{min-height:45vh}}.artikel-scope .cb-kosong{color:var(--text-muted);margin:auto;font-size:.85rem}.artikel-scope .cb-baris{align-items:flex-start;gap:6px;width:85%;display:flex}.artikel-scope .cb-baris.bot{align-self:flex-start}.artikel-scope .cb-baris.user{flex-direction:row-reverse;align-self:flex-end}.artikel-scope .cb-teks{resize:none;box-sizing:border-box;font-family:var(--font-body);border:none;border-radius:14px;outline:none;flex:1;padding:10px 14px;font-size:.9rem;line-height:1.5;overflow:hidden}.artikel-scope .cb-baris.bot .cb-teks{color:var(--text-dark);border-left:4px solid var(--color-secondary);background:#fff;box-shadow:0 1px 4px #0000000d}.artikel-scope .cb-baris.user .cb-teks{background:var(--color-secondary);color:#fff}.artikel-scope .cb-teks:focus{box-shadow:0 0 0 2px #005b8e40}.artikel-scope .cb-alat{opacity:0;flex-direction:column;gap:3px;transition:opacity .15s;display:flex}.artikel-scope .cb-baris:hover .cb-alat,.artikel-scope .cb-baris:focus-within .cb-alat{opacity:1}.artikel-scope .cb-alat button{cursor:pointer;color:var(--text-muted);background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:3px 7px;font-size:.7rem;line-height:1}.artikel-scope .cb-alat button:hover{color:var(--text-dark);background:#f1f5f8}.artikel-scope .cb-compose{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.artikel-scope .cb-compose .inp{resize:none;flex:1;margin:0;overflow:hidden}.artikel-scope .cb-compose .btn-primer{width:auto;padding:11px 18px}.artikel-scope .cb-sender{cursor:pointer;white-space:nowrap;font-size:.8rem;font-weight:800;font-family:var(--font-body);border:none;border-radius:9px;padding:11px 14px}.artikel-scope .cb-sender.bot{color:var(--color-primary);border:2px solid var(--color-secondary);background:#fff}.artikel-scope .cb-sender.user{background:var(--color-secondary);color:#fff;border:2px solid var(--color-secondary)}.artikel-scope .cb-raw-toggle{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;margin-top:10px;padding:0}.artikel-scope .cb-raw-toggle:hover{color:var(--color-primary)}.artikel-scope .daftar-list{flex-direction:column;gap:6px;margin-top:14px;display:flex}.artikel-scope .daftar-item{text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--text-dark);background:0 0;border:1px solid #0000;border-radius:9px;padding:9px 10px;font-size:.85rem;line-height:1.3}.artikel-scope .daftar-item:hover{background:#f4f8fa}.artikel-scope .daftar-item.aktif{border-color:var(--color-primary);background:#005b8e14;font-weight:700}.artikel-scope .daftar-item small{color:var(--text-muted);margin-top:2px;font-size:.72rem;font-weight:400;display:block}.artikel-scope .alat-panel details{border-bottom:1px solid #f1f4f6}.artikel-scope .alat-panel details:last-child{border-bottom:none}.artikel-scope .alat-panel summary{cursor:pointer;letter-spacing:1px;text-transform:uppercase;color:var(--text-dark);padding:14px 2px;font-size:.72rem;font-weight:800;list-style:none}.artikel-scope .alat-panel summary::-webkit-details-marker{display:none}.artikel-scope .alat-panel summary:after{content:"＋";float:right;color:var(--text-muted);font-weight:400}.artikel-scope .alat-panel details[open] summary:after{content:"−"}.artikel-scope .alat-isi{padding:2px 2px 16px}.artikel-scope .alat-isi label{color:var(--text-dark);margin-bottom:13px;font-size:.76rem;font-weight:700;display:block}.artikel-scope .alat-isi label small{color:var(--text-muted);font-weight:400}.artikel-scope .alat-isi label.cek-baris{align-items:center;gap:8px;font-weight:600;display:flex}.artikel-scope .alat-isi .btn-primer{padding:10px;font-size:.85rem}.artikel-scope .ai-format-status{margin-top:8px;font-size:.75rem;font-weight:700;line-height:1.5;display:block}.artikel-scope .inp{box-sizing:border-box;width:100%;font-family:var(--font-body);color:var(--text-dark);background:#fff;border:2px solid #eef2f5;border-radius:9px;margin-top:5px;padding:10px 12px;font-size:.9rem;font-weight:400}.artikel-scope .inp:focus{border-color:var(--color-primary);outline:none}.artikel-scope .mono{resize:vertical;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.artikel-scope .petunjuk{color:var(--text-muted);margin:-6px 0 14px;font-size:.78rem;line-height:1.6}.artikel-scope .petunjuk code{background:#f1f5f8;border-radius:4px;padding:1px 5px}.artikel-scope .petunjuk.nol{margin:4px 0 0}.artikel-scope .btn-primer{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;padding:11px 22px;font-size:.9rem;font-weight:700}.artikel-scope .btn-primer:disabled{opacity:.55;cursor:wait}.artikel-scope .pesan{font-size:.85rem;font-weight:700}.artikel-scope .pesan.ok{color:#2e8b57}.artikel-scope .pesan.gagal{color:#e74c3c}.artikel-scope .error-alert{color:#e74c3c;background:#fff0f0;border:1px solid #fcd2d2;border-radius:10px;margin-bottom:25px;padding:14px;font-size:.9rem;font-weight:600}.artikel-scope .pv-chat{font-family:var(--font-body);flex-direction:column;gap:10px;font-size:.9rem;display:flex}.artikel-scope .pv-chat div{white-space:pre-wrap;border-radius:14px;max-width:85%;padding:10px 14px;line-height:1.5}.artikel-scope .pv-chat .bot{border-left:4px solid var(--color-secondary);background:#fff;align-self:flex-start}.artikel-scope .pv-chat .user{background:var(--color-secondary);color:#fff;align-self:flex-end}