:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page-bg: #eef2f6;--page-bg-2: #f4f6f8;--surface: #f8fafc;--surface-strong: #f1f5f9;--surface-muted: #e7edf3;--border: #cbd5e1;--text: #1e293b;--muted: #718096;--primary: #2163a5;--primary-strong: #194d83;--accent-soft: #e9f0fa;--accent-border: #a9c5e4;--accent-text: #2163a5;--success: #327957;--button-text: #ffffff;--danger: #b4534b;--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px rgba(15, 23, 42, .04)}html[data-theme=light]{color-scheme:light}html[data-theme=paper]{color-scheme:light;--page-bg: #f7f4ef;--page-bg-2: #fbf9f5;--surface: #fffdfa;--surface-strong: #f3efe8;--surface-muted: #ebe5db;--border: #d8cec0;--text: #2c2925;--muted: #756c62;--primary: #9a5b2f;--primary-strong: #7c4625;--accent-soft: #f3e6da;--accent-border: #d9b79d;--accent-text: #824820;--success: #4d7a5d;--button-text: #ffffff;--danger: #b34d4d;--shadow: 0 1px 2px rgba(72, 50, 33, .05), 0 8px 24px rgba(72, 50, 33, .06)}html[data-theme=sage]{color-scheme:light;--page-bg: #eef4ef;--page-bg-2: #f6faf6;--surface: #fbfefb;--surface-strong: #edf5ee;--surface-muted: #e1ece2;--border: #c5d6c7;--text: #1f3427;--muted: #607566;--primary: #3e7653;--primary-strong: #2f5d40;--accent-soft: #e3f0e5;--accent-border: #a9caae;--accent-text: #2f6845;--success: #3f8157;--button-text: #ffffff;--danger: #b65350;--shadow: 0 1px 2px rgba(26, 57, 35, .05), 0 8px 24px rgba(26, 57, 35, .06)}html[data-theme=blueprint]{color-scheme:light;--page-bg: #f2f5f9;--page-bg-2: #f8fafc;--surface: #ffffff;--surface-strong: #e8eef5;--surface-muted: #dce6f0;--border: #bccbdc;--text: #172b43;--muted: #64748b;--primary: #123f73;--primary-strong: #0b2c55;--accent-soft: #e1ebf7;--accent-border: #9db8d6;--accent-text: #164b83;--success: #36745b;--button-text: #ffffff;--danger: #b65350;--shadow: 0 1px 2px rgba(18, 63, 115, .05), 0 8px 24px rgba(18, 63, 115, .06)}html[data-theme=dark]{color-scheme:dark;--page-bg: #0f172a;--page-bg-2: #0f172a;--surface: rgba(226, 232, 240, .06);--surface-strong: rgba(226, 232, 240, .1);--surface-muted: rgba(226, 232, 240, .04);--border: rgba(226, 232, 240, .16);--text: #e2e8f0;--muted: #94a3b8;--primary: #3b82f6;--primary-strong: #60a5fa;--accent-soft: rgba(59, 130, 246, .16);--accent-border: rgba(59, 130, 246, .6);--accent-text: #e2e8f0;--success: #60a5fa;--button-text: #e2e8f0;--danger: #e88989;--shadow: 0 18px 40px rgba(15, 23, 42, .35)}html[data-theme=graphite]{color-scheme:dark;--page-bg: #11161c;--page-bg-2: #11161c;--surface: #1b222b;--surface-strong: #242d37;--surface-muted: #161d25;--border: rgba(211, 225, 239, .18);--text: #edf3f8;--muted: #9eacba;--primary: #82afe0;--primary-strong: #a6c8ee;--accent-soft: rgba(130, 175, 224, .14);--accent-border: rgba(130, 175, 224, .46);--accent-text: #c5dcf5;--success: #78c59d;--button-text: #10202f;--danger: #f09a9a;--shadow: 0 18px 40px rgba(4, 8, 13, .42)}html[data-theme=vscode]{color-scheme:dark;--page-bg: #1e1e1e;--page-bg-2: #1e1e1e;--surface: #252526;--surface-strong: #2d2d30;--surface-muted: #181818;--border: #3e3e42;--text: #cccccc;--muted: #858585;--primary: #007acc;--primary-strong: #1f8ad2;--accent-soft: #094771;--accent-border: #007acc;--accent-text: #9cdcfe;--success: #89d185;--button-text: #ffffff;--danger: #f14c4c;--shadow: 0 18px 40px rgba(0, 0, 0, .42)}html[data-theme=ocean]{color-scheme:dark;--page-bg: #0b1725;--page-bg-2: #0b1725;--surface: #10283d;--surface-strong: #15364f;--surface-muted: #0e2235;--border: rgba(158, 215, 243, .18);--text: #e9f7ff;--muted: #91afc1;--primary: #66c7ee;--primary-strong: #98ddf6;--accent-soft: rgba(102, 199, 238, .14);--accent-border: rgba(102, 199, 238, .46);--accent-text: #bdeafa;--success: #73d0a1;--button-text: #082033;--danger: #f29b9b;--shadow: 0 18px 40px rgba(1, 8, 16, .42)}html[data-theme=forest]{color-scheme:dark;--page-bg: #101b18;--page-bg-2: #101b18;--surface: #162923;--surface-strong: #1d352d;--surface-muted: #13231f;--border: rgba(169, 215, 190, .18);--text: #edf8f2;--muted: #9db7aa;--primary: #7ac39b;--primary-strong: #a1d9b8;--accent-soft: rgba(122, 195, 155, .14);--accent-border: rgba(122, 195, 155, .44);--accent-text: #bce8cc;--success: #8bd6a9;--button-text: #102219;--danger: #ef9a9a;--shadow: 0 18px 40px rgba(3, 13, 9, .4)}html[data-theme=plum]{color-scheme:dark;--page-bg: #1b1522;--page-bg-2: #1b1522;--surface: #281e31;--surface-strong: #342740;--surface-muted: #231a2b;--border: rgba(225, 196, 238, .18);--text: #fbf3ff;--muted: #bcaac5;--primary: #c39cda;--primary-strong: #dcbbe9;--accent-soft: rgba(195, 156, 218, .15);--accent-border: rgba(195, 156, 218, .46);--accent-text: #e5cbed;--success: #83d0a8;--button-text: #23182c;--danger: #f09baf;--shadow: 0 18px 40px rgba(11, 5, 16, .42)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--page-bg)}button,input,textarea,select{font:inherit}button{appearance:none;border:1px solid var(--accent-border);border-radius:6px;padding:9px 12px;background:var(--primary);color:var(--button-text);font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}button.secondary{border-color:var(--border);background:var(--surface-strong);color:var(--text)}button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-strong)}button.secondary:hover:not(:disabled){background:var(--accent-soft);color:var(--primary)}button:disabled{opacity:.6;cursor:not-allowed}a{color:inherit}label{display:grid;gap:8px}label span,.check-row{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;min-height:42px;padding:10px 36px 10px 12px;border:1px solid var(--border);border-radius:6px;background-color:var(--surface-strong);color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--primary)}::selection{background:#2163a533}.flow-settings-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:24px;background:#0f172a7a}.flow-settings-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:hidden;border-radius:6px;box-shadow:0 18px 50px #0f172a33}.flow-settings-modal__header{align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--border)}.flow-settings-modal__header h2{font-size:18px}.flow-settings-modal__close{margin:-5px -8px 0 0;padding:4px 9px;border:0;background:transparent;color:var(--muted);font-size:20px;font-weight:400;line-height:1;box-shadow:none}.flow-settings-modal__close:hover:not(:disabled){border-color:transparent;background:var(--surface-muted);color:var(--text)}.flow-settings-modal__body{display:grid;gap:18px;overflow:auto;padding:22px 24px}.flow-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.flow-settings-grid__full{grid-column:1 / -1}.flow-instructions-field{display:grid;gap:8px}.flow-instructions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-instructions-heading>span{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.flow-ai-optimize-button{flex:0 0 auto;padding:6px 9px;font-size:10px}.flow-settings-modal__actions{display:flex;justify-content:flex-end;padding:14px 24px;border-top:1px solid var(--border)}@media (max-width: 700px){.flow-settings-backdrop{padding:12px}.flow-settings-modal__body,.flow-settings-modal__header{padding:18px}.flow-settings-grid{grid-template-columns:1fr}.flow-settings-grid__full{grid-column:auto}.flow-settings-modal__actions{padding:12px 18px}}
