:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-controls:#222;--accent-safelight:#d4264f;--accent-light:#f4e54f;--text-primary:#f0f0f0;--text-secondary:#888;--border-color:#404040;--font-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--control-height:64px;--transition-fast:.15s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}#viewer{background:#000;flex:1;width:100%;display:block}.controls{background:var(--bg-controls);flex-direction:column;gap:8px;padding:12px;display:flex}.controls__row{align-items:center;gap:8px;display:flex}.controls__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);min-width:60px;font-size:11px}.controls__value{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:14px}input[type=range]{appearance:none;background:var(--border-color);border-radius:4px;outline:none;flex:1;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-safelight);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 0 8px #d4264f66}input[type=range]::-moz-range-thumb{background:var(--accent-safelight);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px}.buttons{flex-wrap:wrap;gap:8px;display:flex}.btn{min-width:64px;height:var(--control-height);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.btn:active{background:var(--accent-safelight);transform:scale(.96)}.btn--active{background:var(--accent-safelight);border-color:var(--accent-safelight)}.btn--invert{background:var(--accent-safelight)}.btn--pro{background:var(--accent-light);color:#000;border-color:var(--accent-light)}.pro-section{margin-top:8px;display:block!important}#btn-pro{width:100%;font-weight:700;color:#000!important;visibility:visible!important;opacity:1!important;background:#f4e54f!important;display:flex!important}.btn-pro-fixed{z-index:100;color:#000;cursor:pointer;background:#f4e54f;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;position:fixed;top:10px;right:10px;box-shadow:0 2px 10px #0000004d}.pro-modal{z-index:1000;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.pro-modal__content{background:var(--bg-secondary);text-align:center;border-radius:12px;width:90%;max-width:300px;padding:24px}.pro-modal__content h3{color:var(--accent-light);margin-bottom:16px}.pro-modal__content input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);font-family:var(--font-mono);text-align:center;border-radius:8px;margin:12px 0;padding:12px}.pro-modal .btn{min-width:100%;margin-top:8px}.btn--close{background:0 0;margin-top:16px}.pro-message{margin-top:12px;font-size:12px}.pro-message.success{color:#4ade80}.btn--buy{color:#fff;background:#635bff;text-decoration:none;display:block}.btn--buy:hover{background:#544edc}.pro-message.error{color:var(--accent-safelight)}.error-overlay{text-align:center;background:#0a0a0af2;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.error-overlay h2{color:var(--accent-safelight);font-size:18px}.error-overlay p{color:var(--text-secondary);max-width:300px;font-size:14px}