:root{color-scheme:dark;font-family:Space Grotesk,IBM Plex Sans,Avenir Next,sans-serif;background:#09111f;color:#edf4ff;line-height:1.45;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(98,139,255,.16),transparent 30%),radial-gradient(circle at top right,rgba(127,240,208,.12),transparent 28%),linear-gradient(180deg,#0b1528,#07101b,#050b12);color:#edf4ff}body{min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;border-radius:14px;padding:.8rem 1rem;background:#18253c;color:#edf4ff;cursor:pointer;transition:transform .15s ease,background .15s ease}button:hover{transform:translateY(-1px);background:#22324f}button.primary{background:linear-gradient(135deg,#7ff0d0,#6da0ff);color:#08111d;font-weight:700}input,select,textarea{width:100%;border-radius:14px;border:1px solid rgba(115,145,196,.18);background:#09121fe0;color:#edf4ff;padding:.8rem .9rem}textarea{resize:vertical}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;align-self:start;min-height:100vh;padding:1.4rem;display:flex;flex-direction:column;gap:1.4rem;border-right:1px solid rgba(115,145,196,.15);background:#060a12db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-block h1,.panel-header h2,.hero-strip h2{margin:0;font-size:clamp(1.3rem,2vw,2rem)}.brand-block p,.panel-header p,.hero-strip p,.list-card p,.recommendation p,.timeline-card p,.manual-content{margin:0;color:#9fb4d7}.helper-text{display:block;margin-top:.45rem;color:#89a0c8}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#7ff0d0}.nav-list{display:grid;gap:.45rem}.nav-link{padding:.8rem .95rem;border-radius:14px;color:#b7c8e5;text-decoration:none;background:transparent}.nav-link.active,.nav-link:hover{background:#6da0ff1f;color:#edf4ff}.sidebar-meta{margin-top:auto;display:grid;gap:.35rem;color:#9fb4d7}.guided-entry{display:grid;gap:.75rem;padding:1rem;border-radius:18px;border:1px solid rgba(115,145,196,.14);background:#080f1bd1}.guided-entry p,.guided-step-card p{margin:0;color:#9fb4d7}.guided-checklist{display:grid;gap:.35rem;margin:0;padding-left:1.1rem;color:#c9d8f1}.guided-checklist.detailed{margin-top:1rem}.guided-checklist-item{color:#8ea6cf}.guided-checklist-item.current{color:#edf4ff}.guided-checklist-item.done{color:#7ff0d0}.guided-step-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.guided-step-card{display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:18px;background:#0b1423c7;border:1px solid rgba(115,145,196,.1)}.workspace{padding:1.4rem}.flow-strip{display:grid;gap:.9rem;margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid rgba(115,145,196,.14);border-radius:20px;background:#080f1bc2;box-shadow:0 24px 48px #00000029}.flow-strip-head,.flow-grid,.flow-card,.checkbox-row,.empty-hint{display:grid;gap:.6rem}.flow-strip-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.flow-next span,.flow-card span,.checkbox-row{color:#9fb4d7;font-size:.88rem}.flow-next strong,.flow-card strong{display:block}.flow-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.flow-card,.empty-hint{padding:.9rem 1rem;border-radius:18px;background:#0b1423c7;border:1px solid rgba(115,145,196,.1)}.page-stack{display:grid;gap:1rem}.hero-strip,.panel{border:1px solid rgba(115,145,196,.14);background:#080f1bc2;border-radius:22px;box-shadow:0 24px 48px #0000003d}.hero-strip{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 1.4rem;align-items:center}.hero-actions,.toolbar-row,.row-actions,.panel-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.link-row a{color:#dce8ff;text-decoration:none}.link-row a:hover{text-decoration:underline}.status-pill{display:inline-flex;align-items:center;padding:.55rem .75rem;border-radius:999px;background:#7391c41f;color:#d8e6ff;font-size:.9rem}.status-pill.saved{background:#7ff0d024;color:#7ff0d0}.status-pill.error{background:#ff67672e;color:#ff8d8d}.panel{overflow:hidden}.panel-header{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem 0;align-items:flex-start}.panel-body{padding:1.1rem 1.2rem 1.2rem}.workbench-grid,.chart-grid,.compare-layout,.manual-layout,.enhance-layout,.enhance-section-grid{display:grid;gap:1rem}.workbench-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.workbench-grid>:nth-child(1){grid-column:span 7}.workbench-grid>:nth-child(2),.workbench-grid>:nth-child(3){grid-column:span 5}.workbench-grid>:nth-child(n+4){grid-column:span 6}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enhance-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(280px,.82fr);align-items:start}.enhance-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enhance-column{display:grid;gap:1rem}.chart-wrap{height:240px}.chart-section,.chart-summary,.chart-summary-grid{display:grid;gap:.9rem}.chart-summary{grid-template-columns:minmax(0,1.4fr) minmax(140px,.8fr);align-items:center}.chart-summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-stat{padding:.85rem .95rem;border-radius:16px;background:#0b1423b3;border:1px solid rgba(115,145,196,.1)}.summary-stat span{display:block;color:#9fb4d7;font-size:.82rem;margin-bottom:.35rem}.sparkline-shell{min-height:94px;padding:.75rem;border-radius:16px;background:#0b1423b3;border:1px solid rgba(115,145,196,.1)}.sparkline{width:100%;height:84px}.chart-placeholder{min-height:160px;display:grid;gap:.75rem;align-content:center;padding:1rem;border-radius:18px;border:1px dashed rgba(115,145,196,.22);background:#09121f85}.chart-placeholder p{margin:.35rem 0 0;color:#9fb4d7}.inline-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field{display:grid;gap:.4rem}.field span{color:#9fb4d7;font-size:.9rem}.field-wide{grid-column:1 / -1}.prompt-editor{min-height:420px;white-space:pre-wrap}.prompt-editor.compact{min-height:220px}.enhance-textarea{min-height:120px}.enhance-variant-preview{max-height:220px;overflow:auto}.variable-list,.list-stack,.diff-list,.manual-nav{display:grid;gap:.7rem;content-visibility:auto}.variable-row,.table-row,.delta-row,.list-card-head{display:grid;gap:.8rem;align-items:center}.variable-row{grid-template-columns:1fr 1fr auto}.table{display:grid;gap:.45rem}.table-row{grid-template-columns:minmax(0,2fr) repeat(5,minmax(0,1fr)) auto;padding:.85rem 1rem;border-radius:16px;background:#0f1828b8}.table-head{color:#89a0c8;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.list-card,.timeline-card,.recommendation,.stat-card{padding:.9rem 1rem;border-radius:18px;background:#0b1423c7;border:1px solid rgba(115,145,196,.1)}.recommendation.high{border-color:#ff676747}.recommendation.medium{border-color:#f0b56a38}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.pattern-grid button{display:grid;justify-items:start;gap:.35rem}.code-preview,.manual-content{white-space:pre-wrap;margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace}.diff-line{display:grid;grid-template-columns:26px minmax(0,1fr);gap:.7rem;padding:.45rem .7rem;border-radius:10px}.diff-line.plus{background:#7ff0d01f}.diff-line.minus{background:#ff676724}.split-columns{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.delta-row{grid-template-columns:140px minmax(0,1fr);padding:.55rem 0;border-bottom:1px solid rgba(115,145,196,.1)}.stat-grid,.eval-result-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.metric-chip{padding:.35rem .65rem;border-radius:999px;background:#6da0ff24;border:1px solid rgba(109,160,255,.18);color:#dce8ff;font-size:.82rem}.recommendation-action-box{display:grid;gap:.7rem;margin-top:.8rem}.recommendation-note-input{min-height:110px}.eval-chip{padding:.8rem;border-radius:14px;background:#09121fdb}.eval-chip.pass{border:1px solid rgba(127,240,208,.28)}.eval-chip.fail{border:1px solid rgba(255,103,103,.24)}.banner{padding:.9rem 1rem;border-radius:16px}.banner button{margin-left:.5rem}.banner.error,.error-text{color:#ff9b9b}.banner.success{color:#8df5cb;background:#7ff0d01f}.banner.warning{color:#ffd58f;background:#ffbc5a1f}.banner.error{background:#ff676724}.page-empty{padding:2rem;color:#9fb4d7}.skeleton-panel,.skeleton-block{position:relative;overflow:hidden}.skeleton-panel:after,.skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-100%);animation:shimmer 1.3s linear infinite}.skeleton-line,.skeleton-box{border-radius:14px;background:#7391c41f}.skeleton-line{height:14px;margin-bottom:.85rem}.skeleton-line.short{width:24%}.skeleton-line.medium{width:42%}.skeleton-line.long{width:68%}.skeleton-box.medium{height:180px}.skeleton-box.tall{height:340px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.route-ready-marker{display:none}@keyframes shimmer{to{transform:translate(100%)}}.manual-link{justify-content:flex-start;text-align:left}.manual-link.active{background:#6da0ff2e}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.selectable.selected{border-color:#7ff0d04d}.packet-preview{max-height:420px;overflow:auto}@media (max-width: 1200px){.shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.workbench-grid,.chart-grid,.split-columns,.manual-layout,.enhance-layout,.enhance-section-grid,.chart-summary,.flow-strip-head{grid-template-columns:1fr}.workbench-grid>*{grid-column:span 1!important}}