.card[data-astro-cid-rpntggui]{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ececec;border-radius:16px;padding:0;width:100%;max-width:580px;box-shadow:0 4px 32px #0000000f;overflow:hidden}@media(min-width:480px){.card[data-astro-cid-rpntggui]{border-radius:20px}}.tabs[data-astro-cid-rpntggui]{display:flex;border-bottom:1px solid #ececec}.tab[data-astro-cid-rpntggui]{flex:1;padding:14px 12px;font-size:14px;font-weight:600;color:var(--gray-400);background:none;border:none;cursor:pointer;transition:color .2s,background .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.tab[data-astro-cid-rpntggui]:hover{color:var(--gray-700);background:var(--gray-50)}.tab[data-astro-cid-rpntggui].active{color:var(--gray-900);border-bottom-color:var(--purple)}.panel[data-astro-cid-rpntggui]{padding:24px 20px}@media(min-width:480px){.panel[data-astro-cid-rpntggui]{padding:32px 40px}}.panel[data-astro-cid-rpntggui].hidden{display:none}.input-row[data-astro-cid-rpntggui]{display:flex;flex-direction:column;gap:10px}@media(min-width:480px){.input-row[data-astro-cid-rpntggui]{flex-direction:row}}.url-input[data-astro-cid-rpntggui]{width:100%;height:52px;border:1.5px solid #e0e0e0;border-radius:12px;padding:0 18px;font-size:16px;color:var(--gray-900);background:var(--white);outline:none;transition:border-color .2s}.url-input[data-astro-cid-rpntggui]::placeholder{color:var(--gray-400)}.url-input[data-astro-cid-rpntggui]:focus{border-color:var(--blue)}@media(min-width:480px){.url-input[data-astro-cid-rpntggui]{flex:1;font-size:15px}}.file-label[data-astro-cid-rpntggui]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:120px;border:1.5px dashed #d0d0d0;border-radius:12px;background:var(--gray-50);cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:14px;padding:20px}.file-label[data-astro-cid-rpntggui]:hover{border-color:var(--purple);background:#faf8ff}.file-label[data-astro-cid-rpntggui].has-file{border-color:var(--green);background:#f4fff9}.file-input[data-astro-cid-rpntggui]{display:none}.file-icon[data-astro-cid-rpntggui]{font-size:24px;color:var(--gray-400)}.file-text[data-astro-cid-rpntggui]{font-size:14px;color:var(--gray-700);text-align:center}.btn-primary[data-astro-cid-rpntggui]{width:100%;height:52px;padding:0 24px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));color:#fff;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.btn-primary[data-astro-cid-rpntggui]:hover{opacity:.92;transform:translateY(-1px)}.btn-primary[data-astro-cid-rpntggui]:active{transform:translateY(0)}.btn-primary[data-astro-cid-rpntggui]:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(min-width:480px){#convertBtn[data-astro-cid-rpntggui]{width:auto}}.status[data-astro-cid-rpntggui]{margin-top:16px;min-height:24px;font-size:14px;display:flex;align-items:center;gap:8px}.status[data-astro-cid-rpntggui].loading{color:var(--gray-400)}.status[data-astro-cid-rpntggui].error{color:#e05260}.status[data-astro-cid-rpntggui].success{color:#2ca76e}.spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.features[data-astro-cid-rpntggui]{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap;justify-content:center}@media(min-width:480px){.features[data-astro-cid-rpntggui]{gap:12px;margin-top:28px}}.feature-pill[data-astro-cid-rpntggui]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid #ebebeb;font-size:12px;color:var(--gray-700);background:var(--gray-50)}@media(min-width:480px){.feature-pill[data-astro-cid-rpntggui]{padding:6px 14px;font-size:13px}}.pill-icon[data-astro-cid-rpntggui]{font-size:14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--gray-50: #f9f9f9;--gray-100: #f0f0f0;--gray-400: #a0a0a0;--gray-700: #3a3a3a;--gray-900: #111111;--pink: #e879a0;--blue: #5b9cf6;--green: #4fcf8a;--orange: #f5a35a;--purple: #a78bfa}html,body{height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--white);color:var(--gray-900)}.blobs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.18}.blob-1{width:260px;height:260px;background:var(--pink);top:-80px;left:-80px}.blob-2{width:220px;height:220px;background:var(--blue);top:15%;right:-60px}.blob-3{width:200px;height:200px;background:var(--green);bottom:10%;left:10%}.blob-4{width:180px;height:180px;background:var(--orange);bottom:-40px;right:5%}@media(min-width:768px){.blob{filter:blur(80px)}.blob-1{width:480px;height:480px;top:-120px;left:-100px}.blob-2{width:420px;height:420px;top:10%;right:-80px}.blob-3{width:360px;height:360px;bottom:5%;left:20%}.blob-4{width:300px;height:300px;bottom:-60px;right:10%}}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}nav{display:flex;align-items:center;padding:16px 20px}@media(min-width:768px){nav{padding:20px 48px}}.nav-logo{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--gray-900)}.nav-logo span{background:linear-gradient(135deg,var(--pink),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px 60px;text-align:center}@media(min-width:768px){.hero{padding:60px 24px 80px}}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--gray-100);border:1px solid #e8e8e8;border-radius:20px;padding:4px 14px;font-size:12px;color:var(--gray-700);margin-bottom:24px;font-weight:500}@media(min-width:768px){.badge{margin-bottom:32px}}.badge-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue))}h1{font-size:36px;font-weight:700;line-height:1.1;letter-spacing:-1px;color:var(--gray-900);max-width:720px;margin-bottom:16px}@media(min-width:480px){h1{font-size:clamp(36px,6vw,64px);letter-spacing:-1.5px}}@media(min-width:768px){h1{margin-bottom:20px}}h1 .gradient{background:linear-gradient(135deg,var(--pink) 0%,var(--purple) 40%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;color:var(--gray-700);max-width:480px;line-height:1.6;margin-bottom:36px}@media(min-width:768px){.subtitle{font-size:18px;margin-bottom:48px}}footer{text-align:center;padding:20px 16px;font-size:12px;color:var(--gray-400)}@media(min-width:768px){footer{padding:24px;font-size:13px}}