:root{--main-dark:#0d1117;--panel:#151b26;--panel-raised:#1b2330;--text:#f5f7fb;--muted:#8f9bad;--line:#2a3443;--accent:#a970ff;--accent-hover:#bd91ff;--cyan:#52d7ff;--radius:16px}*{box-sizing:border-box}html,body{background:var(--main-dark);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{overflow:hidden auto}button,input,select{font:inherit}#player-container{z-index:-1;position:absolute;inset:0;overflow:hidden}.video-player{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.video-player.prepare{transform:translate(100%)}.video-player.slide-in{transform:translate(0)}.video-player.slide-out{transform:translate(-100%)}.z-index-top{z-index:2}.z-index-bottom{z-index:1}#loading-screen{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0d1117;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem;font-weight:300;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}#clip-info,#countdown-timer{z-index:10;-webkit-backdrop-filter:blur(15px);background-color:#161b22bf;border:1px solid #8b949e33;border-radius:12px;padding:15px;display:none;position:absolute;box-shadow:0 4px 15px #0003}#clip-info{max-width:400px;font-size:.9rem;line-height:1.5;bottom:20px;left:20px}#clip-info div:first-child{color:#79c0ff;margin-bottom:8px;font-weight:600}#countdown-timer{text-shadow:0 2px 5px #00000080;text-align:center;flex-direction:column;align-items:center;min-width:120px;padding:10px 15px;top:20px;right:20px}.timer-label{color:#8b949e;white-space:nowrap;margin-bottom:4px;font-size:.8rem;font-weight:500}.timer-seconds{color:#79c0ff;font-size:2.2rem;font-weight:600;line-height:1}.hero-gradient{background:#0d1117;width:100%;min-height:100%;position:absolute;inset:0 auto auto 0;overflow:visible}.hero-gradient:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 8%,#a970ff29,#0000 28%),radial-gradient(circle at 90% 90%,#52d7ff1a,#0000 32%);position:fixed;inset:0}#url-generator{z-index:1;min-height:100vh;position:relative}.generator-content{width:min(1180px,100%);min-height:100vh;margin:auto;padding:72px 32px 32px}.generator-header{text-align:center;max-width:1040px;margin:0 auto 42px}.generator-eyebrow{color:var(--cyan);letter-spacing:.16em;margin:0 0 16px;font-size:.7rem;font-weight:800}.generator-header h1{color:var(--text);letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(2.25rem,4.2vw,3.8rem);line-height:1.05}.generator-header>p:last-child{max-width:none;color:var(--muted);white-space:nowrap;margin:20px auto 0;font-size:1rem;line-height:1.6}.generator-body{display:block}.generator-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:4px 0;display:grid}.generator-form .form-section:first-child,.generator-form .form-section:nth-child(2){grid-column:1/-1}.form-section{border-bottom:1px solid var(--line);margin:0 0 30px;padding:0 0 30px}.form-section:last-child{border:0;margin:0;padding:0}.generator-form .form-section:nth-child(3),.generator-form .form-section:nth-child(4){border-bottom:0;position:relative}.generator-form .form-section:nth-child(3):after{content:"";border-bottom:1px solid var(--line);position:absolute;bottom:0;left:0;right:calc(-100% - 28px)}.form-section h2{color:var(--text);margin:0 0 18px;font-size:1.05rem;font-weight:750}.form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.generator-form .form-section:nth-child(3) .form-row{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.form-group{min-width:0}.form-group label{color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:700;display:block}.form-group input:not([type=checkbox]),.form-group select{border:1px solid var(--line);background:var(--panel);width:100%;height:48px;color:var(--text);border-radius:10px;outline:0;padding:0 14px;transition:border-color .2s,background .2s,box-shadow .2s}.form-group input:not([type=checkbox]):hover,.form-group select:hover{background:var(--panel-raised)}.form-group input:not([type=checkbox]):focus,.form-group select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #52d7ff21}.form-group small{color:var(--muted);margin-top:8px;font-size:.72rem;line-height:1.4;display:block}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:48px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--cyan) var(--range-progress,50%), #202936 var(--range-progress,50%));border:1px solid #425064;border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:3px solid #102331;border-radius:50%;width:21px;height:21px;margin-top:-7px;box-shadow:0 0 0 3px #52d7ff29,0 3px 12px #00000059}input[type=range]::-moz-range-track{background:#202936;border:1px solid #425064;border-radius:999px;height:8px}input[type=range]::-moz-range-progress{background:var(--cyan);border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{background:var(--cyan);border:3px solid #102331;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 3px #52d7ff29,0 3px 12px #00000059}input[type=range]:focus-visible{outline:0}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #52d7ff33,0 3px 12px #00000059}.volume-value{color:var(--cyan);margin-top:7px;font-size:.78rem;font-weight:750;display:block}.popular-streamers{margin-top:18px}.popular-streamers p{color:var(--muted);margin:0 0 10px;font-size:.78rem;font-weight:700}.streamer-buttons{flex-wrap:wrap;gap:8px;display:flex}.streamer-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 11px;transition:all .2s}.streamer-btn:hover,.streamer-btn:focus-visible{border-color:var(--accent);color:var(--text);background:#a970ff1f}.checkbox-group label{cursor:pointer;align-items:flex-start;gap:11px;display:flex}.checkbox-group input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.checkmark{background:var(--panel);border:1px solid #526073;border-radius:5px;flex:0 0 20px;width:20px;height:20px;margin-top:1px}.checkbox-group input[type=checkbox]:checked+.checkmark{border-color:var(--accent);background:var(--accent)}.checkbox-group input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;text-align:center;font-size:14px;font-weight:800;line-height:18px;display:block}.checkbox-copy{min-width:0;color:var(--text);font-size:.9rem;font-weight:650;line-height:1.35;display:block}.checkbox-copy small{margin-top:4px;font-weight:400}.url-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;margin:42px auto 0;padding:24px;box-shadow:0 18px 55px #00000038}.preview-kicker{color:var(--cyan);letter-spacing:.14em;margin-bottom:13px;font-size:.68rem;font-weight:800}.url-preview h3{letter-spacing:-.02em;margin:0;font-size:1.2rem}.preview-help{color:var(--muted);margin:10px 0 18px;font-size:.8rem;line-height:1.5}.url-container{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}#generated-url{border:1px solid var(--line);min-height:48px;color:var(--accent-hover);background:#0d1117;border-radius:10px;outline:0;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.copy-btn,.launch-btn,.test-btn{cursor:pointer;border:0;border-radius:10px;min-height:46px;font-weight:800;transition:transform .2s,filter .2s}.copy-btn:hover,.launch-btn:hover,.test-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.copy-btn{background:var(--cyan);color:#071018}.action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.launch-btn{background:var(--accent);color:#fff}.test-btn{border:1px solid var(--line);color:var(--text);background:0 0}.footer-bottom{color:var(--muted);text-align:center;padding-top:34px;font-size:.78rem}.footer-bottom a{color:var(--cyan);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (width<=820px){.generator-content{padding:46px 20px 24px}.generator-header{margin-bottom:30px}.generator-form{grid-template-columns:1fr}.generator-form .form-section:first-child,.generator-form .form-section:nth-child(2){grid-column:auto}.generator-form .form-section:nth-child(3){border-bottom:1px solid var(--line)}.generator-form .form-section:nth-child(3):after{display:none}}@media (width<=900px){.generator-header h1,.generator-header>p:last-child{white-space:normal}.generator-header h1{font-size:clamp(2.2rem,6vw,3.4rem)}}@media (width<=1040px) and (width>=821px){.generator-content{padding-left:24px;padding-right:24px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.form-row{grid-template-columns:1fr;gap:18px}.generator-form .form-section:nth-child(3) .form-row{grid-template-columns:1fr}.form-section{margin-bottom:24px;padding-bottom:24px}.generator-header h1{font-size:2.65rem}.url-container,.action-buttons{grid-template-columns:1fr}}.obs-help-overlay{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070cc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.obs-help-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-raised);width:min(460px,100%);padding:28px;box-shadow:0 24px 80px #00000073}.obs-help-dialog h2{margin:0 0 10px;font-size:1.35rem}.obs-help-dialog p{color:var(--muted);margin:0 0 18px;line-height:1.5}.obs-help-dialog ol{color:var(--text);gap:12px;margin:0 0 24px;padding-left:22px;line-height:1.45;display:grid}.obs-help-close{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;min-height:44px;font-weight:800}.obs-help-close:hover,.obs-help-close:focus-visible{filter:brightness(1.1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}