:root{font-family:Arial,Helvetica,sans-serif;color:#f4f5f7;background:#050607;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent:#b5f36a;--accent-strong:#a8ef55;--muted:#8993a7;--line:#303744;--panel:#0b0e12}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#050607}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center;padding:24px;background:#050607}button,input{font:inherit}button{color:inherit}.converter-card{width:min(100%,800px);border:1px solid #303744;border-radius:13px;background:#0b0e12;padding:19px 16px 15px;box-shadow:0 18px 60px #0005}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;min-width:0}.brand-mark{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#11170a}.brand-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.brand-copy{min-width:0}.brand-copy h1{font-size:17px;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.35px}.brand-copy p{font-size:10px;letter-spacing:.35px;color:#8390a5;margin:7px 0 0}.personal-badge{margin-left:auto;align-self:flex-start;margin-top:11px;background:#082719;color:#00e676;border-radius:14px;padding:4px 9px;font-size:10px;white-space:nowrap}.section-label{display:block;color:var(--accent);font-size:11px;font-weight:700;margin:0 0 15px}.url-field{height:52px;display:flex;align-items:center;gap:10px;border:1px solid #343c4b;background:#171b24;border-radius:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.url-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #b5f36a18}.url-field>svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:#8994a8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.url-field input{width:100%;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#f3f5f8;font-size:14px}.url-field input::placeholder{color:#8994aa;opacity:1}.paste-button{display:none;border:1px solid #394150;border-radius:6px;background:#222833;padding:6px 9px;font-size:11px;cursor:pointer}.paste-button:hover{border-color:var(--accent)}.format-label{margin-top:19px;margin-bottom:16px}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-option{min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:12px;border:1px solid #343c4b;border-radius:8px;background:#0b0e12;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.format-option:hover{border-color:#65734e}.format-option:active{transform:scale(.995)}.format-option.selected{border-color:#78984a;background:#1b2519}.format-icon{width:19px;height:19px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.video-icon{stroke:#aab2c1}.format-copy strong{display:block;font-size:14px;line-height:1.25;font-weight:700}.format-copy small{display:block;color:#8994a8;font-size:11px;margin-top:8px}.get-button{height:51px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;border:0;border-radius:8px;background:var(--accent);color:#10150b;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}.get-button:hover{filter:brightness(1.04)}.get-button:active{transform:translateY(1px)}.get-button span{font-size:19px;line-height:1}.status-message{display:none;margin:12px 1px 0;font-size:12px;line-height:1.55;color:#cbd3df;overflow-wrap:anywhere}.status-message:not(:empty){display:block}.status-message.error{color:#ff9eaa}.status-message.success{color:var(--accent)}.status-message.info{color:#aeb9cb}footer{text-align:center;color:#8290a6;font-size:11px;margin-top:18px;line-height:1.4}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:700px){.converter-card{padding:19px 16px 15px}.paste-button{display:block}}@media(max-width:480px){body{padding:12px;align-items:center}.converter-card{padding:17px 13px 14px;border-radius:11px}.brand-row{margin-bottom:23px}.brand-mark{width:39px;height:39px;flex-basis:39px}.brand-copy h1{font-size:16px}.brand-copy p{font-size:9px}.section-label{font-size:10px;margin-bottom:12px}.url-field{height:50px;padding:0 10px;gap:8px}.url-field input{font-size:12px}.format-label{margin-top:19px;margin-bottom:13px}.format-option{min-height:103px;padding:11px 10px}.format-copy strong{font-size:13px}.format-copy small{font-size:10px}.get-button{height:49px;font-size:14px}footer{font-size:10px;margin-top:17px}}