:root{color-scheme:light;font-family:Inter,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--page: #f8fafc;--surface: #ffffff;--surface-soft: #f6f8fb;--line: #e4e8ef;--line-strong: #d8dde7;--text: #101827;--muted: #6f7785;--accent: #e91d24;--accent-2: #ff4a54;--accent-soft: #fff0f1;--button-text: #ffffff;--shadow: 0 14px 32px rgba(22, 32, 51, .08);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-anchor:none}body{margin:0;min-width:320px;background:var(--page);color:var(--text);overflow-anchor:none}button,input{font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;background:linear-gradient(180deg,#ffffffd1,#f8fafcf5 38%),var(--page);transition:background .18s ease,color .18s ease}.platform-youtube{--accent: #e91419;--accent-2: #ff4147;--accent-soft: #fff0f1}.platform-facebook{--accent: #1877f2;--accent-2: #4d9bff;--accent-soft: #edf5ff}.platform-instagram{--accent: #dc247a;--accent-2: #ff6a3d;--accent-soft: #fff1f7}.platform-xiaohongshu{--accent: #ff2442;--accent-2: #ff7a59;--accent-soft: #fff1f4}.platform-threads{--accent: #111111;--accent-2: #3b3b3b;--accent-soft: #f2f2f2}.platform-tiktok{color-scheme:dark;--page: #050607;--surface: #080a0d;--surface-soft: #101319;--line: #282d36;--line-strong: #363b46;--text: #f6f8fb;--muted: #a5adbb;--accent: #ff2f68;--accent-2: #25f4ee;--accent-soft: rgba(255, 47, 104, .16);--button-text: #ffffff;--shadow: 0 16px 36px rgba(0, 0, 0, .36);background:linear-gradient(180deg,#050607f5,#050607 38%),#050607}.site-header{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 34px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;min-width:0;gap:12px;color:var(--text);font-size:23px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:8px;object-fit:contain;box-shadow:0 6px 16px #1620331f}.main-nav{display:flex;align-items:center;gap:36px;color:var(--text);font-size:16px;font-weight:700}.main-nav a{white-space:nowrap}.nav-button,.footer-link{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;letter-spacing:0;cursor:pointer}.nav-button{height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}.footer-link{padding:0;color:var(--muted)}.footer-link:hover,.nav-button:hover{color:var(--accent)}.language-button{display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}.language-button svg{rotate:90deg}.hero{display:flex;flex-direction:column;align-items:center;width:min(100%,980px);margin:0 auto;padding:42px 24px 24px;text-align:center}.platform-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.platform-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:800;cursor:pointer}.platform-tab.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.platform-tab-icon{width:24px;height:24px;border-radius:6px;object-fit:contain;box-shadow:0 3px 8px #1620331f}.hero h1{margin:0;max-width:850px;color:var(--text);font-size:48px;line-height:1.15;font-weight:900;letter-spacing:0;word-break:keep-all;overflow-wrap:normal}.platform-instagram .hero h1{background:linear-gradient(90deg,#b721d1,#e12b83 48%,#ff6438);-webkit-background-clip:text;background-clip:text;color:transparent}.platform-tiktok .hero h1{background:linear-gradient(90deg,#fff 0% 48%,#ff4d81 62%,#25f4ee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:14px 0 28px;color:var(--muted);font-size:18px;font-weight:600}.download-form{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px;width:min(100%,780px)}.url-field{display:flex;align-items:center;gap:14px;min-width:0;height:58px;padding:0 20px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--muted);box-shadow:inset 0 1px #ffffff6b}.url-field input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:17px;font-weight:500}.url-field input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;border:0;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--button-text);font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 22%,transparent)}.primary-button:disabled,.format-row:disabled{cursor:wait;opacity:.72}.platform-threads .primary-button{background:#111}.status-message{width:min(100%,780px);margin-top:14px;padding:12px 14px;border-radius:var(--radius);font-size:14px;font-weight:800;text-align:left}.status-message.error{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--accent-soft);color:var(--accent)}.result-section,.feature-grid,.guide,.faq{width:min(100% - 48px,996px);margin-inline:auto}.result-section{margin-top:4px}.result-card{display:grid;grid-template-columns:390px minmax(0,1fr);gap:30px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.platform-tiktok .result-card{grid-template-columns:370px minmax(0,1fr)}.preview-frame{position:relative;overflow:hidden;width:100%;border-radius:var(--radius);background:var(--surface-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent)}.preview-frame.landscape{aspect-ratio:1.34}.preview-frame.portrait{aspect-ratio:.75;max-height:348px;justify-self:center}.platform-tiktok .preview-frame.portrait{max-height:366px}.preview-frame img,.preview-frame video{width:100%;height:100%;display:block;object-fit:cover}.preview-frame video{background:#05070b}.preview-frame.brand-preview{display:grid;place-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 14%,transparent),transparent 58%),var(--surface-soft)}.preview-frame.brand-preview img{width:clamp(126px,42%,168px);height:auto;aspect-ratio:1;display:block;object-fit:contain}.play-button{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.84);border-radius:50%;background:#04080db8;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.duration{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:4px;background:#000000c2;color:#fff;font-size:14px;font-weight:800}.result-detail{min-width:0;padding:2px 0 0}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.title-row h2{margin:0;color:var(--text);font-size:22px;line-height:1.35;font-weight:900}.author-row{display:flex;align-items:center;gap:12px;margin-top:17px;padding-bottom:18px;border-bottom:1px solid var(--line)}.author-copy{min-width:0}.open-chat-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin-left:auto;padding:0 12px;border:0;border-radius:6px;background:#e11d66;color:#fff;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px #e11d662e}.open-chat-link:hover{background:#c91757}.avatar{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 35%,#ffffff),color-mix(in srgb,var(--accent-2) 36%,#0f172a)),var(--accent);color:#fff;font-size:18px;font-weight:900}.author-name{display:inline-flex;align-items:center;gap:5px;max-width:100%;color:var(--text);font-size:16px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-name svg{color:var(--accent)}.author-row span{display:block;margin-top:3px;color:var(--muted);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 9px}.format-header span{color:var(--text);font-size:15px;font-weight:900}.format-header small{color:var(--accent);font-size:13px;font-weight:900}.format-list{display:grid;gap:8px}.format-row{display:grid;grid-template-columns:34px 70px minmax(90px,1fr) auto 126px;align-items:center;gap:12px;min-height:48px;padding:7px 10px 7px 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.format-row:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.format-icon{display:grid;place-items:center;color:var(--accent)}.format-row strong,.format-row span{font-size:15px;font-weight:900}.format-row em{min-width:82px;padding:4px 10px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-style:normal;font-weight:800;text-align:center}.row-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:6px;color:var(--accent)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}.mini-card,.step-card,.faq article{display:flex;align-items:center;gap:18px;min-height:108px;padding:18px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.icon-badge{display:grid;flex:0 0 auto;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.hd-icon{font-size:24px;font-weight:900}.mini-card h3,.step-card h3,.faq h3{margin:0;color:var(--text);font-size:16px;line-height:1.3;font-weight:900}.mini-card p,.step-card p,.faq p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55;font-weight:600}.guide,.faq{margin-top:28px}.guide h2,.faq h2,.contact-notice h2{margin:0 0 16px;color:var(--text);font-size:20px;font-weight:900;text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:66px}.step-card{position:relative;min-height:104px}.step-card>span{display:grid;flex:0 0 auto;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:22px;font-weight:900}.step-arrow{position:absolute;top:50%;right:-52px;transform:translateY(-50%);color:color-mix(in srgb,var(--accent) 62%,var(--muted))}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.faq article{align-items:flex-start;flex-direction:column;gap:0;min-height:112px}.legal-app{display:flex;min-height:100vh;flex-direction:column}.legal-page{flex:1;width:min(100% - 48px,996px);margin-inline:auto;padding:42px 0 10px}.section-heading{margin-bottom:16px;text-align:center}.section-heading span{display:block;margin-bottom:7px;color:var(--accent);font-size:13px;font-weight:900}.section-heading h1,.section-heading h2{margin-bottom:8px}.section-heading h1{margin-top:0;color:var(--text);font-size:36px;line-height:1.18;font-weight:900}.section-heading p,.contact-notice p{margin:0 auto;max-width:720px;color:var(--muted);font-size:14px;line-height:1.6;font-weight:700;text-align:center}.legal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 16px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.legal-tab{min-height:42px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:14px;font-weight:900;cursor:pointer}.legal-tab.active{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--surface);color:var(--text);box-shadow:0 8px 18px #16203314}.legal-list{display:grid;gap:12px}.legal-card,.contact-notice{padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.legal-card h2{margin:0 0 10px;color:var(--text);font-size:16px;line-height:1.35;font-weight:900}.legal-card p,.legal-card li{color:var(--muted);font-size:14px;line-height:1.72;font-weight:600}.legal-card p{margin:0}.legal-card p+p{margin-top:8px}.legal-card ul{display:grid;gap:7px;margin:0;padding-left:18px}.legal-card p+ul{margin-top:10px}.contact-notice h2{margin-bottom:8px}.legal-contact{width:auto;margin:16px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;margin-top:32px;padding:0 max(24px,calc((100vw - 996px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700}.site-footer nav{display:flex;gap:44px}@media(max-width:980px){.site-header{height:auto;min-height:68px;align-items:flex-start;gap:16px;padding:16px 20px}.brand{font-size:20px}.main-nav{gap:18px;font-size:14px}.hero{padding-top:30px}.hero h1{font-size:40px}.result-card,.platform-tiktok .result-card{grid-template-columns:1fr}.preview-frame.portrait{width:min(100%,360px)}.feature-grid,.step-grid{grid-template-columns:1fr;gap:16px}.step-arrow{display:none}}@media(max-width:720px){.site-header,.site-footer{flex-direction:column;align-items:stretch}.main-nav,.site-footer nav{justify-content:space-between;gap:10px}.main-nav a{display:none}.hero h1{font-size:32px}.hero p{font-size:16px}.download-form{grid-template-columns:1fr}.primary-button,.url-field{height:54px}.result-section,.feature-grid,.guide,.faq,.legal-page{width:min(100% - 28px,996px)}.result-card{padding:16px;gap:20px}.open-chat-link{flex:0 0 auto;min-height:28px;padding:0 9px;font-size:12px}.format-row{grid-template-columns:28px 56px minmax(86px,1fr);gap:10px}.format-row em{grid-column:3;justify-self:start}.row-download{grid-column:1 / -1}.feature-grid{margin-top:18px}.mini-card,.step-card,.legal-card,.contact-notice{padding:16px}.faq-grid,.legal-tabs{grid-template-columns:1fr}.section-heading h1{font-size:28px}}