*{box-sizing:border-box}html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}html[data-theme=dark]{background:#101417}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{letter-spacing:0}textarea{border-radius:0}a{color:inherit}#root{min-height:100vh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell{--bg:#f4f6f8;--bg-soft:#eef2f5;--surface:#fff;--surface-strong:#f9fafb;--surface-muted:#f1f5f9;--text:#18202b;--text-strong:#0f1720;--muted:#667085;--faint:#8b96a7;--border:#d9e1ea;--border-strong:#c3ceda;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#dff7f2;--danger:#b42318;--danger-soft:#fff0ed;--shadow:0 18px 50px #0f172a1a;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:linear-gradient(180deg, #ffffffc7, #fff0), var(--bg);color:var(--text);min-height:100vh;padding:24px}.theme-dark{--bg:#101417;--bg-soft:#161c20;--surface:#1b2227;--surface-strong:#20282e;--surface-muted:#151b20;--text:#dce5ed;--text-strong:#f7fafc;--muted:#a8b3bd;--faint:#7c8893;--border:#2c363d;--border-strong:#3b4851;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#103f3b;--danger:#fb7185;--danger-soft:#451a24;--shadow:0 18px 50px #0000003d;background:linear-gradient(180deg, #ffffff0a, #fff0), var(--bg)}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1440px;margin:0 auto 22px;display:flex}.brand-cluster{align-items:flex-start;gap:14px;display:flex}.brand-mark{background:var(--text-strong);color:var(--surface);font-family:var(--mono);letter-spacing:0;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:800;display:grid;box-shadow:0 10px 24px #0f172a29}.theme-dark .brand-mark{color:#10201f;background:#e9f8f5}.brand-name{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800;line-height:1.1}.topbar h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(1.55rem,2.3vw,2.35rem);font-weight:780;line-height:1.05}.topbar p{margin:6px 0 0}.brand-cluster p:last-child{color:var(--muted);font-size:1rem}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;max-width:520px;display:flex}.approximation-note{color:var(--muted);text-align:right;font-size:.78rem;line-height:1.35}.icon-button,.layout-button,.preview-theme-button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .16s,color .16s,transform .16s,background .16s;display:inline-flex}.icon-button:hover,.layout-button:hover,.preview-theme-button:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.icon-button:focus-visible,.layout-button:focus-visible,.preview-theme-button:focus-visible,.tool-button:focus-visible,.platform-tab:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:2px}.command-bar{justify-content:space-between;align-items:stretch;gap:16px;max-width:1440px;margin:0 auto 14px;display:flex}.platform-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(130px,1fr));gap:4px;width:min(100%,620px);padding:4px;display:grid}.platform-tab{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;min-height:54px;padding:8px 12px;transition:background .16s,border-color .16s,color .16s}.platform-tab span{color:inherit;font-size:.92rem;font-weight:760;line-height:1.2;display:block}.platform-tab small{margin-top:3px;font-size:.72rem;line-height:1.25;display:block}.platform-tab[aria-selected=true]{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 24%, var(--border));color:var(--accent-strong)}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tool-button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:.84rem;font-weight:720;transition:border-color .16s,color .16s,transform .16s,background .16s;display:inline-flex}.tool-button:hover{border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.tool-button.danger{color:var(--danger)}.tool-button.danger:hover{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 28%, var(--border))}.workspace-meta{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto 12px;display:flex}.workspace-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.layout-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;padding:4px;display:flex}.layout-button{background:0 0;border-radius:6px;width:30px;height:30px}.preview-theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;min-height:40px;padding:4px;display:flex}.preview-theme-toggle>span{color:var(--muted);white-space:nowrap;padding:0 8px 0 6px;font-size:.76rem;font-weight:720;line-height:1}.preview-theme-button{background:0 0;border-radius:6px;gap:5px;width:auto;height:30px;padding:0 9px;font-size:.78rem;font-weight:760}.preview-theme-button[aria-pressed=true],.layout-button[aria-pressed=true]{background:var(--text-strong);border-color:var(--text-strong);color:var(--surface)}.status-text{color:var(--muted);margin:0;font-size:.82rem;font-weight:650}.workspace{--workspace-pane-height:clamp(440px, calc(100vh - 300px), 760px);grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:stretch;gap:18px;max-width:1440px;margin:0 auto;display:grid}.workspace.layout-editor,.workspace.layout-preview{--workspace-pane-height:clamp(520px, calc(100vh - 300px), 860px);grid-template-columns:minmax(0,1fr)}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-header{background:var(--surface-strong);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 16px;display:flex}.panel-header h2,.panel-header p{margin:0}.panel-header h2{color:var(--text-strong);letter-spacing:0;font-size:1rem;font-weight:780;line-height:1.2}.panel-header span{color:var(--muted);text-align:right;font-size:.78rem;line-height:1.35}.panel-kicker{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:820;line-height:1.2}.markdown-editor{background:var(--surface);color:var(--text);font-family:var(--mono);height:var(--workspace-pane-height);overscroll-behavior:contain;resize:none;scrollbar-gutter:stable;tab-size:2;border:0;outline:none;flex:auto;width:100%;min-height:0;padding:20px;font-size:.95rem;line-height:1.62;display:block;overflow:auto}.markdown-editor::placeholder{color:var(--faint)}.preview-scroll{background:var(--bg-soft);height:var(--workspace-pane-height);overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:20px;overflow:auto}.preview-scroll-dark{background:#0f1418}.empty-preview{background:var(--surface);border:1px dashed var(--border-strong);color:var(--muted);text-align:center;border-radius:8px;place-content:center;align-items:center;min-height:420px;display:grid}.empty-preview svg{color:var(--accent);justify-self:center;margin-bottom:12px}.empty-preview h2{color:var(--text-strong);margin:0 0 6px;font-size:1.1rem}.empty-preview p{max-width:34ch;margin:0}.empty-preview.platform-preview-dark{color:#8b949e;background:#0d1117;border-color:#30363d}.empty-preview.platform-preview-dark h2{color:#e6edf3}.github-preview{color:#1f2328;background:#fff;border:1px solid #d0d7de;border-radius:6px;min-height:100%;padding:28px}.markdown-body{max-width:880px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.markdown-body>:first-child,.reddit-markdown>:first-child,.discord-markdown>:first-child{margin-top:0}.markdown-body>:last-child,.reddit-markdown>:last-child,.discord-markdown>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2{border-bottom:1px solid #d8dee4;margin:24px 0 16px;padding-bottom:.3em;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em}.markdown-body h2{font-size:1.5em}.markdown-body h3{margin:24px 0 16px;font-size:1.25em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body a{color:#0969da;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body blockquote{color:#57606a;border-left:.25em solid #d0d7de;padding:0 1em}.markdown-body code{background:#afb8c133;border-radius:6px;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%}.markdown-body pre{background:#f6f8fa;border-radius:6px;padding:16px;overflow:auto}.markdown-body pre code{background:0 0;border-radius:0;padding:0;font-size:85%;line-height:1.45;display:block}.preview-code-block{position:relative}.markdown-body .preview-code-block{margin:0 0 16px}.markdown-body .preview-code-block pre{margin:0;padding-right:56px}.code-copy-button{cursor:pointer;z-index:2;justify-content:center;align-items:center;font-family:inherit;transition:background .14s,border-color .14s,color .14s,opacity .14s,transform .14s;display:inline-flex;position:absolute}.preview-code-block .code-copy-button{opacity:0}.preview-code-block:hover .code-copy-button,.preview-code-block .code-copy-button:focus-visible,.preview-code-block .code-copy-button[data-copied=true]{opacity:1}.code-copy-button:focus-visible{outline-offset:2px;outline:3px solid #0969da3d}.preview-code-block-github .code-copy-button{color:#57606a;background:#fff;border:1px solid #d0d7de;border-radius:6px;width:32px;height:32px;top:8px;right:8px}.preview-code-block-github .code-copy-button:hover,.preview-code-block-github .code-copy-button[data-copied=true]{color:#24292f;background:#f3f4f6;border-color:#8c959f}.preview-code-block-github .code-copy-label,.preview-code-block-discord .code-copy-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.markdown-body table{border-collapse:collapse;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body th,.markdown-body td{border:1px solid #d0d7de;padding:6px 13px}.markdown-body tr{background:#fff;border-top:1px solid #d8dee4}.markdown-body tr:nth-child(2n){background:#f6f8fa}.markdown-body hr{background:#d8dee4;border:0;height:.25em;margin:24px 0;padding:0}.markdown-body img{border-radius:6px;max-width:100%}.markdown-body input[type=checkbox]{vertical-align:middle;margin:0 .45em .25em -1.4em}.github-preview.platform-preview-dark{color:#e6edf3;background:#0d1117;border-color:#30363d}.github-preview.platform-preview-dark .markdown-body{color:#e6edf3}.github-preview.platform-preview-dark .markdown-body h1,.github-preview.platform-preview-dark .markdown-body h2{color:#e6edf3;border-bottom-color:#30363d}.github-preview.platform-preview-dark .markdown-body h3{color:#e6edf3}.github-preview.platform-preview-dark .markdown-body a{color:#4493f8}.github-preview.platform-preview-dark .markdown-body blockquote{color:#8b949e;border-left-color:#3d444d}.github-preview.platform-preview-dark .markdown-body code{color:#e6edf3;background:#6e768166}.github-preview.platform-preview-dark .markdown-body pre{background:#161b22}.github-preview.platform-preview-dark .markdown-body pre code{background:0 0}.github-preview.platform-preview-dark .preview-code-block-github .code-copy-button{color:#8b949e;background:#21262d;border-color:#30363d}.github-preview.platform-preview-dark .preview-code-block-github .code-copy-button:hover,.github-preview.platform-preview-dark .preview-code-block-github .code-copy-button[data-copied=true]{color:#e6edf3;background:#30363d;border-color:#8b949e}.github-preview.platform-preview-dark .markdown-body tr{background:#0d1117;border-top-color:#30363d}.github-preview.platform-preview-dark .markdown-body tr:nth-child(2n){background:#161b22}.github-preview.platform-preview-dark .markdown-body th,.github-preview.platform-preview-dark .markdown-body td{border-color:#30363d}.github-preview.platform-preview-dark .markdown-body hr{background:#30363d}.discord-preview{color:#dbdee1;background:#313338;border:1px solid #1e1f22;border-radius:8px;min-height:100%;padding:20px}.discord-preview.platform-preview-light{color:#2e3338;background:#f2f3f5;border-color:#d4d7dc}.discord-message{align-items:flex-start;gap:14px;max-width:900px;margin:0 auto;display:flex}.discord-avatar{color:#fff;background:#23a559;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;margin-top:2px;font-size:1rem;font-weight:800;display:flex}.discord-message-main{min-width:0}.discord-meta{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.discord-name{color:#f2f3f5;font-weight:720}.discord-time{color:#949ba4;font-size:.75rem}.discord-markdown{color:#dbdee1;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.38}.discord-markdown h1,.discord-markdown h2,.discord-markdown h3,.discord-markdown h4{color:#f2f3f5;margin:12px 0 4px;font-size:1rem;font-weight:760;line-height:1.3}.discord-markdown p,.discord-markdown ul,.discord-markdown ol,.discord-markdown pre,.discord-markdown blockquote{margin-top:0;margin-bottom:10px}.discord-markdown ul,.discord-markdown ol{padding-left:22px}.discord-markdown a{color:#00a8fc}.discord-markdown blockquote{color:#dbdee1;border-left:4px solid #4e5058;padding:2px 0 2px 12px}.discord-markdown code{color:#f2f3f5;font-family:var(--mono);background:#2b2d31;border:1px solid #1e1f22;border-radius:4px;padding:.12em .3em;font-size:.88em}.discord-markdown pre{background:#2b2d31;border:1px solid #1e1f22;border-radius:4px;padding:10px;overflow:auto}.discord-markdown pre code{background:0 0;border:0;padding:0;line-height:1.45;display:block}.discord-markdown .preview-code-block{margin:0 0 10px}.discord-markdown .preview-code-block pre{margin:0;padding-right:72px}.preview-code-block-discord .code-copy-button{color:#f2f3f5;background:#4e5058;border:1px solid #5c5f66;border-radius:4px;gap:5px;min-height:28px;padding:0 8px;font-size:.72rem;font-weight:700;top:7px;right:7px}.preview-code-block-discord .code-copy-button:hover,.preview-code-block-discord .code-copy-button[data-copied=true]{color:#fff;background:#5865f2;border-color:#5865f2}.discord-markdown table{font-family:var(--mono);white-space:pre;display:block;overflow:auto}.discord-preview.platform-preview-light .discord-name,.discord-preview.platform-preview-light .discord-markdown h1,.discord-preview.platform-preview-light .discord-markdown h2,.discord-preview.platform-preview-light .discord-markdown h3,.discord-preview.platform-preview-light .discord-markdown h4{color:#060607}.discord-preview.platform-preview-light .discord-time{color:#747f8d}.discord-preview.platform-preview-light .discord-markdown{color:#2e3338}.discord-preview.platform-preview-light .discord-markdown a{color:#0068e0}.discord-preview.platform-preview-light .discord-markdown blockquote{color:#4f5660;border-left-color:#c7ccd1}.discord-preview.platform-preview-light .discord-markdown code,.discord-preview.platform-preview-light .discord-markdown pre{color:#2e3338;background:#e3e5e8;border-color:#d4d7dc}.discord-preview.platform-preview-light .preview-code-block-discord .code-copy-button{color:#4f5660;background:#fff;border-color:#c7ccd1}.discord-preview.platform-preview-light .preview-code-block-discord .code-copy-button:hover,.discord-preview.platform-preview-light .preview-code-block-discord .code-copy-button[data-copied=true]{color:#fff;background:#5865f2;border-color:#5865f2}.discord-preview.platform-preview-light .inline-spoiler{background:#b9bbbe}.discord-preview.platform-preview-light .inline-spoiler:hover,.discord-preview.platform-preview-light .inline-spoiler:focus{color:#2e3338;background:#e3e5e8}.inline-spoiler{color:#0000;cursor:default;background:#202225;border-radius:3px;padding:0 .25em;transition:color .14s,background .14s}.inline-spoiler:hover,.inline-spoiler:focus{color:inherit;background:#2022255c}.inline-underline{text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:.08em}.inline-strike{text-decoration:line-through}.reddit-preview{color:#1c1c1c;background:#dae0e6;border:1px solid #c7cfd8;border-radius:8px;min-height:100%;padding:18px}.reddit-preview.platform-preview-dark{color:#d7dadc;background:#030303;border-color:#343536}.reddit-card{background:#fff;border:1px solid #ccc;border-radius:4px;grid-template-columns:44px minmax(0,1fr);max-width:900px;margin:0 auto;display:grid;overflow:hidden}.reddit-votes{color:#878a8c;text-transform:uppercase;background:#f8f9fa;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;font-size:.62rem;font-weight:700;display:flex}.reddit-votes strong{color:#1c1c1c;font-size:.88rem}.reddit-post{min-width:0;padding:12px 14px 10px}.reddit-meta{color:#787c7e;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:.75rem;display:flex}.reddit-meta span:first-child{color:#1c1c1c;font-weight:700}.reddit-markdown{font-family:Arial,Helvetica,sans-serif;font-size:.95rem;line-height:1.48}.reddit-markdown h1,.reddit-markdown h2,.reddit-markdown h3{color:#1a1a1b;margin:18px 0 10px;font-weight:650;line-height:1.25}.reddit-markdown h1{font-size:1.45rem}.reddit-markdown h2{font-size:1.22rem}.reddit-markdown h3{font-size:1.08rem}.reddit-markdown p,.reddit-markdown ul,.reddit-markdown ol,.reddit-markdown pre,.reddit-markdown blockquote,.reddit-markdown table{margin-top:0;margin-bottom:12px}.reddit-markdown a{color:#0079d3;text-decoration:none}.reddit-markdown a:hover{text-decoration:underline}.reddit-markdown blockquote{color:#4f5458;border-left:4px solid #edeff1;padding-left:12px}.reddit-markdown code{font-family:var(--mono);background:#f6f7f8;border:1px solid #edeff1;border-radius:3px;padding:.12em .32em;font-size:.9em}.reddit-markdown pre{background:#f6f7f8;border:1px solid #edeff1;border-radius:4px;padding:12px;overflow:auto}.reddit-markdown pre code{background:0 0;border:0;padding:0;line-height:1.45;display:block}.reddit-markdown table{border-collapse:collapse;display:block;overflow:auto}.reddit-markdown th,.reddit-markdown td{border:1px solid #edeff1;padding:6px 9px}.reddit-markdown img{border-radius:4px;max-width:100%}.reddit-actions{color:#878a8c;border-top:1px solid #edeff1;flex-wrap:wrap;gap:16px;margin-top:14px;padding-top:10px;font-size:.75rem;font-weight:700;display:flex}.reddit-preview .inline-spoiler{color:#0000;background:#1a1a1b}.reddit-preview .inline-spoiler:hover,.reddit-preview .inline-spoiler:focus{color:#1c1c1c;background:#edeff1}.reddit-preview.platform-preview-dark .reddit-card{background:#1a1a1b;border-color:#343536}.reddit-preview.platform-preview-dark .reddit-votes{color:#818384;background:#161617}.reddit-preview.platform-preview-dark .reddit-votes strong,.reddit-preview.platform-preview-dark .reddit-meta span:first-child,.reddit-preview.platform-preview-dark .reddit-markdown h1,.reddit-preview.platform-preview-dark .reddit-markdown h2,.reddit-preview.platform-preview-dark .reddit-markdown h3,.reddit-preview.platform-preview-dark .reddit-post,.reddit-preview.platform-preview-dark .reddit-markdown{color:#d7dadc}.reddit-preview.platform-preview-dark .reddit-meta,.reddit-preview.platform-preview-dark .reddit-actions{color:#818384}.reddit-preview.platform-preview-dark .reddit-markdown a{color:#4fbcff}.reddit-preview.platform-preview-dark .reddit-markdown blockquote{color:#a5a8aa;border-left-color:#343536}.reddit-preview.platform-preview-dark .reddit-markdown code,.reddit-preview.platform-preview-dark .reddit-markdown pre{color:#d7dadc;background:#272729;border-color:#343536}.reddit-preview.platform-preview-dark .reddit-markdown th,.reddit-preview.platform-preview-dark .reddit-markdown td{border-color:#343536}.reddit-preview.platform-preview-dark .reddit-actions{border-top-color:#343536}.reddit-preview.platform-preview-dark .inline-spoiler{color:#0000;background:#d7dadc}.reddit-preview.platform-preview-dark .inline-spoiler:hover,.reddit-preview.platform-preview-dark .inline-spoiler:focus{color:#d7dadc;background:#343536}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.command-bar{flex-direction:column}.platform-tabs{width:100%}.toolbar{justify-content:flex-start}.workspace{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:14px}.workspace{--workspace-pane-height:min(62vh, 620px)}.topbar,.topbar-actions,.brand-cluster,.workspace-controls,.workspace-meta{flex-direction:column;align-items:flex-start}.topbar{gap:14px}.topbar-actions{max-width:none}.approximation-note{text-align:left}.platform-tabs{grid-template-columns:1fr}.tool-button{flex:calc(50% - 8px);justify-content:center}.preview-theme-toggle{width:100%}.panel-header{flex-direction:column;align-items:flex-start;gap:7px}.panel-header span{text-align:left}.github-preview,.discord-preview,.reddit-preview{padding:14px}.reddit-card{grid-template-columns:34px minmax(0,1fr)}.discord-message{gap:10px}.discord-avatar{width:34px;height:34px}}
