:root{--bg: #f4efe7;--bg-soft: #fbf8f2;--surface: rgba(255, 252, 246, .9);--surface-strong: rgba(255, 255, 255, .96);--line: rgba(36, 49, 74, .12);--text: #182230;--muted: #66748a;--primary: #b64b39;--primary-strong: #8f3325;--accent: #d7a44b;--ink: #2a3852;--success: #22735d;--danger: #a23b32;--shadow: 0 24px 56px rgba(32, 41, 61, .12);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;font-family:Segoe UI Variable Text,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(215,164,75,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(182,75,57,.12),transparent 22%),linear-gradient(180deg,#f7f2eb,#f3ede5 48%,#f8f5f0)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(120deg,rgba(255,255,255,.28),transparent 36%),repeating-linear-gradient(90deg,rgba(24,34,48,.02) 0 1px,transparent 1px 28px)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}pre{margin:0;white-space:pre-wrap}.app-shell{max-width:1240px;margin:0 auto;padding:24px 20px 56px;position:relative}.topbar{position:sticky;top:16px;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;margin-bottom:18px;border:1px solid var(--line);border-radius:999px;background:#fffaf2d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 26px #18223014}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff7ef;font-family:Georgia,"Noto Serif SC",serif;font-size:18px;font-weight:700}.brand-text{display:grid;gap:2px}.brand-text strong,h1,h2,h3{font-family:Georgia,"Noto Serif SC",serif;letter-spacing:.01em}.brand-text small{color:var(--muted)}.topnav,.inline-actions,.wrap-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.topnav a,.topnav button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(36,49,74,.1);color:var(--ink)}.primary-btn,.ghost-btn,.segmented-btn,.quick-card,.category-card,.tag-chip{border:1px solid transparent;border-radius:999px;transition:.18s ease}.primary-btn,.ghost-btn{padding:10px 16px}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff7ef;box-shadow:0 12px 24px #b64b393d}.ghost-btn{background:#ffffffc2;border-color:#24314a1a;color:var(--ink)}.primary-btn:hover,.ghost-btn:hover,.segmented-btn:hover,.quick-card:hover,.category-card:hover,.tag-chip:hover{transform:translateY(-1px)}.surface-card,.toast,.dialog-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow)}.surface-card{padding:24px}.toast{padding:14px 18px;margin-bottom:14px}.toast-success{border-color:#22735d33}.toast-error{border-color:#a23b323d;color:var(--danger)}.stack-layout{display:grid;gap:18px}.split-layout,.create-layout,.hero-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.create-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)}.hero-grid{align-items:stretch}.hero-copy,.hero-banner{background:linear-gradient(135deg,#2a3852fa,#455674eb),linear-gradient(180deg,rgba(255,255,255,.06),transparent 50%);color:#f6f2ec}.hero-copy .eyebrow,.hero-banner .eyebrow{color:#ffd18a}.hero-copy p,.hero-banner p,.hero-panel p{line-height:1.7}.hero-copy h1{margin:8px 0 14px;font-size:clamp(34px,5vw,56px);line-height:1.05}.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.card-cardinal{padding:30px}.card-neutral{padding:28px}.card-cardinal,.card-neutral{border:1px solid rgba(36,49,74,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.eyebrow{margin:0 0 6px;color:var(--primary);letter-spacing:.12em;font-size:13px;text-transform:uppercase}.muted,small{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.metric-grid,.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-grid article,.pricing-card,.event-card,.preview-stack article,.cost-card,.tip-card{border:1px solid rgba(36,49,74,.08);border-radius:var(--radius-md);background:#ffffffb8}.metric-grid article{padding:16px}.metric-grid span{display:block;color:var(--muted);margin-bottom:8px}.metric-grid strong{font-size:32px}.flow-list{display:grid;gap:12px;padding-left:20px;margin:0}.compact-flow li{line-height:1.6}.card-list,.chapter-list,.event-list,.preview-stack,.cost-pill-row{display:grid;gap:12px}.surface-card h2,.surface-card h3,.hero-copy h1,.hero-panel h3{margin-top:0}.quick-card,.category-card{text-align:left;padding:16px;background:#ffffffd1;border-color:#24314a1a}.quick-card{border-radius:var(--radius-md)}.list-link{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(36,49,74,.08)}label{display:grid;gap:8px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid rgba(36,49,74,.12);border-radius:var(--radius-sm);background:#ffffffe0;color:var(--text)}textarea{min-height:104px;resize:vertical}.chapter-editor{min-height:360px;line-height:1.75}.field-block{display:grid;gap:10px}.segmented-control,.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.segmented-btn,.tag-chip{padding:10px 14px;background:#ffffffc7;border-color:#24314a14;color:var(--ink)}.segmented-btn.is-active,.tag-chip.is-selected,.category-card.is-active{background:#b64b391f;border-color:#b64b3942;color:var(--primary-strong)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card small{display:block;margin-top:6px;color:var(--muted);line-height:1.5}.pro-panel,.diff-panel,.cost-card,.tip-card{padding:16px}.action-strip,.chapter-compose{display:grid;gap:12px;align-items:end}.chapter-compose{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr) auto;margin-bottom:20px}.grow{min-width:0}.preview-panel{align-self:start;position:sticky;top:108px}.preview-stack article,.cost-card,.tip-card,.event-card,.pricing-card{padding:16px}.preview-stack span,.event-card small{color:var(--muted)}.chapter-card{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(36,49,74,.08);border-radius:var(--radius-md);background:#ffffffb8}.chapter-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.status-chip,.cost-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#2a385214;color:var(--ink);font-size:12px}.status-draft,.status-queued,.status-processing{background:#d7a44b2e}.status-generated,.status-succeeded,.status-published,.status-settled{background:#22735d29}.status-failed,.status-refunded{background:#a23b3229}.code-panel{padding:16px;border-radius:var(--radius-md);background:#1e2633;color:#f2ede4;overflow:auto}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card h3{margin:10px 0;font-size:34px}.inline-link{color:var(--primary-strong);text-decoration:underline;text-underline-offset:3px}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#18223061;z-index:20}.dialog-card{width:min(460px,100%);padding:24px}.dialog-stats{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:12px 14px;border-radius:var(--radius-sm);background:#2a38520f}@media(max-width:980px){.split-layout,.create-layout,.hero-grid,.metric-grid,.pricing-grid,.chapter-compose,.category-grid{grid-template-columns:1fr}.topbar{border-radius:26px;align-items:flex-start;flex-direction:column}.preview-panel{position:static}}@media(max-width:640px){.app-shell{padding:16px 14px 40px}.surface-card,.card-cardinal,.card-neutral{padding:18px}.brand-lockup,.topnav{width:100%}.topnav a,.topnav button,.primary-btn,.ghost-btn{width:100%;justify-content:center}.chapter-card{flex-direction:column}}