:root{--bg:#06101d;--panel:#0b1829;--panel2:#0e2035;--line:rgba(151,188,220,.15);--text:#f4f9ff;--muted:#91a6ba;--cyan:#38e7dd;--blue:#5aa8ff;--green:#42e6a4;--danger:#ff7f8f;--shadow:0 30px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -20%,#113a58 0,#091726 37%,var(--bg) 70%);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(10px);opacity:.25;pointer-events:none}.ambient-a{width:420px;height:420px;left:-180px;top:220px;background:#0a8fd9}.ambient-b{width:360px;height:360px;right:-190px;top:80px;background:#12c7a5}.topbar{width:min(1180px,calc(100% - 40px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(56,231,221,.22),rgba(90,168,255,.14));border:1px solid rgba(82,224,221,.36);box-shadow:0 0 35px rgba(56,231,221,.12)}.brand-mark svg{width:28px;fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round}.brand b{display:block;font-size:18px;letter-spacing:.12em}.brand small{display:block;margin-top:-2px;color:#7891a7;font-size:9px;letter-spacing:.24em}.privacy-pill{padding:8px 14px;color:#9eb4c6;background:rgba(12,27,44,.65);border:1px solid var(--line);border-radius:99px;font-size:12px;backdrop-filter:blur(10px)}.privacy-pill i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}main{width:min(1040px,calc(100% - 40px));margin:auto}.hero{text-align:center;padding:66px 0 54px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.22em}.eyebrow span{font-size:8px;text-shadow:0 0 14px var(--cyan)}h1{margin:15px 0 13px;font-size:clamp(38px,6vw,68px);line-height:1.12;letter-spacing:-.055em}h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--cyan),#77bdff);background-clip:text;-webkit-background-clip:text}.subtitle{max-width:660px;margin:0 auto;color:var(--muted);font-size:16px}.parser-card{max-width:820px;margin:38px auto 0;padding:22px;text-align:left;border:1px solid rgba(113,175,217,.24);border-radius:24px;background:linear-gradient(145deg,rgba(15,33,53,.95),rgba(8,21,36,.96));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035)}.parser-card label{display:block;margin:0 0 9px 3px;color:#cbdbe8;font-size:12px;font-weight:700}.input-wrap{position:relative}.input-wrap textarea{display:block;width:100%;min-height:126px;resize:vertical;padding:17px 96px 17px 18px;color:#eaf6ff;background:#071321;border:1px solid rgba(138,181,214,.2);border-radius:15px;outline:0;font:inherit;transition:.2s}.input-wrap textarea::placeholder{color:#536b81}.input-wrap textarea:focus{border-color:rgba(56,231,221,.65);box-shadow:0 0 0 4px rgba(56,231,221,.07)}button{font:inherit}.paste-btn{position:absolute;right:11px;top:11px;display:flex;gap:5px;align-items:center;padding:8px 11px;color:#b7c9d8;background:#10253a;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:12px}.paste-btn:hover{color:var(--cyan);border-color:rgba(56,231,221,.35)}.paste-btn svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-row{display:flex;gap:10px;margin-top:13px}.primary-btn,.ghost-btn{height:49px;border-radius:12px;cursor:pointer;font-weight:800}.primary-btn{flex:1;color:#052120;border:0;background:linear-gradient(105deg,#35e1d4,#65b6ff);box-shadow:0 12px 35px rgba(55,214,214,.15);transition:.2s}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.primary-btn:disabled{cursor:wait;opacity:.7;transform:none}.primary-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px;margin-right:5px}.btn-loading{display:none}.primary-btn.loading .btn-label{display:none}.primary-btn.loading .btn-loading{display:flex;align-items:center;justify-content:center;gap:9px}.btn-loading i{width:16px;height:16px;border-radius:50%;border:2px solid rgba(5,33,32,.25);border-top-color:#052120;animation:spin .7s linear infinite}.ghost-btn{width:88px;color:#a9bdcd;background:transparent;border:1px solid var(--line)}.ghost-btn:hover{color:#fff;background:rgba(255,255,255,.035)}.status{display:none;margin-top:12px;padding:10px 13px;border-radius:10px;font-size:13px}.status.show{display:block}.status.error{color:#ffc4cc;background:rgba(255,87,113,.09);border:1px solid rgba(255,127,143,.18)}.status.info{color:#b9f9f3;background:rgba(56,231,221,.07);border:1px solid rgba(56,231,221,.15)}.platforms{max-width:850px;margin:22px auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px}.platforms span{color:#607991;font-size:11px}.platforms b{padding:5px 10px;color:#8fa9bd;background:rgba(11,27,44,.55);border:1px solid rgba(133,174,205,.12);border-radius:7px;font-size:11px;font-weight:600}.result-card{margin:16px 0 80px;padding:30px;border:1px solid rgba(113,175,217,.2);border-radius:24px;background:linear-gradient(145deg,rgba(13,30,49,.96),rgba(7,19,33,.98));box-shadow:var(--shadow)}.hidden{display:none!important}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-heading h2{margin:2px 0 0;font-size:25px;letter-spacing:-.03em}.section-heading.centered{justify-content:center;text-align:center}.text-btn{color:#8dece5;border:0;background:transparent;cursor:pointer;font-size:12px}.media-summary{display:grid;grid-template-columns:250px 1fr;gap:28px}.cover-wrap{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:17px;background:#081421}.cover-wrap img{width:100%;height:100%;object-fit:cover}.cover-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:inherit}.media-info{min-width:0;padding:4px 0}.platform-badge{display:inline-block;padding:4px 9px;color:#58eee2;background:rgba(56,231,221,.09);border:1px solid rgba(56,231,221,.18);border-radius:99px;font-size:11px}.media-info h3{margin:12px 0 5px;font-size:20px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-info>p{margin:0;color:var(--muted);font-size:12px}.download-panel{margin-top:22px}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:170px;height:45px;color:#04201f;border:0;border-radius:11px;background:linear-gradient(105deg,#35e1d4,#62b7ff);font-weight:800;cursor:pointer}.download-btn:disabled,.image-download:disabled{cursor:wait;opacity:.65}.download-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.download-panel p{display:inline;margin-left:12px;color:#657e93;font-size:11px}.image-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.image-title{display:flex;align-items:center;justify-content:space-between}.image-title h3{margin:0;font-size:17px}.image-title span{color:#70899e;font-size:12px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.image-item{min-height:120px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:14px;background:rgba(7,19,33,.75)}.image-item b{font-size:14px}.image-item small{color:#698197}.image-download{height:35px;margin-top:20px;color:#bdfaf5;border:1px solid rgba(56,231,221,.25);border-radius:8px;background:rgba(56,231,221,.07);cursor:pointer;font-size:12px}.download-ready{margin-top:24px;padding:14px 16px;display:flex;align-items:center;gap:12px;color:#c8d8e4;background:rgba(66,230,164,.075);border:1px solid rgba(66,230,164,.18);border-radius:13px}.download-ready>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#05251a;background:var(--green);font-weight:900}.download-ready div{flex:1}.download-ready b,.download-ready small{display:block}.download-ready b{font-size:13px}.download-ready small{color:#708c7f;font-size:11px}.download-ready a{padding:9px 13px;color:#05251a;background:var(--green);border-radius:9px;text-decoration:none;font-size:12px;font-weight:800}.steps-section{padding:40px 0 70px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps-grid article{position:relative;min-height:225px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(14,31,49,.76),rgba(8,21,34,.65))}.steps-grid article>i{position:absolute;right:17px;top:5px;color:rgba(137,187,218,.07);font-size:70px;font-style:normal;font-weight:900}.step-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--cyan);background:rgba(56,231,221,.08);border:1px solid rgba(56,231,221,.13)}.step-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.steps-grid h3{margin:18px 0 5px;font-size:16px}.steps-grid p{margin:0;color:#7890a4;font-size:13px}.notice{margin-bottom:70px;padding:19px 22px;display:flex;gap:16px;align-items:flex-start;border:1px solid rgba(90,168,255,.14);border-radius:16px;background:rgba(60,121,176,.055)}.notice-icon{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;color:#88c7ff;border:1px solid rgba(90,168,255,.3);border-radius:50%;font-size:13px;font-weight:800}.notice h3{margin:0 0 3px;font-size:13px}.notice p{margin:0;color:#728a9e;font-size:12px}footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:25px 0 35px;display:flex;justify-content:space-between;color:#536a7d;border-top:1px solid rgba(130,170,200,.09);font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.topbar{height:72px}.privacy-pill{display:none}main{width:min(100% - 26px,1040px)}.hero{padding:45px 0 38px}h1{font-size:39px}.subtitle{font-size:14px}.parser-card{padding:15px;border-radius:19px}.input-wrap textarea{min-height:140px}.platforms b:nth-of-type(n+7){display:none}.result-card{padding:20px;margin-bottom:50px}.media-summary{grid-template-columns:1fr}.cover-wrap{aspect-ratio:16/9}.download-btn{width:100%}.download-panel p{display:block;margin:8px 0 0}.image-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:auto}.notice{margin-bottom:45px}footer{display:block;text-align:center}footer span{display:block;margin:3px}}
@media(max-width:420px){.action-row{display:grid;grid-template-columns:1fr 74px}.ghost-btn{width:74px}.parser-card{margin-top:28px}.section-heading{align-items:center}.image-grid{grid-template-columns:1fr}.download-ready{align-items:flex-start;flex-wrap:wrap}.download-ready a{width:100%;text-align:center;margin-top:3px}}