* { box-sizing: border-box; font-family: Inter, Helvetica, Arial, sans-serif; }
body { margin: 0; background: #f6f6f6; overflow: hidden; color: #2b2b2b; }
.top-bar { position: absolute; top: 0; width: 100%; height: 56px; display: flex; align-items: center; padding: 0 24px; background: rgba(255,255,255,0.85); z-index: 10; }
#viewer { width: 100vw; height: 100vh; }
.controls { position: absolute; bottom: 0; width: 100%; display: flex; justify-content: space-between; padding: 16px 24px; background: rgba(255,255,255,0.85); }
.presets button, .actions button { background: none; border: none; padding: 6px 12px; cursor: pointer; color: #2b2b2b; }
.presets button.active { border-bottom: 2px solid #444; }
button.primary { background: #2b2b2b; color: #fff; padding: 8px 14px; border-radius: 4px; }