.np-config-workbench { margin-top:24px; border:1px solid #315066; border-radius:20px; background:#0c1723; overflow:clip; }
.np-workbench-heading { padding:24px; border-bottom:1px solid #315066; background:linear-gradient(125deg,#102b3b,#151b31); }
.np-workbench-heading h3 { font-size:clamp(22px,3vw,30px); margin:9px 0; }
.np-eyebrow { color:#77e6ef; font-size:12px; font-weight:700; letter-spacing:.1em; }
.np-workbench-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; }
.np-workbench-form { min-width:0; padding:22px; }
.np-workbench-form > .setup-section { margin:18px 0; padding:18px; }
.np-workbench-models h4 { margin:0 0 8px; font-size:20px; }
.np-workbench-models .profile-gallery,.np-workbench-models .office-profile-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.np-workbench-models button { padding:12px; border-radius:12px; min-width:0; text-align:left; white-space:normal; }
.np-model-sketch { display:flex; flex-direction:column; gap:4px; padding:10px; background:#080f19; border:1px solid #33485a; border-radius:8px; color:#a9bbca; font-size:10px; line-height:1.4; width:100%; box-sizing:border-box; font-weight:400; }
.np-model-sketch span { display:block; overflow-wrap:anywhere; }
.np-sketch-category { color:#7ce3ed; font-weight:700; margin-top:4px; }
.np-discord-preview { position:sticky; top:20px; min-width:0; margin:22px 22px 22px 0; padding:20px; background:#151922; border:1px solid #3c465c; border-radius:16px; max-height:calc(100vh - 40px); overflow:auto; }
.np-preview-label { font-size:10px; letter-spacing:.08em; font-weight:700; color:#9dabc3; }
.np-preview-server { margin:16px 0 8px; font-size:20px; overflow-wrap:anywhere; }
.np-preview-caption { font-size:13px; color:#9adce6; }
.np-preview-tree { display:grid; gap:12px; }
.np-preview-category { background:#10141d; border-radius:10px; padding:12px; min-width:0; }
.np-preview-category strong { display:block; margin-bottom:8px; color:#a9b4c7; font-size:12px; overflow-wrap:anywhere; }
.np-preview-channel { padding:5px 8px; color:#ccd3e0; border-radius:5px; overflow-wrap:anywhere; font-size:13px; }
.np-preview-channel:nth-child(2) { background:#29303f; color:#fff; }
.np-preview-conversation { margin-top:20px; }
.np-preview-conversation h5 { font-size:15px; border-top:1px solid #394253; padding-top:16px; }
.np-preview-bubble { border-left:3px solid #7de7ef; padding:14px; border-radius:8px; background:#202838; }
.np-preview-bubble strong { font-size:13px; color:#87e6ef; }
.np-preview-bubble p { margin:9px 0 0; color:#e0e7f1; white-space:pre-wrap; overflow-wrap:anywhere; }
.np-preview-footnote { font-size:12px; color:#acb9ca; line-height:1.6; margin-top:20px; }
.np-preview-error { color:#ffb8b8; overflow-wrap:anywhere; }
.np-security-status { border:1px solid #455168; border-radius:10px; padding:12px; overflow-wrap:anywhere; }
.np-example-request { color:#b6c5d8; overflow-wrap:anywhere; }
.np-config-workbench [hidden] { display:none!important; }
.np-config-workbench .profile-example,.np-config-workbench .office-profile-example { display:none; }
.np-config-workbench button:focus-visible { outline:3px solid #a3f2f5; outline-offset:3px; }
@media(max-width:1050px) { .np-workbench-layout { grid-template-columns:minmax(0,1fr); } .np-discord-preview { position:static; margin:0 22px 22px; max-height:none; } }
@media(max-width:600px) { .np-workbench-heading,.np-workbench-form { padding:14px; } .np-workbench-form > .setup-section { padding:12px; } .np-workbench-models .profile-gallery,.np-workbench-models .office-profile-gallery { grid-template-columns:1fr; } .np-discord-preview { margin:0 14px 14px; padding:14px; } }

@media(min-width:1051px) { .np-workbench-form { max-height:calc(100vh - 240px); overflow:auto; scrollbar-gutter:stable; } }
.np-preview-modes { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.np-preview-modes button { padding:8px 10px; font-size:12px; }
.np-preview-modes button[aria-pressed=true] { border:2px solid #7de7ef; }

.guild:has(.np-config-workbench) { min-width:0; }
.np-workbench-form > *, .np-config-workbench .discord-builder, .np-config-workbench .office-records { min-width:0; overflow-wrap:anywhere; }

.np-existing-module-targets { padding:16px; border:1px solid #3c647d; border-radius:14px; margin:14px 0; }
.np-existing-module-targets label { display:flex; flex-direction:column; gap:6px; margin:12px 0; }
.np-existing-module-targets [hidden] { display:none!important; }

.np-catalog-choice { border:1px solid #3c647d; border-radius:12px; padding:14px; margin-bottom:20px; }
.np-catalog-choice label { display:flex; gap:10px; align-items:center; margin:10px 0; }
[data-catalog-choice=without] [data-game-zone] { display:none; }
.guild[data-catalog-choice=without] .setup-section:has([data-game-zone]) { display:none; }
