:root{color-scheme:dark;--mw-ink: #f0e9dc;--mw-ink-dim: #a99f8d;--mw-ground: #17140f;--mw-band: #211c15;--mw-edge: #3c332616;--mw-line: #5c503c;--mw-gap: 8px;--mw-pad: 12px;--mw-radius: 6px;--mw-touch-min: 44px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--mw-ground);color:var(--mw-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.3;overflow-x:hidden;-webkit-text-size-adjust:100%;overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh;display:grid}.frame{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:var(--mw-gap);min-height:100vh;min-height:100dvh;padding:var(--mw-gap);padding-top:calc(var(--mw-gap) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--mw-gap) + env(safe-area-inset-bottom,0px))}.frame__band{background:var(--mw-band);border:1px solid var(--mw-line);border-radius:var(--mw-radius);padding:var(--mw-pad);min-width:0}.frame__status{display:flex;align-items:center;justify-content:center}.status__title{font-size:1.05rem;font-weight:600;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame__viewport{display:grid;align-content:start;overflow:hidden}.viewport__boxes{display:grid;grid-auto-flow:row;gap:var(--mw-gap);min-width:0}.box{border:1px dashed var(--mw-line);border-radius:var(--mw-radius);padding:var(--mw-pad);min-height:var(--mw-touch-min);display:flex;align-items:center;color:var(--mw-ink);background:var(--mw-edge);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame__hand{display:flex;align-items:center;min-height:var(--mw-touch-min)}.hand__label{color:var(--mw-ink-dim);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}.frame__toolbar{display:flex;gap:var(--mw-gap);align-items:stretch}.chip{flex:1 1 0;min-width:var(--mw-touch-min);min-height:var(--mw-touch-min);padding:0 var(--mw-gap);border:1px solid var(--mw-line);border-radius:var(--mw-radius);background:var(--mw-edge);color:var(--mw-ink);font:inherit;font-size:.95rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
