@font-face{font-family:'Geist';src:url(/fonts/Geist-Variable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(/fonts/GeistMono-Variable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Kalam';src:url(/fonts/Kalam-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Kalam';src:url(/fonts/Kalam-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
.embed #snd,.embed #vo,.embed #vob,.embed #cc,.embed #rec,.embed #vop,.embed #tp{display:none!important}
html,body{margin:0;height:100%;background:#e4e7eb;overflow:hidden;font-family:'Geist',system-ui,sans-serif;color:#151922}
a{color:#151922}a:hover{color:#4a5160}
#wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#f6f8fa;box-shadow:0 1px 0 rgba(0,0,0,.04),0 12px 40px rgba(21,25,34,.08);overflow:hidden}
canvas{display:block;width:100%;height:100%;cursor:pointer}
#bar{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(21,25,34,.88);color:#f6f8fa;border-radius:6px;font:500 12px/1 'Geist Mono',monospace;transition:opacity .3s}
#bar.hide{opacity:0;pointer-events:none}
#bar button{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:30px;padding:0 8px;background:transparent;border:1px solid transparent;color:#f6f8fa;border-radius:4px;font:inherit;cursor:pointer}
#bar button:hover{border-color:rgba(246,248,250,.3)}
#bar button.off{color:rgba(246,248,250,.45);text-decoration:line-through}
#bar svg{width:14px;height:14px}
#sc{flex:1;min-width:60px;accent-color:#bdd83a}
#tm{white-space:nowrap;color:rgba(246,248,250,.75)}
#cap{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);max-width:80%;padding:8px 14px;background:rgba(21,25,34,.86);color:#f6f8fa;font:400 clamp(12px,1.6vw,20px)/1.4 'Geist',sans-serif;border-radius:4px;text-align:center;display:none}
#ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(246,248,250,.55)}
#ov.hide{display:none}
#big{display:flex;align-items:center;gap:12px;padding:16px 26px;background:#151922;color:#f6f8fa;border:0;border-radius:4px;font:600 18px/1 'Geist',sans-serif;cursor:pointer}
#big:hover{background:#2a303b}
#big span.m{display:block;width:12px;height:12px;background:#151922;border-right:3px solid #bdd83a;box-sizing:border-box;outline:1px solid #f6f8fa}
#vop{position:absolute;right:16px;bottom:66px;width:min(520px,calc(100% - 32px));max-height:calc(100% - 100px);overflow:auto;background:#fff;border:1px solid #c9cdd4;border-radius:6px;box-shadow:0 12px 40px rgba(21,25,34,.14);padding:16px;display:none;font:400 13px/1.4 'Geist',sans-serif;color:#151922}
#vop.on{display:block}
#vop h3{margin:0 0 4px;font:600 15px/1.2 'Geist',sans-serif}
#vop .hint{margin:0 0 12px;color:#4a5160;font-size:12px}
#vop .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 0;border-top:1px solid #e3e6ea;align-items:center}
#vop .ln{font-size:13px;color:#151922}
#vop .ln b{font:500 11px/1 'Geist Mono',monospace;color:#9aa1ad;margin-right:6px}
#vop .st{grid-column:1/-1;font:500 11px/1 'Geist Mono',monospace;color:#9aa1ad}
#vop .st.ok{color:#5a7a00}
#vop .bt{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
#vop button,#vop label{font:500 12px/1 'Geist Mono',monospace;padding:7px 9px;border:1px solid #c9cdd4;background:#fff;color:#151922;border-radius:3px;cursor:pointer;white-space:nowrap}
#vop button:hover,#vop label:hover{border-color:#151922}
#vop button.rec{background:#d4412f;border-color:#d4412f;color:#fff}
#vop input[type=file]{display:none}
#tp{position:absolute;left:50%;top:5%;transform:translateX(-50%);width:min(80%,1100px);padding:14px 20px;background:rgba(21,25,34,.9);color:#f6f8fa;border-radius:6px;font:500 clamp(14px,2.2vw,30px)/1.35 'Geist',sans-serif;text-align:center;display:none}
#tp .r{display:flex;align-items:center;justify-content:center;gap:8px;font:600 clamp(10px,1vw,13px)/1 'Geist Mono',monospace;letter-spacing:.1em;color:#ff8a7a;margin-bottom:8px}
#tp .r i{width:9px;height:9px;border-radius:50%;background:#d4412f;display:block}
#tp .r button{margin-left:12px;font:inherit;color:#151922;background:#bdd83a;border:0;border-radius:3px;padding:6px 10px;cursor:pointer;letter-spacing:.06em}
#ovt{font:500 12px/1 'Geist Mono',monospace;letter-spacing:.08em;color:#4a5160;text-transform:uppercase}
#tm{min-width:0}
@media (pointer:coarse){#bar button{position:relative}#bar button::after{content:'';position:absolute;inset:-7px -5px}#sc{height:28px}}