:root{color:#0b1543;font-synthesis:none;text-rendering:optimizelegibility;--navy:#0b1543;--orange:#ff8026;--orange-dark:#d95f09;--muted:#6e7591;--border:#e6e9f2;--surface:#fff;--background:#eef1f7;--danger:#c0362c;background:#eef1f7;font-family:Ubuntu,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #ff80266b}.app-shell{background:radial-gradient(circle at 82% 8%, #ff80261a, transparent 24rem), var(--background);flex-direction:column;min-height:100dvh;padding:0 5vw 18px;display:flex}.site-header{flex:none;justify-content:space-between;align-items:center;width:100%;max-width:1240px;height:62px;margin:0 auto;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-size:18px;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{border-radius:10px;width:34px;height:34px;display:block}.brand strong{color:var(--orange-dark);font-weight:600}.header-actions{align-items:center;gap:18px;display:flex}.privacy-note{color:var(--muted);font-size:13px;font-weight:500}.privacy-note span{color:#0e7c4a;margin-right:6px}.extension-link{border:1px solid var(--orange-dark);min-height:36px;color:var(--orange-dark);border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.extension-link img{object-fit:contain;width:18px;height:18px;display:block}.extension-link:hover{color:#fff;background:var(--orange-dark)}.app-content{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.hero{flex:none;width:100%;max-width:1240px;margin:24px auto 26px}.eyebrow{color:var(--orange-dark);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(38px,4.2vw,56px);line-height:.96}.hero h1 span{color:var(--orange-dark)}.lede{max-width:680px;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.45}.workspace{flex:none;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;width:100%;max-width:1240px;margin:0 auto;display:grid}.stage,.control-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 18px 50px #0b154314}.stage{aspect-ratio:16/9;background:#0b1020;border-radius:20px;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.stage canvas,.review-video{object-fit:contain;width:100%;height:100%;max-height:70vh}.stage .is-hidden{display:none}.stage-empty{color:#aeb5ce;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.stage-empty strong{color:#fff;font-size:17px}.stage-empty span:last-child{font-size:14px}.screen-icon{width:60px;height:60px;color:var(--orange);border:1px solid #37415e;border-radius:16px;place-items:center;margin-bottom:8px;font-size:30px;display:grid}.recording-pill{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#0b1020cc;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:18px;left:18px}.recording-pill span{background:#e0473e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e0473e2e}.recording-pill.is-paused span{box-shadow:none;background:#f5b642;border-radius:2px}.countdown{color:#fff;background:#0b1543d1;border:3px solid #ffffffb8;border-radius:50%;place-items:center;width:112px;height:112px;font-size:54px;font-weight:600;animation:1s ease-out infinite countdown-pulse;display:grid;position:absolute;box-shadow:0 16px 50px #00000059}@keyframes countdown-pulse{0%{opacity:.6;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.control-card{border-radius:20px;align-self:start;padding:28px}.control-card h2{letter-spacing:-.025em;margin:0 0 8px;font-size:24px}.muted{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.5}.option-list{border-top:1px solid var(--border);margin-bottom:22px}.option{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.option span{flex-direction:column;gap:4px;display:flex}.option strong{font-size:14px}.option small{color:var(--muted);font-size:12px}.option input{width:20px;height:20px;accent-color:var(--orange-dark)}.select-option{border-bottom:1px solid var(--border);gap:9px;min-width:0;padding:15px 0;display:grid}.select-option span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.select-option strong{font-size:14px}.select-option small{color:var(--muted);font-size:11px}.select-option select{border:1px solid var(--border);width:100%;min-width:0;max-width:100%;min-height:40px;color:var(--navy);font:inherit;text-overflow:ellipsis;background:#fff;border-radius:8px;padding:0 34px 0 10px;overflow:hidden}.primary-button,.secondary-button,.stop-button{cursor:pointer;border-radius:11px;place-items:center;width:100%;min-height:48px;padding:0 18px;font-weight:600;text-decoration:none;display:grid}.primary-button{border:1px solid var(--orange-dark);color:#fff;background:var(--orange-dark);box-shadow:0 7px 18px #d95f0933}.primary-button:hover:not(:disabled){background:#c85305}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid var(--border);color:var(--navy);background:#fff;margin-top:10px}.stop-button{border:1px solid var(--danger);color:#fff;background:var(--danger)}.recording-controls{gap:10px;display:grid}.recording-controls .secondary-button{margin-top:0}.control-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.start-row{grid-template-columns:48px minmax(0,1fr);gap:10px;display:grid}.settings-button,.close-button{border:1px solid var(--border);color:var(--navy);cursor:pointer;background:#fff;place-items:center;display:grid}.settings-button{border-radius:11px;width:48px;height:48px;font-size:20px}.settings-button:hover:not(:disabled),.close-button:hover{background:#f7f8fc;border-color:#c7cde0}.settings-button:disabled{opacity:.5;cursor:wait}.settings-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b15436b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-dialog{border:1px solid var(--border);background:#fff;border-radius:20px;width:min(440px,100%);max-height:min(720px,100vh - 48px);padding:28px;overflow:auto;box-shadow:0 24px 80px #0b15433d}.settings-header{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:8px;display:flex}.settings-header .eyebrow{margin-bottom:7px}.settings-header h2{margin:0;font-size:24px}.close-button{border-radius:10px;flex:none;width:40px;height:40px;font-size:26px;line-height:1}.advanced-settings{min-width:0;margin-bottom:22px}.scope-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:11px;line-height:1.45}.visualizer-note{color:#74410f;background:#fff8e8;border:1px solid #f1d19b;border-radius:9px;margin:14px 0 0;padding:10px;font-size:12px;line-height:1.45}.visualizer-note.is-success{color:#075c36;background:#edfaf3;border-color:#a8dbc2}.error{color:var(--danger);background:#fdecea;border:1px solid #f6c9c4;border-radius:9px;padding:12px;font-size:13px;line-height:1.45}.site-footer{border-top:1px solid var(--border);width:100%;max-width:1240px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;gap:24px;margin:auto auto 0;padding-top:24px;font-size:10px;font-weight:600;display:flex}.site-footer p{margin:0}.powered-by{align-items:center;gap:8px;display:flex}.bits-brand{color:var(--navy);letter-spacing:normal;text-transform:lowercase;align-items:center;font-family:Ubuntu,sans-serif;font-size:16px;text-decoration:none;transition:opacity .2s;display:inline-flex}.bits-brand:hover{opacity:.72}.bits-brand strong{font-weight:700}.bits-sign{background:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27><path fill=%27orangered%27 d=%27M334.1,258.5c-.5,5.4-2.9,10.7-6.9,14.8L150.9,449.6c-9.7,9.7-25.5,9.7-35.2,0l-35.2-35.2c-9.7-9.7-9.7-25.5,0-35.2L203.8,256 80.4,132.7c-9.7-9.7-9.7-25.5,0-35.2l35.2-35.2c9.7-9.7,25.5-9.7,35.2,0l176.4,176.4c5.3,5.3,7.6,12.6,6.9,19.8z%27/><path fill=%27orangered%27 d=%27M115.6,273.6 80.4,308.8c-9.7,9.7-25.5,9.7-35.2,0l-35.4-35.5c-9.4-9.7-9.4-25.1,0-34.8l35.4-35.4c9.7-9.7,25.5-9.7,35.2,0l35.2,35.2c9.8,9.8,9.8,25.6,0,35.3zm387.4,0-35.2,35.2c-9.7,9.7-25.5,9.7-35.2,0l-35.2-35.2c-9.7-9.7-9.7-25.5,0-35.2l35.2-35.2c9.7-9.7,25.5-9.7,35.2,0l35.2,35.2c9.7,9.7,9.7,25.5,0,35.2z%27/></svg>") 50%/contain no-repeat;width:14px;height:12px;margin:4px;display:inline-block;transform:scale(1.3)}@media (width<=850px){.app-shell{padding-bottom:36px;display:block}.workspace{grid-template-columns:1fr}.control-card{width:100%}.site-footer{margin-top:48px}}@media (width<=560px){.app-shell{padding-inline:18px}.privacy-note{display:none}.extension-link{min-height:34px;padding-inline:11px;font-size:12px}.hero{margin-top:24px}.hero h1{font-size:44px}.site-footer{flex-direction:column;align-items:flex-start;gap:14px}}@media (width>=851px) and (height<=760px){.site-header{height:54px}.hero{margin-block:10px 16px}.hero h1{font-size:40px}.lede{margin-top:8px;font-size:14px}.workspace{max-width:1100px}.control-card{padding:22px}.option{min-height:60px}.site-footer{max-width:1100px;padding-top:14px}}