:root{--ink:#2d1727;--muted:#786575;--paper:#fff7fb;--surface:#ffffff9e;--surface-strong:#ffffffd1;--accent:#a3226b;--accent-dark:#76144b;--accent-soft:#fadbeeb8;--line:#691e4e21;--glass-border:#ffffffd1;--green:#087a43;--green-soft:#dcf8e8db;--green-line:#1594553d;--danger:#a13345;--danger-soft:#ffebefd6;--shadow:0 24px 70px #5614411c, inset 0 1px 0 #ffffffeb}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background-color:#fff5fb;background-image:radial-gradient(circle at 14% 7%,#eeb5dc91,#0000 31rem),radial-gradient(circle at 88% 18%,#dac0f6a8,#0000 30rem),radial-gradient(circle at 55% 78%,#ffd3e578,#0000 34rem);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Noto Sans TC,Noto Sans,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.55;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #a3226b70}.liquid-site{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.ambient-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-backdrop i{filter:blur(9px);opacity:.58;will-change:transform;border-radius:999px;position:absolute}.ambient-backdrop i:first-child{background:radial-gradient(circle at 35% 35%,#f9cee8,#dca5dc 62%,#0000 70%);width:39vw;height:39vw;animation:18s ease-in-out infinite liquid-orbit;top:13vh;left:-12vw}.ambient-backdrop i:nth-child(2){background:radial-gradient(circle at 35% 35%,#dfd3fb,#d9acd9 58%,#0000 70%);width:34vw;height:34vw;animation:22s ease-in-out -7s infinite reverse liquid-orbit;top:34vh;right:-9vw}.ambient-backdrop i:nth-child(3){background:radial-gradient(circle at 35% 35%,#ffd6e5,#e8a9ca 60%,#0000 72%);width:30vw;height:30vw;animation:20s ease-in-out -12s infinite liquid-orbit;bottom:-13vw;left:38vw}.site-header{z-index:30;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(155%);background:linear-gradient(145deg,#ffffffcf,#fff5fb94);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);min-height:68px;margin:12px auto 0;padding:10px 14px 10px 18px;display:flex;position:sticky;top:12px;box-shadow:0 12px 38px #56144117,inset 0 1px #fff}.site-header nav{color:var(--muted);align-items:center;gap:22px;font-size:.84rem;font-weight:750;display:flex}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:var(--accent)}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:11px;font-size:.96rem;font-weight:850;display:inline-flex}.brand-mark{flex:0 0 38px;place-items:center;width:38px;height:42px;display:grid;position:relative}.logo-sheet{background:linear-gradient(145deg, #bc3c83, var(--accent-dark));color:#fff;border-radius:5px 5px 9px;width:31px;height:38px;display:grid;position:relative;transform:translate(-2px,-2px);box-shadow:5px 5px #d399c294,0 7px 17px #56144129}.logo-sheet:after{content:"";clip-path:polygon(0 0,100% 100%,100% 0);background:#ffffff61;border-radius:0 5px 0 3px;width:9px;height:9px;position:absolute;top:0;right:0}.logo-sheet b{place-self:end center;margin-bottom:8px;font-size:20px;line-height:1}.logo-sheet small{letter-spacing:.06em;text-align:center;font-size:5px;font-style:normal;font-weight:950;position:absolute;bottom:3px;left:0;right:0}.language-menu{position:relative}.language-menu summary{list-style:none}.language-menu summary::-webkit-details-marker{display:none}.lang{cursor:pointer;background:#ffffff9e;border:1px solid #691e4e24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #fff,0 5px 16px #56144114}.globe-icon{border:2px solid;border-radius:50%;width:19px;height:19px;display:block;position:relative}.globe-icon:before{content:"";border-left:1.5px solid;border-right:1.5px solid;border-radius:50%;position:absolute;inset:3px 5px}.globe-icon:after{content:"";border-top:1.5px solid;position:absolute;top:7px;left:1px;right:1px}.language-menu>div{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff8fdf0;border-radius:16px;min-width:164px;padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px #56144129,inset 0 1px #fff}.language-menu:not([open])>div{display:none}.language-menu>div a{border-radius:10px;padding:9px 11px;font-size:.78rem;display:block}.language-menu>div a:hover,.language-menu>div a.active{background:var(--accent-soft);color:var(--accent-dark)}.hero,.catalog,.tool-hero,.workbench,.guide-grid,.planned{width:min(1140px,100% - 48px);margin-inline:auto}.hero{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:center;gap:46px;min-height:610px;padding:66px 0 72px;display:grid}.hero>*{min-width:0}.hero-copy,.tool-hero{animation:.65s cubic-bezier(.22,.8,.24,1) both rise-in}.eyebrow{border:1px solid var(--green-line);width:max-content;max-width:100%;color:var(--green);letter-spacing:.1em;background:linear-gradient(145deg,#eefdf4e6,#d3f4e1b8);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.68rem;font-weight:850;display:inline-flex;box-shadow:inset 0 1px #ffffffeb,0 8px 22px #15945517}.eyebrow i{background:#159455;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ade8c77a}h1{letter-spacing:-.075em;margin:24px 0;font-size:clamp(3.25rem,7vw,6.3rem);line-height:.95}.hero h1{font-size:clamp(3.15rem,6vw,5.1rem)}h1 em{background:linear-gradient(110deg,#74134b,#ae2a76 50%,#cf679f);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{max-width:710px;color:var(--muted);font-size:1.08rem;line-height:1.75}.primary-link{color:#fff;background:linear-gradient(145deg,#ae2a76fa,#6a0f46fc);border-radius:14px;align-items:center;gap:22px;width:max-content;margin-top:28px;padding:13px 16px 13px 20px;font-weight:820;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 30px #8014543d,inset 0 1px 1px #ffffff4d}.primary-link span{background:#ffffff29;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.primary-link:hover{transform:translateY(-2px);box-shadow:0 20px 38px #8014544d,inset 0 1px 1px #ffffff59}.hero-trust{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.hero-trust span{border:1px solid var(--green-line);background:var(--green-soft);color:var(--green);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:750}.media-visual{min-height:410px;animation:.75s cubic-bezier(.22,.8,.24,1) 80ms both rise-in;position:relative}.media-window{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffb8,#f3d6eb6e);border-radius:34px;place-items:center;display:grid;position:absolute;inset:34px 5px 36px 12px;overflow:hidden;transform:rotate(2deg);box-shadow:0 32px 90px #56144126,inset 0 1px 1px #fff}.media-window:before{content:"";opacity:.92;background:linear-gradient(145deg,#341027,#79205b 55%,#bb4388);border-radius:25px;position:absolute;inset:45px 24px 55px}.media-window-top{z-index:2;gap:6px;display:flex;position:absolute;top:18px;left:21px}.media-window-top i{background:#6e1e5040;border-radius:50%;width:7px;height:7px}.play-ring{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 14px 30px #23061a38}.play-ring span{margin-left:4px;font-size:24px}.waveform{z-index:2;justify-content:center;align-items:center;gap:8px;height:45px;display:flex;position:absolute;bottom:78px;left:50px;right:50px}.waveform i{background:#ffffffa8;border-radius:10px;width:5px;animation:1.6s ease-in-out infinite alternate sound-wave}.waveform i:first-child,.waveform i:nth-child(9){height:13px}.waveform i:nth-child(2),.waveform i:nth-child(8){height:24px;animation-delay:-.6s}.waveform i:nth-child(3),.waveform i:nth-child(7){height:35px;animation-delay:-.2s}.waveform i:nth-child(4),.waveform i:nth-child(6){height:28px;animation-delay:-.8s}.waveform i:nth-child(5){height:42px;animation-delay:-.4s}.media-window>small{z-index:2;color:var(--accent-dark);letter-spacing:.12em;font-size:.6rem;font-weight:900;position:absolute;bottom:18px;left:28px}.privacy-pill{z-index:3;border:1px solid var(--green-line);color:var(--green);background:#e6faeee6;border-radius:16px;align-items:center;gap:12px;padding:10px 11px 10px 15px;font-size:.78rem;font-weight:800;display:flex;position:absolute;bottom:18px;right:-9px;box-shadow:0 16px 40px #1594551f,inset 0 1px #fff}.privacy-pill span{color:#fff;background:#159455;border-radius:9px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 5px 14px #15945538}.catalog{padding:72px 0 105px}.sectionTitle{grid-template-columns:1fr minmax(280px,450px);align-items:end;gap:40px;margin-bottom:32px;display:grid}.kicker,.tool-hero>span{color:var(--accent);letter-spacing:.14em;font-size:.7rem;font-weight:850}.sectionTitle h2{letter-spacing:-.055em;margin:8px 0;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.06}.sectionTitle p,.card p{color:var(--muted);line-height:1.66}.grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffb8,#fff6fb85);border-radius:25px;min-height:280px;padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 14px 38px #56144112,inset 0 1px #fffffff5}.card:hover{border-color:#a93f7e42;transform:translateY(-5px);box-shadow:0 28px 70px #56144124,inset 0 1px #fff}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.tool-icon{width:68px;height:68px;color:var(--accent-dark);background:linear-gradient(145deg,#f7cde8eb,#dab1e3b8);border-radius:21px;align-content:center;place-items:center;display:grid;box-shadow:inset 0 1px 1px #ffffffd9,0 8px 24px #56144117}.tool-icon b{letter-spacing:.04em;font-size:.62rem}.tool-icon i{font-size:1rem;font-style:normal;line-height:1}.arrow{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#ffffff7a;border-radius:50%;place-items:center;transition:transform .2s,color .2s;display:grid}.card:hover .arrow{color:var(--accent);transform:rotate(8deg)}.card>small{color:var(--accent);letter-spacing:.08em;font-size:.68rem;font-weight:850}.card h3{letter-spacing:-.025em;margin:10px 0 0;font-size:1.42rem}.card-link{margin-top:22px;font-size:.82rem;display:block}.privacy{border:1px solid var(--green-line);width:min(1092px,100% - 48px);color:var(--green);background:linear-gradient(145deg,#effdf5e0,#d7f7e5a1);border-radius:24px;margin:8px auto 72px;padding:30px 32px;box-shadow:0 14px 38px #15945514,inset 0 1px #fff}.privacy p{margin:7px 0 0;line-height:1.66}.tool-hero{padding:62px 0 43px}.breadcrumb{width:max-content;color:var(--muted);margin-bottom:32px;font-size:.8rem;font-weight:750;display:block}.breadcrumb:hover{color:var(--accent)}.tool-hero h1{margin:17px 0;font-size:clamp(3.2rem,7vw,5.8rem)}.tool-hero p{max-width:730px;color:var(--muted);font-size:1.06rem}.workbench{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:20px;padding-bottom:88px;display:grid}.panel{border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:linear-gradient(145deg,#ffffffc2,#fff6fb8a);border-radius:27px}.input-panel,.output-panel{padding:28px}.output-panel{position:sticky;top:96px}.drop-zone{cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 20%,#f4d0e88a,#0000 70%),#fffafd8a;border:1.5px dashed #a3226b57;border-radius:20px;align-content:center;place-items:center;min-height:190px;padding:26px;transition:border-color .2s,transform .2s,background .2s;display:grid}.drop-zone:hover{background:#fae6f38f;border-color:#a3226b99;transform:translateY(-1px)}.drop-zone input{width:min(100%,330px);color:var(--muted);margin-bottom:17px;font-size:.75rem}.drop-zone input::file-selector-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-right:10px;padding:9px 12px;font-weight:800}.drop-zone strong{font-size:1.04rem}.drop-zone span{color:var(--green);margin-top:4px;font-size:.75rem;font-weight:720}.file-card{border:1px solid var(--green-line);background:var(--green-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:15px 17px;display:flex}.file-card>div{min-width:0;display:grid}.file-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card span{color:var(--green);font-size:.72rem}.file-card>span{border:1px solid var(--green-line);border-radius:999px;padding:4px 8px;font-weight:850}.source-preview{margin-top:18px}.source-preview video,.source-preview audio,.result-preview video,.result-preview audio,.result-preview img{object-fit:contain;background:#190c16;border-radius:15px;width:100%;max-height:330px;display:block}.settings-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;padding-top:22px;display:grid}.field{gap:7px;display:grid}.field label,.check{font-size:.76rem;font-weight:800}.field input,.field select{width:100%;min-height:48px;color:var(--ink);background:#ffffffc4;border:1px solid #691e4e2e;border-radius:12px;outline:0;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:#a3226b7a;box-shadow:0 0 0 4px #a3226b14}.check{align-items:center;gap:9px;min-height:48px;display:flex}.check input{width:19px;height:19px;accent-color:var(--accent)}.time-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.full{grid-column:1/-1}.hint,.status-line{color:var(--muted);font-size:.75rem}.error-text{color:var(--danger);font-size:.79rem;font-weight:750}.engine-note{background:var(--accent-soft);border:1px solid #a3226b26;border-radius:14px;margin:22px 0;padding:16px}.engine-note strong{color:var(--accent-dark);font-size:.79rem}.engine-note p{color:var(--muted);margin:5px 0 0;font-size:.73rem}.primary,.download{color:#fff;cursor:pointer;background:linear-gradient(145deg,#ae2a76fa,#6a0f46fc);border:0;border-radius:13px;place-items:center;width:100%;min-height:52px;padding:12px 18px;font-weight:820;transition:transform .2s,box-shadow .2s,opacity .2s;display:grid;box-shadow:0 12px 28px #80145433,inset 0 1px 1px #ffffff42}.primary:hover:not(:disabled),.download:hover{transform:translateY(-2px);box-shadow:0 18px 34px #80145447,inset 0 1px 1px #ffffff4d}.primary:disabled{cursor:not-allowed;opacity:.44}.output-heading{justify-content:space-between;align-items:center;display:flex}.output-heading h2{margin:0;font-size:1rem}.output-heading span{color:var(--accent);font-weight:850}.progress{background:#78466824;border-radius:999px;height:10px;margin:18px 0 8px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#8b1959,#d25c9b);height:100%;transition:width .2s;display:block;box-shadow:0 0 15px #c03e8757}.cancel{color:var(--danger);cursor:pointer;background:#ffffffb3;border:1px solid #a1334559;border-radius:10px;padding:8px 12px;font-weight:750}.error-box{background:var(--danger-soft);color:var(--danger);border:1px solid #a1334547;border-radius:14px;margin-top:16px;padding:16px}.error-box p{margin:5px 0 0;font-size:.77rem}.empty-output{min-height:280px;color:var(--muted);text-align:center;border:1.5px dashed #691e4e33;border-radius:17px;align-content:center;place-items:center;margin-top:20px;display:grid}.empty-output span{color:#76144b6b;letter-spacing:.1em;font-size:1.65rem;font-weight:900}.empty-output p{max-width:280px}.result{margin-top:20px}.size-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:15px 0;display:grid}.size-compare div{border:1px solid var(--line);background:#ffffffb8;border-radius:12px;padding:12px;display:grid}.size-compare small{color:var(--muted)}.size-compare strong{font-size:1.12rem}.download{overflow-wrap:anywhere;text-align:center}.guide{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff59;border-top:1px solid #ffffffb3;padding:100px 0}.guide-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;gap:70px;display:grid}.guide h2{letter-spacing:-.055em;margin:10px 0 25px;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.08}.guide article>p{color:var(--muted)}.guide ol{gap:10px;margin:35px 0 0;padding:0;list-style:none;display:grid}.guide ol li{border:1px solid var(--glass-border);background:#ffffffa6;border-radius:17px;grid-template-columns:auto 1fr;gap:17px;padding:20px;display:grid;box-shadow:0 10px 28px #5614410e,inset 0 1px #fff}.guide li>b{color:var(--accent)}.guide li h3,.guide li p{margin:0}.guide li p{color:var(--muted);font-size:.83rem}.guide aside{gap:16px;display:grid}.guide-card{border:1px solid var(--glass-border);background:#ffffffab;border-radius:20px;padding:24px;box-shadow:0 14px 38px #5614410f,inset 0 1px #fff}.guide-card h2{letter-spacing:-.02em;margin:0 0 15px;font-size:1.14rem}.guide-card li,.guide-card p{color:var(--muted);font-size:.83rem}.guide-card details{border-top:1px solid var(--line);padding:13px 0}.guide-card summary{cursor:pointer;justify-content:space-between;gap:14px;font-weight:750;display:flex}.guide-card summary span{color:var(--accent)}.guide-card details p{margin:8px 0 0}.ad-slot{place-items:center;width:min(970px,100% - 32px);margin:20px auto 24px;display:grid}.ad-placeholder{color:#5b3e528f;background:linear-gradient(145deg,#ffffff78,#fbe9f552);border:1px solid #691e4e17;border-radius:18px;align-content:center;place-items:center;gap:2px;width:100%;min-height:92px;display:grid;box-shadow:inset 0 1px #ffffffd1}.ad-placeholder span{letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;font-weight:800}.ad-placeholder small{font-size:.61rem}.ad-slot--rectangle{width:min(336px,100% - 32px)}.ad-slot--rectangle .ad-placeholder{min-height:280px}.ad-slot--bottom{margin-top:22px;margin-bottom:26px}.site-footer{color:#ffffffc2;background:#310d26f0;border-top:1px solid #691e4e1a;width:100%;margin:0}.footer-inner{grid-template-columns:1.1fr 1.2fr auto auto;align-items:center;gap:28px;width:min(1140px,100% - 48px);min-height:210px;margin:auto;padding:38px 0;display:grid}.site-footer .brand{color:#fff}.site-footer p{max-width:290px;font-size:.78rem}.site-footer nav{gap:5px;font-size:.76rem;display:grid}.site-footer nav a:hover,.developer-link:hover b{color:#fff}.developer-link{gap:2px;font-size:.72rem;display:grid}.developer-link b{color:#fff}.site-footer small{border-top:1px solid #ffffff1a;grid-column:1/-1;padding-top:18px;font-size:.67rem}.site-footer .logo-sheet{box-shadow:5px 5px #ffffff29}.planned{min-height:65vh;padding:80px 0}.planned h1{font-size:clamp(3rem,8vw,5.5rem)}.planned p,.planned li{max-width:780px;color:var(--muted)}@keyframes liquid-orbit{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4vw,-3vh)scale(1.08)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sound-wave{0%{opacity:.52;transform:scaleY(.62)}to{opacity:.9;transform:scaleY(1.12)}}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:30px;min-height:auto}.media-visual{width:min(520px,100%);margin:auto}.workbench,.guide-grid{grid-template-columns:1fr}.output-panel{position:static}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.site-header{border-radius:18px;width:calc(100% - 20px);margin-top:8px;padding-left:12px;top:8px}.site-header nav{gap:12px}.site-header nav>a:first-child{display:none}.brand>span{font-size:.86rem}.hero,.catalog,.tool-hero,.workbench,.guide-grid,.planned{width:min(100% - 28px,1140px)}.hero{gap:20px;padding-top:54px;padding-bottom:54px}h1{letter-spacing:-.065em;font-size:clamp(2.8rem,15vw,4.7rem)}.hero h1{font-size:clamp(2.15rem,9.7vw,2.85rem)}.media-visual{width:100%;min-height:350px}.media-window{inset:24px 6px 32px}.privacy-pill{right:2px}.sectionTitle,.grid{grid-template-columns:1fr}.catalog{padding-bottom:72px}.card{min-height:auto}.settings-grid,.time-grid{grid-template-columns:1fr}.time-grid,.full{grid-column:auto}.input-panel,.output-panel{padding:20px}.guide{padding:72px 0}.footer-inner{grid-template-columns:1fr;align-items:start;width:calc(100% - 32px)}.site-footer small{grid-column:auto}.ad-slot{margin-top:16px;margin-bottom:18px}.ad-placeholder{border-radius:14px;min-height:74px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}