@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--text-primary:#21160c;--text-muted:#64452d;--surface-card:#ffffffdb;--surface-panel:#fffcf6;--card-highlight:#fff4e3b8;--border-color:#5a381833;--focus-ring:#c674249e;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7efe5;font-family:Space Grotesk,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 85% 8%,#ffc77a57 0%,#0000 34%),radial-gradient(circle at 8% 14%,#ffefd4c7 0%,#0000 46%),linear-gradient(160deg,#f7efe5,#efddc3);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#app{width:100%}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.workspace-meta[data-v-9109ae84]{flex-wrap:wrap;gap:8px;display:flex}.workspace-meta span[data-v-9109ae84]{border:1px solid var(--border-color);background:var(--card-highlight);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.workspace[data-v-9109ae84]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1024px){.workspace[data-v-9109ae84]{grid-template-columns:1fr}}.stream-layout[data-v-be02391d]{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;display:grid}.stream-control-pane[data-v-be02391d],.stream-output-pane[data-v-be02391d]{min-height:640px}.stream-form[data-v-be02391d]{flex-direction:column;gap:14px;display:flex}.field[data-v-be02391d]{flex-direction:column;gap:6px;display:flex}.field span[data-v-be02391d]{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.field input[data-v-be02391d],.field textarea[data-v-be02391d]{border:1px solid var(--border-color);background:var(--surface-panel);width:100%;font:inherit;color:var(--text-primary);border-radius:12px;padding:10px 12px}.field textarea[data-v-be02391d]{resize:vertical;line-height:1.5}.field input[data-v-be02391d]:focus,.field textarea[data-v-be02391d]:focus{outline:2px solid var(--focus-ring);border-color:#0000}.field-inline[data-v-be02391d]{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.toggle-button[data-v-be02391d]{white-space:nowrap}.actions[data-v-be02391d]{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.actions button[data-v-be02391d]{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fefaf3;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.actions button.primary[data-v-be02391d]{color:#fff3d8;background:#1e1a12;border-color:#1e1a12}.actions button[data-v-be02391d]:disabled{opacity:.45;cursor:not-allowed}.hint[data-v-be02391d]{color:var(--text-muted);margin:12px 0 0;font-size:12px}.stream-stats[data-v-be02391d]{flex-wrap:wrap;gap:8px;display:flex}.stream-stats span[data-v-be02391d]{border:1px solid var(--border-color);background:var(--card-highlight);color:var(--text-muted);border-radius:999px;padding:6px 10px;font-size:12px}.error-box[data-v-be02391d]{color:#b5221d;white-space:pre-wrap;background:#fff0ee;border:1px solid #f5aaa3;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:13px}.preview-shell[data-v-be02391d]{border:1px solid var(--border-color);background:#fffdf8;border-radius:14px;flex:1;min-height:0;padding:8px 12px 16px;overflow:auto}.stream-preview[data-v-be02391d]{min-height:480px}.empty-state[data-v-be02391d]{border:1px dashed var(--border-color);min-height:320px;color:var(--text-muted);background:#ffffffa8;border-radius:14px;flex:1;place-items:center;display:grid}@media (max-width:1100px){.stream-layout[data-v-be02391d]{grid-template-columns:1fr}.stream-control-pane[data-v-be02391d],.stream-output-pane[data-v-be02391d]{min-height:unset}}.page{flex-direction:column;gap:20px;min-height:100vh;padding:32px clamp(18px,4vw,52px) 56px;display:flex}.hero{background:linear-gradient(128deg,#ffffffe0 0%,#fff2e0f0 48%,#ffe7ccf2 100%);border:1px solid #ffffffe6;border-radius:22px;justify-content:space-between;gap:22px;padding:24px 28px;display:flex;box-shadow:0 16px 36px #2614021f}.hero-actions{align-items:flex-start;gap:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#7b3b00;margin:0;font-size:11px;font-weight:700}h1{color:var(--text-primary);margin:6px 0 0;font-size:clamp(26px,3.2vw,40px)}.subtitle{max-width:660px;color:var(--text-muted);margin:8px 0 0;font-size:15px}.page-tabs{border:1px solid var(--border-color);background:#ffffffbf;border-radius:14px;gap:8px;margin-top:16px;padding:6px;display:inline-flex}.page-tab{color:#5b3b22;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:700}.page-tab.active{color:#ffeecf;background:#19140e;border-color:#19140e}.language-switch{background:#fff8ecd9;border:1px solid #7c3f0026;border-radius:14px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.language-label{color:#7c3f00;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.language-buttons{gap:8px;display:flex}.language-button{color:#5c3a1c;cursor:pointer;letter-spacing:.04em;background:#fffdf8;border:1px solid #1c120833;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.language-button:hover{background:#fce6c8}.language-button.active{color:#fff1dc;background:#1b120a;border-color:#1b120a}.badge{color:#fff1dc;letter-spacing:.08em;text-transform:uppercase;background:#1b120a;border-radius:999px;align-self:flex-start;padding:10px 14px;font-size:11px}.pane{background:var(--surface-card);border:1px solid #fffc;border-radius:18px;flex-direction:column;gap:14px;min-height:480px;padding:22px;display:flex;box-shadow:0 14px 36px #100c061a}.pane-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pane-header h2{color:#1f160e;margin:0;font-size:20px}.pane-header p{color:var(--text-muted);margin:6px 0 0;font-size:14px}.status{text-transform:uppercase;letter-spacing:.08em;color:#934604;background:#ffe5c6;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.status.active{color:#ffe7c0;background:#1f1a12}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.toolbar button{color:#1c1208;cursor:pointer;background:#fff8ec;border:1px solid #1c120833;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.toolbar button:hover{background:#fce6c8}.editor{border:1px solid var(--border-color);color:#1f160e;resize:none;background:#fffdf8;border-radius:16px;flex:1;width:100%;padding:18px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.7;box-shadow:inset 0 1px 6px #1a140c14}.editor:focus{outline:2px solid var(--focus-ring)}.preview{background:0 0;flex:1;padding:10px 4px 0;overflow:auto}.preview-custom{padding:12px 16px 0}.preview-custom h2.custom-title{color:#6b3a0b;border-bottom:2px solid #f7a34659;margin-top:28px;padding-bottom:6px}.preview-custom blockquote.custom-quote{color:#5a3a1a;background:linear-gradient(90deg,#ffefdbb3,#ffffffe6);border-left:4px solid #f2a357;margin:18px 0;padding:12px 18px;font-style:italic}.preview-custom pre{background:#f6f8fa;border:1px solid #1b1f2414;border-radius:12px;padding:14px 16px;overflow:auto}.custom-preview-pane{grid-column:1/-1}@media (max-width:1024px){.hero{flex-direction:column}.hero-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.pane{min-height:420px}}