HONJANG / RESPONSIVE COMPOSITIONPROTOTYPE v0 - throwaway, not production
keys: 1-3 variant | D/M viewport | A annotate | C contract
LAYOUT CONTRACT
Candidate contract for the active variant. Shared rules are locked by tickets #2 #3 #4 #5.
Shared - locked
One theme per palette: single accent, mono labels, hairline borders. No gradients, glass, or neon. Switch palettes with the chips (or P key).
Pre-Start setup card holds the five everyday fields (direction, politeness, your role, senior's name, context). Collapses after START.
Drawer = Settings: Mode at top, then Provider, VAD, Agent behavior groups. History is a separate top-bar surface, never inside the drawer.
Status chip and dock label the state in words: offline, connecting, permission, ready, listening, translating, playback, disconnected, ended.
Mic target 56px (min 44px). Dock honors env(safe-area-inset-bottom). Esc closes the drawer. prefers-reduced-motion kills pulse and progress animations.
390px check: single column, zero horizontal overflow, touch targets intact.