:root{--bg:#f4ede6;--body:#2b2622;--muted:#7d6f64;--heading:#211b17;--accent:#8d5f45;--panel-border:#9e8a7833;--font-body:"Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-editorial:"Iowan Old Style", "Palatino Linotype", "Baskerville", "Source Han Serif SC", "Noto Serif SC", serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;color:var(--body);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#a4806324,#0000 22%),radial-gradient(circle at 100%,#6d544014,#0000 20%),linear-gradient(#fbf7f1,#f4ede6 44%,#efe5db)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,select,textarea{font:inherit}img{max-width:100%}#root{min-height:100vh}.app-shell{box-sizing:border-box;min-height:100vh;padding:18px 20px 24px}.topbar-panel{background:linear-gradient(#fffdf9fa,#fffbf5f5);border:1px solid #9e8a782e;border-radius:18px;max-width:1360px;margin:0 auto 18px;padding:14px 16px 12px;box-shadow:0 16px 32px #36271c0f}.product-block{white-space:nowrap;align-items:baseline;gap:12px;min-width:0;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:700}.product-block h1{font-family:var(--font-editorial);letter-spacing:.01em;color:var(--heading);margin:0;font-size:1.02rem;font-weight:600;line-height:1.25}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-toolbar{flex-wrap:nowrap}.design-badge{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.design-badge strong{font-family:var(--font-editorial);letter-spacing:.02em;color:var(--heading);font-size:.95rem;font-weight:600}.design-badge span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.76rem}.toolbar-actions{flex:none;gap:8px;display:flex}.toolbar-actions button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:9px 12px;font-size:.86rem;font-weight:600;transition:transform .16s,box-shadow .16s,background-color .16s}.toolbar-actions button:hover{transform:translateY(-1px)}.toolbar-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ghost{color:var(--heading);background:#fffdfa;box-shadow:inset 0 0 0 1px #9e8a7833}.primary{color:#fff;background:linear-gradient(135deg,#8e654b,#6b4732);box-shadow:0 12px 24px #6f4c3838}.status-row{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;font-size:.8rem;display:flex}.template-note{color:var(--heading);font-weight:700}.workspace{grid-template-columns:minmax(320px,.96fr) minmax(320px,1.04fr);gap:24px;max-width:1360px;margin:0 auto;display:grid}.panel{background:#fffdfaf5;border:1px solid #9e8a782e;border-radius:24px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 20px 42px #36271c0f}.panel-header{background:linear-gradient(#fffcf8,#fffffff0);border-bottom:1px solid #9e8a7824;padding:22px 24px 18px}.panel-header h2{font-family:var(--font-editorial);color:var(--heading);letter-spacing:.01em;margin:0;font-size:1.08rem;font-weight:600}.panel-header p{color:var(--muted);margin:6px 0 0;font-size:.94rem}.editor{resize:vertical;min-height:70vh;color:var(--body);font:400 .98rem/1.82 var(--font-mono);background:0 0;border:none;outline:none;flex:1;padding:24px}.wechat-stage{background:radial-gradient(circle at top,#c5b09b2e,#0000 24%),linear-gradient(#f7f1ea,#f2ebe2);flex:1;padding:24px;overflow:auto}.phone-preview{background:#fffdf9;border:1px solid #9e8a7829;border-radius:24px;width:min(100%,390px);margin:0 auto;overflow:hidden;box-shadow:0 24px 50px #4832241f}.phone-preview-bar{background:#fffaf4;border-bottom:1px solid #9e8a7829;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.phone-preview-bar span{height:6px;display:block}.phone-preview-bar strong{color:#8c7360;letter-spacing:.12em;font-size:12px;font-weight:600}.wechat-article{width:100%;padding:24px 20px 30px}@media (width<=1024px){.workspace{grid-template-columns:1fr}.editor{min-height:48vh}}@media (width<=720px){.app-shell{padding:14px 12px 16px}.topbar-panel,.panel{border-radius:18px}.topbar-panel{padding:14px}.compact-toolbar{flex-wrap:wrap}.product-block{white-space:normal}.design-badge{order:3;width:100%;padding-top:2px}.panel-header,.editor,.wechat-stage{padding:18px}.phone-preview{border-radius:18px;width:100%}.wechat-article{padding:18px 16px 22px}}