@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.34.1/dist/tabler-icons.min.css";:root{color-scheme:dark;--bg: #010b13;--bg-soft: #08131d;--panel: rgba(8, 19, 29, .76);--panel-strong: rgba(10, 18, 31, .92);--panel-muted: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .12);--line-strong: rgba(15, 255, 255, .24);--text: #f7fbff;--muted: rgba(226, 237, 255, .64);--primary: #0fffff;--accent: #df00ff;--danger: #ff7c9d;--success: #73f7b3;--warning: #f8cd62;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(223,0,255,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(15,255,255,.14),transparent 34%),linear-gradient(180deg,#030812 0%,var(--bg) 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}#root{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:28px}.app-shell__backdrop,.app-shell__grid,.app-shell__orb{pointer-events:none;position:absolute;inset:0}.app-shell__backdrop{background:linear-gradient(rgba(15,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,255,255,.03) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 92%)}.app-shell__grid{background:linear-gradient(180deg,#010b1300,#010b1399)}.app-shell__orb{filter:blur(120px);opacity:.55}.app-shell__orb--violet{inset:-20% auto auto -10%;width:32rem;height:32rem;border-radius:50%;background:#df00ff52}.app-shell__orb--cyan{inset:auto -10% -20% auto;width:30rem;height:30rem;border-radius:50%;background:#0fffff3d}.app-frame{position:relative;z-index:1;display:grid;gap:20px;width:min(1400px,100%);margin:0 auto}.glass-panel,.card,.section-card,.detail-box,.progress-panel,.job-toolbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header{display:flex;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:30px}.app-brand{display:flex;gap:18px;align-items:flex-start;max-width:760px}.app-brand__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;color:#04131c;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 30px #0fffff59;font-size:1.8rem}.eyebrow,.field-kicker,.page-kicker,.hero-badge-card__label{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700}.eyebrow{margin:0 0 8px;color:var(--primary)}.app-brand h1,.page-shell h2,.page-shell h3,.section-title h3{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}.app-brand h1{font-size:clamp(1.6rem,2vw,2.1rem)}.app-brand__copy,.section-note,.page-intro,.small,.progress-meta{color:var(--muted)}.app-brand__copy,.section-note,.page-intro{margin:8px 0 0;line-height:1.6}.app-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tab,.primary-button,.secondary-button,.danger-button,button{border-radius:999px;min-height:46px;padding:.82rem 1.15rem;border:1px solid var(--line);color:var(--text);background:#ffffff08;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.tab:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover,button:hover{transform:translateY(-1px);border-color:#0fffff47}.tab.active,.primary-button{border-color:#0fffff7a;color:#04131c;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 12px 35px #0fffff26}.tab.active .tab__label{color:#04131c}.tab__label{font-weight:600}.tab--tutorial{border-color:#f8cd6280;background:linear-gradient(135deg,#f8cd6229,#ff8a3d33);box-shadow:0 12px 30px #f8cd6214}.tab--tutorial:hover{border-color:#ffb44db3;box-shadow:0 14px 32px #f8cd621f}.tab--tutorial.active{border-color:#ffb44dd9;color:#251200;background:linear-gradient(135deg,var(--warning),#ff8a3d);box-shadow:0 14px 40px #ff8a3d3d}.tab--tutorial.active .tab__label{color:#251200}.secondary-button{background:#ffffff0a}.danger-button{color:#ffd5dc;border-color:#ff7c9d59;background:#ff7c9d14}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.72}.app-content{display:grid}.app-footer{display:flex;gap:12px;flex-wrap:wrap}.footer-pill{display:inline-flex;gap:10px;align-items:center;min-height:40px;padding:.6rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffbd;font-size:.88rem}.footer-pill__dot{width:.55rem;height:.55rem;border-radius:999px}.footer-pill__dot--cyan{background:var(--primary);box-shadow:0 0 12px var(--primary)}.footer-pill__dot--violet{background:var(--accent);box-shadow:0 0 12px var(--accent)}.page-shell{display:grid;gap:20px}.generate-page{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);padding:18px;border-radius:32px}.generate-page__hero,.generate-page__form,.settings-hero,.settings-core,.job-toolbar,.jobs-sidebar,.detail-box,.section-card,.progress-panel{border-radius:var(--radius-xl)}.generate-page__hero{position:relative;overflow:hidden;padding:34px;background:linear-gradient(180deg,#ffffff05,#fff0),radial-gradient(circle at top left,rgba(223,0,255,.16),transparent 40%),radial-gradient(circle at bottom right,rgba(15,255,255,.14),transparent 38%),linear-gradient(180deg,#010b13e6,#060d16fa);border:1px solid rgba(255,255,255,.08)}.generate-page__hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(180deg,transparent,rgba(15,255,255,.08))}.page-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--primary)}.generate-page__hero-copy h2,.settings-hero h2{margin-top:14px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02}.hero-badge-grid{display:grid;gap:12px;margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-badge-card{padding:18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.hero-badge-card strong{display:block;margin-top:10px;font-size:1.05rem}.hero-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.generate-page__explainer{display:grid;gap:12px;margin-top:26px;grid-template-columns:repeat(3,minmax(0,1fr))}.generate-guide-card{display:grid;gap:10px;padding:18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff05),#ffffff08}.generate-guide-card__label{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--warning)}.generate-guide-card h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.02rem}.generate-guide-card p{margin:0;color:var(--muted);line-height:1.6}.generate-page__form{padding:30px;display:grid;align-content:start}.grid-form{display:grid;gap:16px}.form-field,.upload-field,label{display:grid;gap:8px}.field-kicker{color:#ffffff75}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.95rem 1rem;color:var(--text);background:#ffffff0a;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}textarea{min-height:112px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#0fffff59;box-shadow:0 0 0 4px #0fffff14;background:#ffffff0f}.upload-field{cursor:pointer}.upload-field__surface{display:flex;gap:16px;align-items:center;padding:24px;min-height:152px;border-radius:24px;border:1px dashed rgba(255,255,255,.15);background:linear-gradient(135deg,#0fffff0f,#df00ff0a),#ffffff08;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.upload-field:hover .upload-field__surface,.upload-field.is-dragging .upload-field__surface,.upload-field.has-file .upload-field__surface{border-color:#0fffff61;box-shadow:0 0 0 4px #0fffff0d;transform:translateY(-1px)}.upload-field__icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 auto;border-radius:20px;background:#ffffff0d;color:var(--primary);font-size:1.8rem}.upload-field__copy{display:grid;gap:8px}.upload-field__copy strong{font-size:1.05rem}.voice-choice-panel{display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0fffff0f,#df00ff0a),#ffffff08}.voice-choice-panel__head{display:grid;gap:6px}.voice-choice-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.voice-choice-card{min-height:182px;padding:18px;border-radius:22px;text-align:left;display:grid;gap:8px;align-content:start;background:linear-gradient(180deg,#ffffff0f,#ffffff08),#ffffff08}.voice-choice-card.is-selected{border-color:#0fffff7a;box-shadow:0 0 0 4px #0fffff14}.voice-choice-card__kicker,.voice-choice-card__status{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.voice-choice-card__kicker{color:var(--warning)}.voice-choice-card strong{font-family:Space Grotesk,sans-serif;font-size:1.15rem}.voice-choice-card__tone{color:var(--primary);font-size:.92rem;font-weight:600}.voice-choice-card__description{color:var(--muted);line-height:1.55}.voice-choice-card__status{margin-top:auto;color:#ffffffb8}.split-layout,.jobs-page{display:grid;gap:20px;grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.jobs-sidebar,.jobs-main{display:grid;gap:18px;align-content:start}.jobs-sidebar{padding:24px}.jobs-sidebar__head{display:grid;gap:16px}.jobs-stat-grid,.meta-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.meta-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;display:grid;gap:6px}.meta-card strong{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff85}.job-list{display:grid;gap:12px}.job-item{width:100%;text-align:left;display:grid;gap:10px;border-radius:22px;padding:16px;background:#ffffff08}.job-item.active{border-color:#0fffff66;box-shadow:0 0 0 4px #0fffff0d}.job-item__row,.job-toolbar,.progress-head,.platform-run-card__head,.platform-settings-card__head,.row-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.job-item__meta{display:flex;flex-wrap:wrap;gap:10px;color:#ffffff73;font-size:.85rem}.job-toolbar,.section-card,.detail-box,.progress-panel,.settings-core,.settings-hero{padding:24px}.progress-panel{display:grid;gap:14px}.progress-label{color:var(--primary)}.job-progress-track{position:relative;overflow:hidden;height:12px;border-radius:999px;background:#ffffff14}.job-progress-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .35s ease}.job-progress-fill.is-animated:after,.job-progress-fill.is-indeterminate:after{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,#ffffff2e 25%,#ffffff6b 25% 50%,#ffffff2e 50% 75%,#ffffff6b 75% 100%);background-size:28px 28px;animation:progress-stripes 1s linear infinite}.job-progress-fill.is-indeterminate{width:40%;min-width:140px;animation:progress-slide 1.2s ease-in-out infinite}.platform-run-list,.style-grid,.settings-core__grid{display:grid;gap:16px}.platform-run-card,.platform-settings-card,.style-card{display:grid;gap:14px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.platform-run-card__head h4,.platform-settings-card__head h3{margin:0 0 10px;font-family:Space Grotesk,sans-serif}.platform-run-card__body{display:grid;gap:12px}.platform-progress{display:grid;gap:8px;padding:12px 14px;border-radius:18px;border:1px solid rgba(15,255,255,.14);background:linear-gradient(135deg,#0fffff12,#df00ff0a),#ffffff05}.platform-progress__meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.platform-progress__meta strong,.platform-progress__percent{font-size:.88rem}.platform-progress__percent{color:var(--primary);font-weight:700}.platform-progress__track{height:10px}.platform-progress__detail{margin:0;color:var(--muted);font-size:.84rem}.platform-run-card__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.platform-edit-form{display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(15,255,255,.12);background:#0fffff09}.detail-summary{padding:16px 18px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.detail-summary__copy{display:grid;gap:8px}.caption-box{margin-top:4px;padding:14px;border-radius:18px;border:1px dashed rgba(255,255,255,.14);background:#ffffff06;display:grid;gap:8px}.caption-box p,.detail-box p{margin:0}.output-links,.form-actions{display:flex;gap:10px;flex-wrap:wrap}.platform-selector{display:grid;gap:12px}.platform-selector__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.platform-selector__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.platform-toggle-chip{min-height:88px;padding:14px 16px;border-radius:22px;text-align:left;display:grid;gap:8px;align-content:space-between;background:linear-gradient(135deg,#0fffff14,#df00ff08),#ffffff08}.platform-toggle-chip.is-selected{border-color:#0fffff6b;box-shadow:0 0 0 4px #0fffff0f}.platform-toggle-chip.is-unavailable{opacity:.55}.platform-toggle-chip__label{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.platform-toggle-chip__meta{color:var(--muted);font-size:.84rem}.output-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.7rem .95rem;border-radius:999px;border:1px solid rgba(15,255,255,.18);color:var(--primary);text-decoration:none;background:#0fffff0f}.output-links a:hover{border-color:#0fffff66}.settings-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.tutorial-page,.tutorial-grid,.tutorial-note-list{display:grid;gap:18px}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-hero{padding:28px;background:radial-gradient(circle at top left,rgba(248,205,98,.14),transparent 36%),radial-gradient(circle at bottom right,rgba(255,138,61,.12),transparent 42%),#ffffff08}.tutorial-step{display:grid;gap:16px;grid-template-columns:auto 1fr;align-items:flex-start}.tutorial-step__index{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#251200;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--warning),#ff8a3d);box-shadow:0 10px 28px #ff8a3d2e}.tutorial-step__copy{display:grid;gap:8px}.tutorial-step__copy h3{margin:0;font-family:Space Grotesk,sans-serif}.tutorial-step__copy p,.tutorial-note-item p{margin:0;color:var(--muted);line-height:1.65}.tutorial-note-item{display:grid;gap:12px;grid-template-columns:auto 1fr;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1px solid rgba(248,205,98,.18);background:#f8cd620d}.tutorial-note-item__dot{width:10px;height:10px;margin-top:8px;border-radius:999px;background:linear-gradient(135deg,var(--warning),#ff8a3d);box-shadow:0 0 16px #f8cd626b}.settings-form,.settings-page{display:grid;gap:20px}.settings-core__grid,.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--primary)}.section-title--spaced{margin-bottom:0}.platform-settings-card.is-enabled{border-color:#0fffff33}.platform-settings-card.is-disabled{opacity:.82}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:.92rem}.toggle input{width:auto}.status{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.28rem .72rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);background:#ffffff0a}.status-running{color:var(--warning);border-color:#f8cd6266}.status-success{color:var(--success);border-color:#73f7b366}.status-failed,.status-interrupted{color:var(--danger);border-color:#ff7c9d66}.status-partial{color:#95d3ff;border-color:#95d3ff61}.status-queued{color:#ffffffc2;border-color:#ffffff2e}.ok-text,.err-text,.err-inline{margin:0;font-size:.96rem}.ok-text{color:var(--success)}.err-text,.err-inline{color:var(--danger)}.small{font-size:.88rem}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.empty-state{display:grid;justify-items:center;gap:10px;padding:18px;text-align:center;color:var(--muted)}.empty-state i{font-size:1.8rem;color:var(--primary)}.table-scroll{overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:28px 0}}@keyframes progress-slide{0%{transform:translate(-90%)}50%{transform:translate(130%)}to{transform:translate(-90%)}}@media(max-width:1100px){.generate-page,.jobs-page,.split-layout,.generate-page__explainer,.tutorial-grid,.settings-core__grid,.style-grid{grid-template-columns:1fr}.app-header,.settings-hero,.job-toolbar,.platform-run-card__head,.platform-settings-card__head,.row-head{flex-direction:column}.app-nav{justify-content:flex-start}}@media(max-width:780px){.app-shell{padding:16px}.app-header,.job-toolbar,.jobs-sidebar,.detail-box,.section-card,.progress-panel,.settings-core,.settings-hero,.generate-page__hero,.generate-page__form{padding:18px}.hero-badge-grid,.voice-choice-grid,.jobs-stat-grid,.meta-grid{grid-template-columns:1fr}.app-brand{flex-direction:column}.app-footer,.hero-pills,.form-actions{flex-direction:column;align-items:stretch}.tab,.primary-button,.secondary-button,.danger-button,button{width:100%;justify-content:center}}@media(max-width:480px){body{font-size:15px}.upload-field__surface{flex-direction:column;align-items:flex-start}input,textarea,select{font-size:16px}}