:root{--color-canvas: #f7f7f4;--color-canvas-soft: #fafaf7;--color-surface-card: #ffffff;--color-surface-strong: #e6e5e0;--color-primary: #f54e00;--color-primary-active: #d04200;--color-on-primary: #ffffff;--color-ink: #26251e;--color-body: #5a5852;--color-muted: #807d72;--color-muted-soft: #a09c92;--color-hairline: #e6e5e0;--color-hairline-soft: #efeee8;--color-hairline-strong: #cfcdc4;--color-timeline-thinking: #dfa88f;--color-timeline-grep: #9fc9a2;--color-timeline-read: #9fbbe0;--color-timeline-edit: #c0a8dd;--color-timeline-done: #c08532;--color-semantic-success: #1f8a65;--color-semantic-error: #cf2d56;--font-sans: "Inter", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-cta: 8px;--radius-card: 12px;--space-section: 80px;--shadow-none: none}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-sans);background:var(--color-canvas);color:var(--color-ink)}a{color:var(--color-primary)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-hairline);background:var(--color-canvas)}.brand{font-size:1.125rem;letter-spacing:-.02em}.step-bar{display:flex;gap:8px;flex-wrap:wrap}.step-pill{padding:6px 14px;border-radius:999px;border:1px solid var(--color-hairline);background:var(--color-surface-card);font-size:.875rem;cursor:pointer;color:var(--color-body)}.step-pill.active{border-color:var(--color-ink);color:var(--color-ink)}.step-pill.done{border-color:var(--color-timeline-grep)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-cta);padding:10px 18px;font-size:.875rem;cursor:pointer}.btn-primary:hover{background:var(--color-primary-active)}.btn-ghost{background:transparent;border:1px solid var(--color-hairline);border-radius:var(--radius-cta);padding:8px 14px;cursor:pointer;color:var(--color-ink)}.surface-card{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-card);padding:20px}.ide-mockup-card{background:var(--color-canvas-soft);border:1px solid var(--color-hairline-strong);border-radius:var(--radius-card);padding:16px;min-height:420px}.main-content{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.field{margin-bottom:14px}.field label{display:block;font-size:.75rem;color:var(--color-muted);margin-bottom:4px}.field input,.field textarea,.field select{width:100%;padding:8px 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-cta);font-family:var(--font-sans);background:var(--color-surface-card)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:min(400px,92vw)}.pool-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;background:var(--color-surface-strong)}.pool-热池{background:var(--color-timeline-thinking)}.pool-温池{background:var(--color-timeline-read)}.pool-冷池{background:var(--color-timeline-grep)}.validate-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-hairline-soft)}.level-ok{color:var(--color-semantic-success)}.level-warn{color:var(--color-timeline-done)}.level-error{color:var(--color-semantic-error)}.preview-frame{border:none;display:block}.canvas-viewport{width:100%;height:560px;overflow:hidden;position:relative;background:var(--color-canvas-soft);border-radius:var(--radius-card)}.code-block{font-family:var(--font-mono);font-size:12px;background:var(--color-canvas-soft);padding:12px;border-radius:var(--radius-cta);overflow:auto;max-height:320px}