: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}.screen-frame{position:relative;width:100%;height:680px;border:1px solid #e6dfd2;border-radius:22px;overflow:hidden;background:#fffdf9}canvas.screen{width:100%;height:100%;background:#f3efe6;touch-action:none;cursor:crosshair}.screen-wait{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 28px;text-align:center;background:linear-gradient(180deg,#f7f4ee,#fffdf9 70%)}.screen-wait strong{font-size:20px}.screen-wait p{max-width:280px;margin:0;color:#6f685f}.phone-ghost{width:92px;height:168px;border:3px solid #0f5f5c;border-radius:18px;background:#f3efe6;box-shadow:inset 0 0 0 8px #fffdf9;position:relative}.phone-ghost span{position:absolute;top:16px;right:14px;width:10px;height:10px;border-radius:50%;background:#e2b657}@media (max-width: 800px){.stage{grid-template-columns:1fr}.screen-frame{height:520px}}