:root{color:#1d1a16;background:#f3efe6;font-family:Avenir Next,PingFang SC,Noto Sans SC,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:999px;padding:10px 16px;background:#0f5f5c;color:#fffaf3;cursor:pointer}button.ghost{background:transparent;color:#1d1a16;border:1px solid #d9d1c3}button:disabled{opacity:.45;cursor:default}input{width:100%;border:1px solid #d9d1c3;background:#fffdf9;border-radius:12px;padding:12px 14px}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.brand{font-family:Iowan Old Style,Songti SC,serif;font-size:28px;margin:0}.muted{color:#6f685f}.card{background:#fffdf9;border:1px solid #e6dfd2;border-radius:18px;padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.stack{display:grid;gap:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:180px;width:auto}.pill{border-radius:999px;padding:3px 8px;font-size:12px;background:#ece7dc}.pill.control{background:#d7efe8;color:#0f5f5c}.pill.view{background:#f8e7c8;color:#8a5a10}.pill.offline{background:#ece7dc;color:#6f685f}.error{color:#9c341f;min-height:1.2em}.stage{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px;align-items:start}canvas.screen{width:100%;height:680px;background:#161411;border-radius:22px;touch-action:none;cursor:crosshair}@media (max-width: 800px){.stage{grid-template-columns:1fr}canvas.screen{height:520px}}