:root{--bg: #000;--accent: #ff3b30;--text: #fff}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);touch-action:none}#app-wrapper{position:relative;width:100%;height:100%}#preview{width:100%;height:100%;object-fit:cover;transition:filter .4s cubic-bezier(.25,.1,.25,1)}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}#status-badge{pointer-events:auto;margin:40px auto 0;padding:6px 16px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;font-size:14px;font-weight:500}#controls-drawer{pointer-events:auto;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.filters{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}input[type=range]{width:100%;height:4px;background:#ffffff4d;border-radius:2px;appearance:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#fff;border-radius:50%}.main-actions{display:flex;justify-content:center;gap:30px}button{width:70px;height:70px;border-radius:50%;border:4px solid #fff;background:transparent;cursor:pointer;transition:transform .2s}button:active{transform:scale(.9)}button:disabled{opacity:.3;border-color:#666;cursor:default}.btn-rec{background:var(--accent);border-color:#fff}.btn-stop{background:var(--text);border-color:#fff}