:root{color:#1f1f21;background:radial-gradient(circle at top left,rgb(99 102 241 / .08),transparent 20%),linear-gradient(180deg,#f4f5f7,#eceef2);color-scheme:light;font-family:SF Pro Display,SF Pro Text,PingFang SC,Segoe UI,Microsoft YaHei,sans-serif;--font-sans: "SF Pro Display", "SF Pro Text", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;--font-size-display: 34px;--font-size-title: 26px;--font-size-section: 20px;--font-size-body: 14px;--font-size-helper: 12px;--line-height-body: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--bg-page: #eceef2;--bg-page-strong: #e5e8ee;--bg-panel: rgb(255 255 255 / .9);--bg-panel-solid: #ffffff;--bg-panel-muted: #f6f7fa;--bg-elevated: rgb(255 255 255 / .96);--bg-sidebar: #111214;--bg-sidebar-soft: #1a1c21;--bg-sidebar-active: rgb(255 255 255 / .1);--border-soft: #dde2ea;--border-strong: #cfd5df;--border-contrast: rgb(255 255 255 / .12);--text-primary: #17181b;--text-secondary: #5b6270;--text-muted: #7c8494;--text-inverse: #f5f7fb;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-soft: #e7efff;--success: #198754;--success-soft: #e7f6ef;--warning: #b86a06;--warning-soft: #fff2df;--danger: #c53d2f;--danger-soft: #fdecea;--shadow-panel: 0 18px 42px rgb(15 23 42 / .07);--shadow-elevated: 0 22px 54px rgb(15 23 42 / .12);--shadow-hover: 0 18px 40px rgb(37 99 235 / .15);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 10px;--content-max-width: 1440px}*{box-sizing:border-box}html{background:var(--bg-page)}body{margin:0;min-width:320px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select,.ds-input,.ds-textarea,.ds-select{background:#ffffffd1;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);min-height:46px;padding:11px 14px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;width:100%}input:focus,textarea:focus,select:focus,.ds-input:focus,.ds-textarea:focus,.ds-select:focus{border-color:#2563eb7a;box-shadow:0 0 0 4px #2563eb1f;outline:none}textarea,.ds-textarea{min-height:110px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}.admin-button,button,.button{align-items:center;background:linear-gradient(180deg,#2c6df3,#1f5bdd);border:0;border-radius:999px;box-shadow:inset 0 1px #ffffff29;color:#fff;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.admin-button:hover,button:hover,.button:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.admin-button:disabled,button:disabled,.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.admin-button-secondary,.secondary,.ghost,.light{background:#ffffffc7;border:1px solid var(--border-strong);box-shadow:none;color:var(--text-primary)}.danger{background:linear-gradient(180deg,#da5446,#c53d2f);color:#fff}.link-button{background:transparent;border:0;box-shadow:none;color:var(--brand);justify-content:start;min-height:auto;padding:0}.muted,.admin-empty,.summary-card p,.table-like-row p,.project-card p,.stage-card p,.recommendation-card p,.event p,.hero-subcopy,.admin-hero-copy{color:var(--text-secondary);line-height:1.6}.error{color:var(--danger);font-weight:700}.narrow{max-width:520px;width:100%}.form,.wizard-flow{display:grid;gap:18px}.form label,.optimizer-instructions,.template-group-title,.version-check{display:grid;gap:8px}.text-action{color:var(--brand);font-weight:700}.status-chip,.badge,.score-pill,.project-action{align-items:center;background:var(--brand-soft);border-radius:999px;color:var(--brand);display:inline-flex;font-size:12px;font-weight:700;padding:6px 10px;white-space:nowrap}.project-action.primary{background:#dce8ff;color:var(--brand-strong)}.project-action.secondary{background:#edf1f7;color:#4f5968}.project-action.danger{background:var(--danger-soft);color:var(--danger)}.beta-pill{background:var(--warning-soft);border-radius:999px;color:var(--warning);font-size:11px;font-weight:800;padding:4px 8px}.beta-note{color:#8c5a12;font-size:13px;line-height:1.5;margin:0}pre{background:#16181d;border-radius:var(--radius-md);color:#edf2ff;overflow:auto;padding:18px;white-space:pre-wrap}.login-shell{align-items:center;background:radial-gradient(circle at 12% 18%,rgb(255 255 255 / .72),transparent 24%),radial-gradient(circle at 88% 14%,rgb(117 164 255 / .18),transparent 26%),linear-gradient(160deg,#eef1f5,#e8ebf0 45%,#e4e8ee);display:flex;justify-content:center;min-height:100vh;padding:32px}.login-panel{background:#ffffffd1;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid rgb(255 255 255 / .6);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:28px}.login-panel h1,.admin-topbar h1,.admin-hero h1,.hero-header h1{letter-spacing:-.03em}.login-kicker,.admin-topbar-eyebrow,.admin-eyebrow,.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.login-kicker{margin-bottom:12px}.login-panel h1{font-size:var(--font-size-display);line-height:1.06;margin:0 0 10px}.login-copy{color:var(--text-secondary);margin:0 0 20px}.login-footnote{color:var(--text-muted);font-size:12px;margin:4px 0 0}.admin-shell{background:transparent;display:grid;grid-template-columns:296px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#141518fa,#111214fa),var(--bg-sidebar);color:var(--text-inverse);display:flex;flex-direction:column;gap:24px;padding:28px 22px}.sidebar-brand{align-items:center;display:flex;gap:14px}.brand-mark{align-items:center;background:radial-gradient(circle at 30% 30%,rgb(255 255 255 / .28),transparent 42%),linear-gradient(180deg,#3b82f6,#2359d7);border:1px solid rgb(255 255 255 / .16);border-radius:18px;color:#fff;display:inline-flex;font-size:24px;font-weight:800;height:52px;justify-content:center;width:52px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#dbe1eeb3;font-size:13px;margin-top:4px}.sidebar-section{display:grid;gap:10px}.sidebar-title{color:#dbe1eea8;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0;padding:0 8px;text-transform:uppercase}.sidebar-nav{display:grid;gap:8px}.nav-link{align-items:start;background:transparent;border:1px solid transparent;border-radius:18px;color:var(--text-inverse);display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.nav-link small{color:#dbe1eeb8;display:block;line-height:1.45;margin-top:4px}.nav-link:hover,.nav-link.active{background:var(--bg-sidebar-active);border-color:#ffffff1f;transform:translate(2px)}.nav-pill{background:#ffffff14;border:1px solid rgb(255 255 255 / .12);border-radius:999px;color:#f1f5ff;font-size:11px;font-weight:700;padding:4px 8px;white-space:nowrap}.session-panel{background:#ffffff0d;border:1px solid var(--border-contrast);border-radius:20px;display:grid;gap:12px;margin-top:auto;padding:18px}.session-panel span{color:#dbe1eeb3;display:block;font-size:13px;margin-top:4px}.admin-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.admin-topbar{align-items:end;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border-bottom:1px solid rgb(207 213 223 / .82);display:flex;gap:24px;justify-content:space-between;padding:28px 34px 22px;position:sticky;top:0;z-index:10}.admin-topbar h1,.admin-topbar p{margin:0}.admin-topbar h1{font-size:30px;line-height:1.08;margin-bottom:8px}.admin-topbar p{color:var(--text-secondary);line-height:1.55;max-width:780px}.topbar-actions,.hero-actions,.admin-actions,.wizard-actions,.detail-management-actions,.project-management-actions,.optimizer-actions,.approval-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-content{min-width:0;padding:30px 34px 44px}.app-surface{margin:0 auto;max-width:var(--content-max-width)}.admin-page{display:grid;gap:20px}.admin-hero,.hero-header{background:linear-gradient(160deg,#ffffffeb,#f5f7fbe6),radial-gradient(circle at top right,rgb(59 130 246 / .09),transparent 28%);border:1px solid rgb(255 255 255 / .72);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);display:flex;gap:20px;justify-content:space-between;padding:28px}.admin-hero.compact{padding:24px 28px}.admin-hero h1,.hero-header h1{font-size:var(--font-size-display);line-height:1.08;margin:0 0 12px}.metric-grid,.dashboard-grid,.plan-grid,.grid,.project-grid,.template-card-grid,.flow-card-grid,.stage-timeline,.version-tabs,.version-mode-grid,.version-card-list,.version-confirm-list,.summary-list,.recommendation-list{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.product-intake-layout,.workbench-preview-grid,.result-hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.grid.two,.version-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.admin-panel,.panel,.project-card,.version-summary-card,.version-mode-card,.version-edit-card,.stage-card,.template-card,.flow-card,.empty-state,.placeholder{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .68);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.admin-panel,.panel,.empty-state,.placeholder,.project-card,.version-summary-card,.version-mode-card,.version-edit-card,.stage-card,.template-card,.flow-card{padding:22px}.metric-card{padding:20px}.metric-card span,.plan-grid span,.result-card span,.summary-card small,.table-like-row small,.flow-card-facts span,.summary-rail span,.project-kind{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric-card strong,.result-card strong,.summary-card strong,.table-like-row strong,.version-summary-card strong{color:var(--text-primary);font-size:28px}.section-header,.page-header,.card-top,.download-ready-card,.flow-form-header,.version-summary-card,.recommendation-card,.task-row,.user-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.section-header h2,.panel h2,.panel h3,.metric-card p,.summary-card p,.project-card h2,.version-mode-card strong,.version-edit-card strong,.result-card p,.event p,.empty-state p,.placeholder p{margin:0}.summary-list,.table-like-list,.plain-list,.artifact-group,.event-list,.summary-rail,.assistant-note,.template-group,.template-descriptions,.version-editor,.optimizer-instructions{display:grid;gap:12px}.summary-card,.table-like-row,.task-row,.user-row,.artifact-group,.event,.summary-rail article,.plan-grid article,.template-section,.input-priority-strip,.quality-sidecar,.download-ready-card,.assistant-note,.recommendation-card,.page-optimizer{background:var(--bg-panel-muted);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:16px}.table-like-row,.task-row,.user-row{background:#ffffff70}.flow-card,.template-card,.version-mode-card{align-content:start;display:grid;gap:10px;text-align:left}.flow-card-topline{align-items:center;display:flex;gap:8px;justify-content:space-between}.template-card.selected,.flow-card:hover,.version-mode-card.selected,.svg-grid button.selected,.creation-flow-item.selected{border-color:#2563eb38;box-shadow:0 0 0 3px #2563eb1a}.template-color{border-radius:999px;display:inline-block;height:14px;width:44px}.empty-template{border-style:dashed}.step-meter{background:#ffffff8f;border:1px solid var(--border-soft);border-radius:999px;display:flex;flex-wrap:wrap;gap:8px;padding:8px}.step-meter span{border-radius:999px;color:var(--text-secondary);font-size:13px;font-weight:700;padding:8px 12px}.step-meter .active{background:var(--brand-strong);color:#fff}.quality-sidecar,.intake-summary-card{position:sticky;top:108px}.svg-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.svg-grid button{background:#ffffffc7;border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-primary);display:grid;gap:10px;padding:12px;text-align:left}.svg-grid img{background:#fff;border-radius:var(--radius-sm);display:block;width:100%}.svg-frame{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-md);height:560px;margin-top:18px;width:100%}.creation-workspace{display:grid;gap:20px;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.creation-flow-list{display:grid;gap:12px}.creation-flow-item{align-content:start;background:#ffffffad;border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:none;color:var(--text-primary);display:grid;gap:8px;justify-content:stretch;min-height:auto;padding:16px;text-align:left}.creation-main{display:grid;gap:20px;min-width:0}.advanced-panel{background:#f8f9fcd1;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:14px 16px}.advanced-panel.compact{padding:12px 14px}.advanced-panel summary{cursor:pointer;font-weight:700}.advanced-content{margin-top:16px}@media (max-width: 1280px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{gap:18px}.dashboard-grid,.product-intake-layout,.workbench-preview-grid,.result-hero,.creation-workspace,.grid.two,.grid.three,.version-mode-grid{grid-template-columns:1fr}.admin-topbar,.admin-hero,.hero-header,.download-ready-card,.section-header,.card-top,.recommendation-card,.table-like-row,.task-row,.user-row,.flow-form-header,.topbar-actions,.hero-actions{align-items:stretch;flex-direction:column}.quality-sidecar,.intake-summary-card{position:static}}@media (max-width: 640px){.admin-content,.admin-topbar{padding-left:18px;padding-right:18px}.metric-grid{grid-template-columns:1fr}}