*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#111827;color:#fff}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:8px 16px;background:#1f2937}.control{display:flex;align-items:center;gap:8px;font-size:14px}.range{width:128px}.range-value{width:24px;text-align:right}.field{width:64px;padding:2px 8px;border:0;border-radius:4px;background:#374151;color:#fff;font:inherit}.field-wide{width:80px}.note{font-size:12px;color:#9ca3af}.hint{margin-left:auto}.canvas{flex:1;min-height:0}.plane{display:block;background:#030712;cursor:crosshair;-webkit-user-select:none;user-select:none}.handle{cursor:grab}