@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#0a0d12;color:#f1f4f8;font-family:'DM Sans',sans-serif}.shell{max-width:900px;margin:auto;padding:34px 26px 22px}header{display:flex;align-items:center;gap:13px}.brand{width:43px;height:43px;border:1px solid #303844;border-radius:13px;display:grid;place-items:center;font-weight:800;color:#a8f08c}.brand span{color:#a8f08c}h1{font:700 18px Manrope;margin:0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#91a0af;margin:0 0 3px}.badge{margin-left:auto;border:1px solid #273139;background:#10171a;border-radius:20px;color:#9fdc8c;font-size:10px;padding:8px 12px;letter-spacing:.8px}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 4px 32px;gap:28px}.intro h2{font:800 39px/1.15 Manrope;letter-spacing:-1.5px;margin:12px 0}.intro h2 em{font-style:normal;color:#a4e785}.intro p:not(.eyebrow){max-width:465px;color:#9aa5b2;line-height:1.6;font-size:14px}.preview{width:158px;height:220px;flex:none;background:#202833;border:1px solid #39434f;border-radius:14px;overflow:hidden;padding:7px;display:flex;flex-direction:column;justify-content:space-around;position:relative}.pane{height:48%;border-radius:8px;background:linear-gradient(145deg,#727b83,#272e36);position:relative}.pane.bottom{background:linear-gradient(145deg,#1d3340,#111820)}.pane b{position:absolute;left:8px;bottom:8px;font-size:7px;letter-spacing:.6px;color:#ecf2f3}.divider{height:2px;background:#a5e687}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#a5e687;color:#142018;display:grid;place-items:center;font-size:11px;padding-left:2px}.card{display:grid;grid-template-columns:32px 1fr;gap:12px;background:#11161d;border:1px solid #242c35;border-radius:12px;padding:15px;margin-bottom:10px}.step{width:27px;height:27px;border-radius:9px;background:#1c2821;color:#a4e785;display:grid;place-items:center;font-size:12px;font-weight:700}.field label{display:block;font-size:13px;font-weight:600;margin:2px 0 9px}.field input[type=url],.control{height:43px;width:100%;border:1px solid #2c3540;border-radius:8px;background:#0b1016;color:#edf2f4;padding:0 12px;font:14px 'DM Sans'}.field input::placeholder{color:#66717e}.field small{display:block;color:#788593;font-size:11px;font-weight:400;margin-top:7px;line-height:1.5}.linkrow{display:flex;gap:8px}.linkrow input{flex:1;min-width:0}.linkrow button{white-space:nowrap;border:1px solid #435447;border-radius:8px;background:#19251c;color:#b9e8a4;padding:0 13px;font:600 12px 'DM Sans';cursor:pointer}.or{text-align:center;color:#77828c;font-size:10px;letter-spacing:1.2px;padding:3px 0 12px}.upload{min-height:62px;border:1px dashed #39434d;border-radius:9px;padding:11px;display:flex!important;align-items:center;gap:12px;cursor:pointer}.upload-icon{width:33px;height:33px;border-radius:9px;background:#222c25;color:#a4e785;display:grid;place-items:center;font-size:18px;flex:none}.upload input{display:block;margin-left:auto;max-width:190px;color:#8b969f;font-size:11px}.upload small{margin-top:4px}.options{grid-template-columns:32px 1fr 1fr}.control{display:flex;align-items:center;padding:0 12px}.control input{color:white;background:transparent;border:0;outline:0;width:100%;font:14px 'DM Sans'}.control span{color:#788593;font-size:12px;white-space:nowrap}.audio .radio-row{display:flex;gap:10px}.radio-row label{flex:1;display:flex;gap:9px;align-items:flex-start;background:#0c1117;border:1px solid #29323b;border-radius:9px;padding:11px;margin:0;cursor:pointer}.radio-row input{accent-color:#a4e785;margin:2px 0}.radio-row b{font-size:12px}.radio-row small{margin-top:3px}.primary{width:100%;border:0;border-radius:9px;background:#a4e785;color:#142016;font:700 14px 'DM Sans';padding:15px 18px;cursor:pointer;margin:5px 0 11px}.primary span{float:right;font-size:18px;line-height:15px}button:disabled{opacity:.55;cursor:wait}.notice{text-align:center;color:#75818c;font-size:11px;line-height:1.6;margin:5px 0}footer{text-align:center;color:#606d79;font-size:11px;padding:22px 0 5px}.progress,.results{background:#111a18;border:1px solid #3a5738;border-radius:11px;padding:13px;margin:0 0 12px;color:#c4edb4;font-size:12px}.progress p{margin:8px 0 0}.bar{height:5px;background:#252e28;border-radius:8px;overflow:hidden}.bar i{display:block;width:0;height:100%;background:#a4e785;transition:width .2s}.results{display:flex;gap:14px;flex-wrap:wrap}.results a{color:#b3ec9b}.hidden{display:none!important}@media(max-width:600px){.shell{padding:23px 15px}.intro{padding:35px 2px 25px}.intro h2{font-size:30px}.intro p:not(.eyebrow){font-size:12px}.preview{width:110px;height:165px}.pane b{font-size:6px}.options{grid-template-columns:32px 1fr}.options .field:nth-child(3){grid-column:2}.radio-row{flex-direction:column}.linkrow{flex-direction:column}.linkrow button{height:40px}.upload{align-items:flex-start!important;flex-wrap:wrap}.upload input{margin-left:45px}}