:root{color:#fff7ff;font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--bg:#120817;--bg-soft:#2d1843d1;--panel:#211331e6;--panel-strong:#2a173e;--text:#fff7ff;--text-soft:#d5bddf;--line:#dca5ff2e;--line-strong:#dca5ff57;--accent:#b45cff;--accent-strong:#f04ed8;--accent-soft:#b45cff2e;--brand-purple:#b45cff;--brand-purple-soft:#b45cff33;--danger:#ff6f9d;--danger-soft:#ff6f9d26;--warning-soft:#ffd16626;--shadow:0 24px 70px #1208176b;background:#120817;font-family:Segoe UI Variable Text,Segoe UI,Trebuchet MS,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#f04ed857,#0000 32%),radial-gradient(circle at 100% 0,#7b5cff57,#0000 34%),radial-gradient(circle at 50% 105%,#b45cff3d,#0000 35%),linear-gradient(#120817 0%,#1b0f2a 48%,#140918 100%);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,p{margin:0}#root{min-height:100vh}.app-shell{min-height:100vh;position:relative}.app-backdrop{pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000 28%),radial-gradient(circle at 15% 10%,#f04ed838,#0000 25%),radial-gradient(circle at 85% 18%,#b45cff47,#0000 25%);position:fixed;inset:0}.app-layout{z-index:1;max-width:1180px;margin:0 auto;padding:24px 18px 40px;position:relative}.app-header{background:linear-gradient(135deg, #b45cff47, #f04ed81f 44%, transparent 72%), var(--panel);border-color:#dca5ff47;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;margin-bottom:18px;display:grid}.header-copy h1{background:linear-gradient(110deg, #fff7ff 0%, #f4d8ff 45%, var(--accent-strong) 100%);color:#0000;-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(2rem,5vw,3.7rem);line-height:.96}.header-meta{grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:12px;display:grid}.toolbar-grid,.editor-stack{gap:18px;display:grid}.pipeline-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.panel,.editor-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg, #ffffff0e, #ffffff03), var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:22px}.launch-panel{gap:0;display:grid}.launch-panel__cta{margin:18px 0 26px}.launch-panel__cta .primary-button{width:100%;box-shadow:0 12px 28px #b45cff57}.info-card{min-height:172px}.info-card--accent{background:radial-gradient(circle at top right, #f04ed833, transparent 42%), linear-gradient(140deg, #b45cff38, #2a173edb), var(--panel-strong)}.picker-panel{gap:16px;display:grid}.picker-panel__header,.panel-heading,.pipeline-card__header,.pipeline-card__footer,.block-card__header{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-heading,.block-card__header{align-items:flex-start}.picker-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.picker-button,.primary-button,.secondary-button,.ghost-button,.drag-handle{border:none;border-radius:18px;transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s}.picker-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.drag-handle:hover{transform:translateY(-1px)}.picker-button{background:linear-gradient(150deg, #b45cff29, #2a173ef0), var(--panel-strong);border:1px solid var(--line);color:var(--text);text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.picker-button strong{font-size:1.05rem}.primary-button,.secondary-button,.ghost-button{min-height:46px;padding:0 16px}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff7ff;box-shadow:0 14px 34px #b45cff5c}.secondary-button{background:var(--accent-soft);color:#f1d7ff}.terminal-launch-button{margin-top:16px}.app-init-state{gap:16px}.ghost-button{border:1px solid var(--line);color:var(--text);background:0 0}.ghost-button--danger{color:var(--danger);border-color:#ff6f9d57}.meta-chip{border:1px solid var(--line);background:linear-gradient(140deg,#b45cff24,#ffffff09),#2a173eb8;border-radius:20px;gap:4px;min-height:84px;padding:14px 16px;display:grid}.meta-chip--muted{background:var(--bg-soft)}.status-banner{border-radius:18px;margin-bottom:18px;padding:14px 16px}.status-banner--success{background:var(--accent-soft);color:#f1d7ff;border:1px solid #b45cff4d}.status-banner--error{background:var(--danger-soft);color:var(--danger);border:1px solid #ff6f9d47}.status-banner--warning{background:var(--warning-soft);color:#ffe5a3;border:1px solid #ffd16647}.eyebrow{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.eyebrow--tiny{font-size:.68rem}.muted-copy{color:var(--text-soft)}.metric-panel{gap:14px;margin-top:22px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.metric-grid span{color:var(--text-soft);background:#b45cff1f;border:1px solid #dca5ff2e;border-radius:14px;padding:10px 12px}.sparkline{border:1px solid var(--line);background:radial-gradient(circle at 20% 0,#f04ed829,#0000 42%),#150a1f9e;border-radius:20px;padding:10px}.pipeline-card{gap:16px;display:grid}.step-preview{flex-wrap:wrap;gap:8px;display:flex}.step-badge{color:var(--text-soft);background:#b45cff24;border:1px solid #dca5ff38;border-radius:999px;padding:7px 12px;font-size:.86rem}.step-badge--schedule{color:#f4d8ff;border-color:#f04ed857}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.empty-state{color:var(--text-soft);text-align:center;place-items:center;min-height:140px}.empty-state,.empty-state--compact{display:grid}.empty-state--compact{background:var(--bg-soft);border:1px dashed var(--line-strong);border-radius:18px;min-height:74px;padding:14px 16px}.field-group{gap:8px;display:grid}.field-group--inline{max-width:280px}.schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 12px;display:grid}.schedule-preset-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.schedule-list{gap:14px;margin-top:20px;display:grid}.schedule-card{background:#b45cff14;border:1px solid #dca5ff2e;border-radius:22px;gap:12px;padding:16px;display:grid}.schedule-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch-row{color:var(--text-soft);align-items:center;gap:8px;display:inline-flex}.field-label{color:var(--text-soft);font-size:.9rem;font-weight:600}.text-input,.text-area,.select-input{border:1px solid var(--line);color:var(--text);background:#150a1fbd;border-radius:16px;outline:none;width:100%;min-height:48px;padding:12px 14px}.text-input:focus,.text-area:focus,.select-input:focus{border-color:#dca5ff94;box-shadow:0 0 0 4px #b45cff2e}.text-area{resize:vertical;min-height:124px}.block-card{gap:16px;display:grid}.block-card[data-dragging=true]{border-color:#dca5ff75;box-shadow:0 18px 44px #b45cff47}.block-card__title{margin-top:4px}.block-fields{gap:14px;display:grid}.drag-handle{background:var(--bg-soft);border:1px solid var(--line);color:var(--text-soft);justify-content:center;align-items:center;min-width:44px;height:44px;display:inline-flex}.terminal-panel{gap:18px;display:grid}.terminal-form{gap:12px;display:grid}.terminal-input{font-family:Cascadia Code,Fira Code,monospace}.terminal-output{border:1px solid var(--line);background:#08040c9e;border-radius:20px;gap:10px;padding:16px;display:grid}.terminal-message-banner{gap:6px;display:grid}.terminal-message-banner strong{color:#fff7ff}.terminal-success-note{color:#b8f7d1;font-weight:700}.terminal-output pre{color:#e7d6f0;white-space:pre-wrap;margin:0;font-family:Cascadia Code,Fira Code,monospace;overflow:auto}.terminal-output__stderr{color:var(--danger)!important}.command-history{gap:10px;display:grid}.history-row{border:1px solid var(--line);color:var(--text);text-align:left;background:#b45cff1f;border-radius:16px;align-items:flex-start;gap:4px;padding:12px 14px;display:grid}.history-row code{color:var(--text-soft);white-space:pre-wrap}@media (width<=920px){.app-header{grid-template-columns:1fr}.header-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.app-layout{padding:16px 12px 28px}.panel,.editor-panel{border-radius:22px;padding:18px}.launch-panel{gap:0}.launch-panel__cta{margin:20px 0 24px}.header-meta,.metric-grid,.pipeline-grid,.picker-grid,.schedule-grid,.schedule-preset-grid{grid-template-columns:1fr}.panel-heading,.pipeline-card__header,.pipeline-card__footer,.block-card__header,.picker-panel__header,.schedule-card__header{flex-direction:column;align-items:stretch}.card-actions,.card-actions .secondary-button,.card-actions .ghost-button,.card-actions .primary-button,.panel-heading .primary-button,.pipeline-card__footer .primary-button{width:100%}}
