*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#c8c8d8;font-family:monospace;display:flex;flex-direction:column;align-items:center;padding:24px;gap:16px;min-height:100vh}#root{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}h1{font-size:13px;letter-spacing:.15em;color:#0f8}.status{font-size:11px;color:#888;letter-spacing:.08em}.canvases{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;justify-content:center}.canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.canvas-label{font-size:10px;color:#555;letter-spacing:.1em}canvas{border:1px solid #2a2a3a;display:block}.snap-btn{background:none;border:1px solid #00ff88;color:#0f8;font-family:monospace;font-size:12px;padding:8px 24px;cursor:pointer;letter-spacing:.1em}.snap-btn:disabled{border-color:#3f5d4f;color:#3f5d4f;cursor:not-allowed;background:#3f5d4f26}.snap-btn:hover:not(:disabled){background:#00ff881a}.snap-btn:disabled:hover{background:#3f5d4f26}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:500px;opacity:.3;pointer-events:none}.controls.active{opacity:1;pointer-events:all}.control-label{font-size:11px;color:#888;letter-spacing:.08em}input[type=range]{width:100%;accent-color:#00ff88}.morph-val{color:#0f8;font-size:13px}.morph-canvas{background:transparent}.debug{font-size:10px;color:#444;max-width:500px;text-align:center;line-height:1.6}.debug-toggles{display:grid;gap:6px;width:100%;max-width:500px;margin-top:4px}.debug-toggles label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;color:#999}