body{height:100vh;overflow:hidden;display:flex}.sidebar{width:290px;min-width:290px;background:var(--surface);border-right:1px solid var(--edge);display:flex;flex-direction:column;z-index:10}.logo{padding:16px 18px;border-bottom:1px solid var(--edge);font-family:Syne,sans-serif;font-weight:800;font-size:15px;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.logo .dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:pulse 2s ease-in-out infinite}.controls{flex:1;overflow-y:auto;padding:12px 14px}.controls::-webkit-scrollbar{width:4px}.controls::-webkit-scrollbar-track{background:transparent}.controls::-webkit-scrollbar-thumb{background:var(--edge);border-radius:2px}.stitle{font-size:8px;text-transform:uppercase;letter-spacing:2.5px;color:var(--dim);margin:16px 0 7px}.stitle:first-child{margin-top:0}.meter-row{display:flex;align-items:center;gap:6px;margin-bottom:3px;font-size:9px;color:var(--dim)}.meter-label{width:34px}.meter-bar{flex:1;height:3px;background:var(--edge);border-radius:2px;overflow:hidden}.meter-fill{height:100%;width:0%;border-radius:2px;transition:width .05s linear}.m-bass{background:var(--accent2)}.m-mid{background:var(--gold)}.m-high{background:var(--cyan)}.m-nrg{background:var(--accent3)}.mood-badge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:9px;font-weight:500;background:var(--edge);color:var(--dim);transition:all .4s;margin-top:5px}.fgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.fb{background:var(--bg);border:1px solid var(--edge);color:var(--dim);padding:7px 4px;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:9px;transition:all .2s;text-align:center}.fb:hover{border-color:var(--accent);color:var(--text)}.fb.active{background:#00ffaa0f;border-color:var(--accent);color:var(--accent)}.sg{margin-bottom:8px}.sh{display:flex;justify-content:space-between;font-size:9px;margin-bottom:3px}.sv{color:var(--accent);font-weight:500}input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--edge);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:var(--accent);border-radius:50%;cursor:pointer}.color-row{display:flex;gap:6px;align-items:center;margin-bottom:5px}.color-row label{font-size:9px;flex:1}.color-row input[type=color]{width:26px;height:20px;border:1px solid var(--edge);border-radius:3px;background:var(--bg);cursor:pointer;padding:0}.trow{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:9px}.tgl{width:30px;height:16px;background:var(--edge);border-radius:8px;cursor:pointer;position:relative;transition:background .2s}.tgl.on{background:var(--accent)}.tgl:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.tgl.on:after{transform:translate(14px)}.main{flex:1;display:flex;flex-direction:column;position:relative}.top-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--edge);font-size:9px;color:var(--dim)}.fps{font-variant-numeric:tabular-nums;color:var(--accent)}.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#0c0c16 0%,var(--bg) 70%)}canvas#out{max-width:100%;max-height:100%;border-radius:6px}video#cam{position:absolute;opacity:0;pointer-events:none}.ov{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06060bf7;z-index:20;gap:12px}.ov.hidden{display:none}.ov h1{font-family:Syne,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,var(--accent),var(--accent3),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ov p{color:var(--dim);font-size:11px;max-width:420px;text-align:center;line-height:1.6}.sbtn{margin-top:8px;padding:12px 30px;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-family:Syne,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.sbtn:hover{transform:scale(1.03);box-shadow:0 0 28px #0fa3}.stat{font-size:10px;color:var(--accent2);min-height:15px}.capture-row{display:flex;gap:4px}.capture-row .fb{flex:1}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.preset-btn{background:var(--bg);border:1px solid var(--edge);color:var(--dim);padding:6px 4px;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:8px;transition:all .2s;text-align:center}.preset-btn:hover{border-color:var(--accent);color:var(--text)}.preset-btn.active{background:#00ffaa0f;border-color:var(--accent);color:var(--accent)}.share-row{display:flex;gap:4px;margin-top:4px}.share-row .fb{flex:1}.ad-slot-sidebar{margin-top:16px;padding:8px;border-top:1px solid var(--edge);text-align:center;min-height:250px}