:root{--bg: #1c1c1c;--surface: #252525;--surface-raised: #2e2e2e;--border: #3a3a3a;--accent: #c9a84c;--accent-dim: #a88a3a;--text: #e2e2e2;--text-muted: #888;--text-dim: #aaa;--success: #6abf69;--danger: #e07070;--font-mono: "IBM Plex Mono", "Cascadia Code", "Fira Code", monospace;--font-serif: "Source Serif 4", Georgia, serif;--radius: 6px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.serif{font-family:var(--font-serif)}.muted{color:var(--text-muted)}.accent{color:var(--accent)}button{font-family:var(--font-mono);cursor:pointer;border:none;outline:none;transition:background .15s,color .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hljs{background:transparent!important;color:var(--text)!important;font-family:var(--font-mono)!important;font-size:13px!important;line-height:1.7!important}.hljs-comment{color:#6a8a6a!important;font-style:italic}.hljs-keyword{color:#c9a84c!important}.hljs-string{color:#8fbc8f!important}.hljs-number{color:#9eb8d9!important}.hljs-symbol{color:plum!important}.hljs-built_in{color:#87ceeb!important}.hljs-title{color:#e2c97e!important}.hljs-name{color:#87ceeb!important}.org-verbatim{font-family:var(--font-mono);font-size:.9em;background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;padding:0 4px;color:var(--text)}.org-link{color:var(--accent);text-decoration:underline;text-decoration-color:#c9a84c66}.persona-picker-root{padding:48px 24px 60px}.gdpr-banner{padding:14px 24px;padding-bottom:max(14px,env(safe-area-inset-bottom));gap:20px}.gdpr-text{min-width:260px}.code-instructions{padding:14px 16px}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:56px;flex-shrink:0;gap:8px}.app-header-brand{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.app-tagline{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.app-nav{display:flex;gap:4px}.builder-layout{display:flex;height:100%;overflow:hidden}.builder-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}.builder-preview{flex:1;overflow:hidden}.mobile-panel-bar{display:flex;flex-shrink:0;border-bottom:1px solid var(--border)}@media(max-width:640px){.app-header{padding:0 12px;height:auto;min-height:52px;flex-wrap:wrap;row-gap:0}.app-tagline{display:none}.app-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--border);padding:4px 0;gap:2px}.builder-layout{flex-direction:column}.builder-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.builder-sidebar.hidden{display:none}.builder-preview{flex:1;min-height:0}.builder-preview.hidden{display:none}.mobile-panel-bar button{flex:1;padding:11px 16px;font-size:13px;font-family:var(--font-mono);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:500}.mobile-panel-bar button.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface-raised)}.app-nav button{padding:8px 10px}.persona-picker-root{padding:20px 16px 28px}.gdpr-banner{padding:10px 14px;gap:10px}.gdpr-text{min-width:0;font-size:12px}.code-instructions{padding:10px 12px}.code-instructions ol{gap:2px;font-size:11px}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}