:root{color-scheme:dark;--bg: #120c18;--panel: #23182f;--line: #3b2d4d;--text: #f4ecff;--muted: #b5a4c9;--accent: #c9a27a;--danger: #e25b6a;--radius: 14px;--touch: 40px;font-family:CangErYuMo,Source Han Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:radial-gradient(1200px 700px at 20% -10%,#3a2158 0%,var(--bg) 55%);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{min-height:var(--touch);border:1px solid var(--line);background:#2b2038;border-radius:12px;padding:0 12px;cursor:pointer}button.primary{background:linear-gradient(180deg,#d4b08c,#b8895e);color:#2a160c;border-color:#e7d0b0;font-weight:500}button.ghost{background:transparent}button.danger{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,textarea,select{width:100%;min-height:var(--touch);border:1px solid var(--line);background:#160f20;border-radius:12px;padding:8px 12px;font-size:16px}textarea{min-height:72px;resize:vertical;line-height:1.45}input[type=range]{min-height:32px;padding:0;accent-color:var(--accent)}input[type=checkbox]{width:20px;height:20px;min-height:20px}label.field{display:grid;gap:4px;font-size:12px;color:var(--muted)}label.field.tight{margin-top:8px}.inline{display:flex;align-items:center;gap:8px;color:var(--text)}.chip-row,.option-row{display:flex;flex-wrap:wrap;gap:8px}.chip,.option{min-height:var(--touch);padding:0 12px;border-radius:999px}.option{min-width:64px;text-align:center;border-radius:12px}.chip.active,.option.active{background:#4b2f78;border-color:#c4a67c}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px calc(8px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:#120c18eb;z-index:5}.brand{display:grid;gap:1px}.brand strong{font-size:16px;font-weight:500}.brand span{font-size:11px;color:var(--muted)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:12px;padding:12px}.stage{min-height:0;display:flex;align-items:center;justify-content:center;background:#00000047;border:1px solid var(--line);border-radius:var(--radius);padding:10px;overflow:hidden}.stage canvas{max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:5 / 7;border-radius:10px;box-shadow:0 12px 36px #00000073;touch-action:none;background:#000}.hint,.sub{font-size:12px;color:var(--muted);margin:6px 0 0}.sub{margin:10px 0 6px}.panel{min-height:0;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:grid;gap:12px;-webkit-overflow-scrolling:touch}.section h3{margin:0 0 8px;font-size:13px;font-weight:500;color:var(--accent)}.stack,.art-ops{display:grid;gap:8px}.font-grid{display:grid;gap:6px}.font-row{display:grid;grid-template-columns:36px var(--touch) 1fr var(--touch) 28px;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.font-row button{min-width:var(--touch);padding:0}.font-row em{font-style:normal;color:var(--text);text-align:right}.footer-bar{display:none}.busy{position:fixed;inset:0;background:#0a0610b8;display:grid;place-items:center;z-index:20;padding:24px;text-align:center}@media(max-width:860px){.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:8px 8px 0;gap:8px}.topbar .desktop-only{display:none}.stage{padding:6px}.stage canvas{height:min(42dvh,calc(100dvh - 18rem));width:auto;max-width:calc(100vw - 28px)}.panel{border-radius:var(--radius) var(--radius) 0 0;padding:10px 10px 78px}.footer-bar{display:flex;position:fixed;left:0;right:0;bottom:0;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#120c18f5;border-top:1px solid var(--line);z-index:6}.footer-bar button{flex:1}.section h3{font-size:12px}}