:root[data-theme=midnight]{--bg:#090b13;--panel:#101523;--border:#293247;--muted:#9ba8c0;--text:#e8edf9;--accent-dark:#272843}
:root[data-theme=light]{color-scheme:light;--bg:#f3f6fc;--panel:#fff;--border:#d2dce9;--muted:#50617a;--text:#1b2d47;--accent-dark:#e3eefc}
:root[data-accent=sky]{--accent:#8ecbff;--accent-dark:#21405b}:root[data-accent=violet]{--accent:#c4b0ff;--accent-dark:#393051}:root[data-accent=mint]{--accent:#8ee0c0;--accent-dark:#25483c}:root[data-accent=amber]{--accent:#f2ce8a;--accent-dark:#4b3c25}:root[data-accent=rose]{--accent:#f3aec8;--accent-dark:#4d2e43}
:root[data-font=system] body,:root[data-font=system] :is(button,input,select,textarea){font-family:system-ui,"Segoe UI",Arial,sans-serif}
:root[data-theme=light][data-accent=sky]{--accent:#276998}:root[data-theme=light][data-accent=violet]{--accent:#7450b0}:root[data-theme=light][data-accent=mint]{--accent:#26715b}:root[data-theme=light][data-accent=amber]{--accent:#805b13}:root[data-theme=light][data-accent=rose]{--accent:#9f4269}
:root[data-theme] body{background:var(--bg);color:var(--text)}:root[data-theme] .button.primary{background:var(--accent);color:#102033}:root[data-theme] :is(.eyebrow,.text-button,.nav-dirty){color:var(--accent)}:root[data-theme] .primary:hover{filter:brightness(1.08)}
:root[data-theme=light] :is(.sidebar,.topbar,.home-nav,.home-page,.welcome,.home-footer){background:#f8faff;border-color:var(--border);color:var(--text)}
:root[data-theme=light] .button.primary{color:#fff}
:root[data-theme=light] :is(.section-module-bar,.module-setup-hint){background:#e9f1fc;border-color:#c1d2e7;color:#244464}:root[data-theme=light] :is(.section-module-bar strong,.section-module-bar p,.choice-picker summary,.choice-picker summary span,details.panel summary){color:var(--text)}
:root[data-theme=light] .field input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}:root[data-theme=light] .field input[type=checkbox]:checked:before{background:#fff}:root[data-theme=light] .appearance-preview .badge{background:#5865f2;color:#fff}
:root[data-theme=light] :is(.panel,.summary,.module-card,.server-card,.quick-start>a,.quick-start>button,.starter-card,.automatic-card,.module-workspace,.tool-record,.tool-preview,.builder-editor,.builder-list,.builder-preview,.case-card,.queue-card,.editor-panel,.catalogue-card,.economy-card,.choice-panel,.role-choice,.setup-callout,.starter-dialog,.overview-summary,.overview-start,.welcome-roles-callout){background:var(--panel);border-color:var(--border);color:var(--text);box-shadow:0 4px 18px #31446907}
:root[data-theme=light] :is(input,select,textarea,.readonly-value,.choice-picker,.secondary,#server-select,.subtle-tag,.badge){background:#f0f4fa;border-color:#b9c9dc;color:var(--text)}
:root[data-theme=light] :is(.field-label,.breadcrumb strong,.module-card h3,.panel h2,.tool-record strong,.page-heading h1,#section-nav button,.server-label,.nav-heading,.summary strong,.quick-start strong,.account){color:var(--text)}
:root[data-theme=light] :is(.muted,.field-help,.form-note,.breadcrumb,.summary span,.module-card>p,.welcome-content>p,.module-workspace>p,.home-lead,.home-footer p,.home-footer a){color:var(--muted)}
:root[data-theme=light] :is(.field,.tool-form,.tool-route,.sidebar-footer,.topbar,.savebar){border-color:var(--border)}:root[data-theme=light] :is(.savebar,.choice-panel,.notice){background:#e9f2ff;color:#244464;border-color:#bdcfe3}:root[data-theme=light] .notice.error{background:#fff0eb;color:#743f31}:root[data-theme=light] #section-nav button.active{background:#e4edfb;color:#294368}:root[data-theme=light] :is(.wordmark,.home-wordmark){color:#225d91}
:root[data-theme=midnight] :is(.sidebar,.topbar){background:#0c101c;border-color:var(--border)}:root[data-theme=midnight] :is(.panel,.module-card,.module-workspace,.summary,.tool-record,.automatic-card){background:#121a2b;border-color:var(--border)}
:root[data-density=compact] :is(.panel,.module-card,.tool-record){padding:16px}:root[data-density=compact] .field{padding-top:13px;padding-bottom:13px}:root[data-density=compact] .workspace{padding-top:24px}:root[data-density=compact] .module-grid{gap:12px}
.appearance-shell{max-width:1100px;margin:auto;padding:32px clamp(18px,4vw,44px) 64px}.appearance-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px}.appearance-heading{max-width:760px;margin:0 0 30px}.appearance-heading h1{font-size:clamp(30px,4vw,44px);font-weight:700}.appearance-heading p{line-height:1.8}.appearance-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.appearance-shell .panel h2{font-size:21px}.appearance-shell .panel p{line-height:1.7}.appearance-shell label{display:flex;flex-direction:column;gap:8px;margin:18px 0}.appearance-shell :is(input,select){width:100%}.appearance-shell input[type=color]{height:48px;padding:5px;max-width:100px}.appearance-palette{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.appearance-palette button{height:40px;width:40px;border-radius:50%;border:3px solid transparent;font-size:0;box-shadow:0 0 0 1px var(--border)}.appearance-palette button[aria-pressed=true]{border-color:var(--text);outline:3px solid var(--bg)}.swatch-sky{background:#8ecbff}.swatch-violet{background:#c4b0ff}.swatch-mint{background:#8ee0c0}.swatch-amber{background:#f2ce8a}.swatch-rose{background:#f3aec8}.appearance-preview{background:#202334;color:#edf0fa;border:1px solid #404761;border-radius:14px;padding:22px;margin:20px 0}.appearance-preview .message-author{display:flex;align-items:center;gap:12px}.appearance-preview img{width:42px;height:42px}.appearance-preview .embed-card{border-left:4px solid #5865f2;background:#292d43;border-radius:5px;padding:18px;margin:16px 0 0 52px;overflow-wrap:anywhere}.appearance-preview .embed-card p{color:#c7cee2}.appearance-preview .embed-card footer{font-size:12px;color:#aab4ce}.appearance-preview .badge{margin-left:8px;background:#5865f2;color:white}.appearance-shell .notice{margin:18px 0}.appearance-scope{padding:12px 16px;background:var(--accent-dark);border-radius:9px;color:#dceaff;font-size:13px}:root[data-theme=light] .appearance-scope{background:#e3eefc;color:#29486a}
@media(max-width:720px){.appearance-grid{grid-template-columns:1fr}.appearance-shell{padding-top:20px}.appearance-top{flex-wrap:wrap}.appearance-preview{padding:16px}.appearance-preview .embed-card{margin-left:0}.appearance-shell .button{white-space:normal}}