*{box-sizing:border-box;margin:0}:root,[data-theme=hyper]{--bg: #120c0e;--panel: #171013;--panel-2: #1f1518;--panel-3: #281b1f;--border: #362227;--border-soft: #2a1a1e;--text: #f2e9ea;--text-dim: #d3c2c5;--muted: #9a8085;--accent: #e04a56;--accent-deep: #ad2f3d;--in-bubble: #241719;--out-text: #ffffff;--glow: rgba(224, 74, 86, .06);--ring: rgba(224, 74, 86, .16);--brand-grad: linear-gradient(135deg, #e04a56, #ff7857 60%, #ffb45e);--brand-shadow: rgba(224, 74, 86, .45);--error: #ff8484;--ok: #58c07a;--ok-soft: rgba(88, 192, 122, .14);--em: #eba03f;--em-soft: rgba(235, 160, 63, .14);--radius: 18px}[data-theme=midnight]{--bg: #0b0e15;--panel: #10141d;--panel-2: #161b27;--panel-3: #1c2333;--border: #222a3a;--border-soft: #1a2130;--text: #e7ebf4;--text-dim: #b9c1d1;--muted: #79839a;--accent: #5a8bff;--accent-deep: #3f6ae8;--in-bubble: #1a2130;--out-text: #ffffff;--glow: rgba(90, 139, 255, .05);--ring: rgba(90, 139, 255, .15);--brand-grad: linear-gradient(135deg, #5a8bff, #7db2ff 60%, #b78cff);--brand-shadow: rgba(90, 139, 255, .45);--error: #ff8484;--ok: #58c07a;--ok-soft: rgba(88, 192, 122, .14);--em: #eba03f;--em-soft: rgba(235, 160, 63, .14)}[data-theme=forest]{--bg: #0b110d;--panel: #101711;--panel-2: #16211a;--panel-3: #1d2c23;--border: #26392d;--border-soft: #1d2c23;--text: #e9f2ec;--text-dim: #c4d3c9;--muted: #7f957f;--accent: #3bb371;--accent-deep: #278753;--in-bubble: #17221b;--out-text: #ffffff;--glow: rgba(59, 179, 113, .06);--ring: rgba(59, 179, 113, .16);--brand-grad: linear-gradient(135deg, #3bb371, #8fd460 60%, #ffd45e);--brand-shadow: rgba(59, 179, 113, .45);--error: #ff8484;--ok: #58c07a;--ok-soft: rgba(88, 192, 122, .14);--em: #eba03f;--em-soft: rgba(235, 160, 63, .14)}[data-theme=paper]{--bg: #f6f3ee;--panel: #fdfcfa;--panel-2: #f1ede6;--panel-3: #e9e3d8;--border: #ddd4c6;--border-soft: #e7e0d4;--text: #2a2622;--text-dim: #55504a;--muted: #8d867b;--accent: #c65138;--accent-deep: #a03c28;--in-bubble: #ece6dc;--out-text: #ffffff;--glow: rgba(198, 81, 56, .07);--ring: rgba(198, 81, 56, .15);--brand-grad: linear-gradient(135deg, #c65138, #e0803f 60%, #e8b34b);--brand-shadow: rgba(198, 81, 56, .35);--error: #b53a3a;--ok: #2e8f57;--ok-soft: rgba(46, 143, 87, .14);--em: #b07818;--em-soft: rgba(176, 120, 24, .14)}html,body,#root{height:100%}body{font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}.mono{font-family:Spline Sans Mono,monospace}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:18px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.01em}.brand-mark{width:22px;height:22px;border-radius:7px;background:var(--brand-grad);box-shadow:0 0 14px var(--brand-shadow)}.tabs{display:flex;gap:4px}.tab{border:none;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:7px 14px;border-radius:9px;cursor:pointer;transition:color .12s ease,background .12s ease}.tab:hover{color:var(--text);background:var(--panel-2)}.tab.active{color:var(--text);background:var(--panel-3)}.statusbar{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-chip{display:flex;align-items:center;gap:7px;font-family:Spline Sans Mono,monospace;font-size:11px;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border-soft);border-radius:20px;padding:4px 11px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.status-dot.bad{background:var(--error);box-shadow:0 0 6px var(--error)}.status-key{color:var(--muted)}.content{flex:1;overflow-y:auto;padding:26px 28px 60px;background:radial-gradient(1200px 500px at 80% -10%,var(--glow),transparent 60%),var(--bg)}.content-inner{max-width:1040px;margin:0 auto}.view-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap}.view-head h1{font-size:22px;font-weight:700;letter-spacing:-.02em}.view-sub{color:var(--muted);font-size:13px}.view-actions{margin-left:auto;display:flex;gap:8px}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:20;background:var(--panel-2);border:1px solid var(--error);color:var(--error);border-radius:11px;padding:10px 16px;font-size:13px;max-width:640px;box-shadow:0 12px 34px #0006}.empty{padding:24px;color:var(--muted);font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius, 14px);padding:16px 18px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:14px}.flabel{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.fin,.fsel{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-family:Instrument Sans,sans-serif;font-size:14px;padding:10px 12px;outline:none}.fin:focus,.fsel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.fin::placeholder{color:var(--muted)}textarea.fin{resize:vertical;min-height:56px;line-height:1.45;font-family:Spline Sans Mono,monospace;font-size:12.5px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}.form-field{display:flex;flex-direction:column;gap:5px}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.btn-primary,.btn-quiet{font-family:Instrument Sans,sans-serif;font-size:13px;font-weight:600;border-radius:9px;padding:9px 16px;cursor:pointer}.btn-primary{background:linear-gradient(160deg,var(--accent),var(--accent-deep));border:none;color:#fff;transition:opacity .15s ease}.btn-primary:disabled{opacity:.4;cursor:default}.btn-quiet{background:var(--panel-3);border:none;color:var(--text-dim)}.btn-quiet:hover{color:var(--text)}.btn-quiet:disabled{opacity:.4;cursor:default}.btn-danger{background:none;border:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:9px 12px;border-radius:9px}.btn-danger:hover{color:var(--error);background:var(--panel-2)}.del{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1}.del:hover{color:var(--error);background:var(--panel-3)}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);padding:9px 14px;border-bottom:1px solid var(--border-soft)}table.data td{padding:10px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}table.data tr.row{cursor:pointer}table.data tr.row:hover td{background:var(--panel-2)}table.data tr:last-child td{border-bottom:none}td.mono,.mono-cell{font-family:Spline Sans Mono,monospace;font-size:11.5px;color:var(--text-dim)}.status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted)}.status-pill.draft{color:var(--muted)}.status-pill.ready{color:var(--em);border-color:currentColor}.status-pill.sending{color:var(--accent);border-color:currentColor}.status-pill.paused{color:var(--em);border-color:currentColor}.status-pill.sent{color:var(--ok);border-color:currentColor}.status-pill.cancelled{color:var(--error);border-color:currentColor}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:16px}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.stat-tile .num{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stat-tile .lbl{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:2px}.progress-bar{height:8px;border-radius:5px;background:var(--panel-3);overflow:hidden;margin:10px 0 16px}.progress-bar .fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent-deep));transition:width .4s ease}.preview-frame{width:100%;height:480px;border:1px solid var(--border);border-radius:12px;background:#fff}.editor-split{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px;align-items:start}@media(max-width:900px){.editor-split{grid-template-columns:1fr}}.editor-fields{display:flex;flex-direction:column;gap:10px}.editor-textarea{min-height:340px;font-family:Spline Sans Mono,monospace;font-size:12.5px;line-height:1.5;white-space:pre}.editor-preview{display:flex;flex-direction:column;gap:8px}.editor-preview-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-preview-bar .fsel{padding:6px 10px;font-size:13px}.sample-nav{display:flex;align-items:center;gap:4px;font-size:11.5px}.sample-nav .btn-quiet{padding:3px 9px}.editor-subject{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13.5px}.editor-subject .flabel{margin-right:8px}.editor-frame{height:440px}.editor-warn{color:var(--em);font-size:12.5px}.chip{font-family:Spline Sans Mono,monospace;font-size:10.5px;padding:2px 9px;border-radius:20px;background:var(--panel-3);border:1px solid var(--border-soft);color:var(--muted);white-space:nowrap}.chip.demo{color:var(--em);border-color:var(--em-soft)}.theme-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border-soft);background:var(--panel)}.theme-dot{width:20px;height:20px;flex-shrink:0;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .12s ease}.theme-dot:hover{transform:scale(1.15)}.theme-dot.active{border-color:var(--text)}.theme-dot[data-t=hyper]{background:linear-gradient(135deg,#e04a56,#ffb45e)}.theme-dot[data-t=midnight]{background:linear-gradient(135deg,#5a8bff,#b78cff)}.theme-dot[data-t=forest]{background:linear-gradient(135deg,#3bb371,#ffd45e)}.theme-dot[data-t=paper]{background:linear-gradient(135deg,#f6f3ee,#e0803f)}.theme-name{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--panel-3)}