.mw .remixer{--surface:#1d1e1e;--ink:#f1f0eb;--muted:#aaa9a5;--line:#363736;--accent:#ff937d;--radius:12px;color:var(--ink);-webkit-font-smoothing:antialiased;background:#131414;font:16px/1.6 Geist,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.mw .remixer *{box-sizing:border-box}.mw .remixer button,.mw .remixer input,.mw .remixer textarea,.mw .remixer select{font:inherit}.mw .remixer button,.mw .remixer a,.mw .remixer input,.mw .remixer textarea,.mw .remixer select{-webkit-tap-highlight-color:transparent}.mw .remixer button,.mw .remixer a{touch-action:manipulation}.mw .remixer button{cursor:pointer}.mw .remixer a{color:inherit;text-decoration:none}.mw .remixer button{color:inherit}.mw .remixer button:disabled{cursor:default;opacity:.6}.mw .remixer button:focus-visible,.mw .remixer a:focus-visible,.mw .remixer input:focus-visible,.mw .remixer textarea:focus-visible,.mw .remixer select:focus-visible,.mw .remixer summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.mw .remixer button{border:0}.mw .remixer svg{vertical-align:middle;flex-shrink:0}.mw .remixer img{max-width:100%;display:block}.mw .remixer p,.mw .remixer h1,.mw .remixer h2,.mw .remixer h3{margin:0}.mw .remixer h1,.mw .remixer h2,.mw .remixer h3{letter-spacing:-.05em;font-weight:550;line-height:1.12}.mw .remixer p{color:var(--muted)}.mw .remixer .wrap{width:min(1280px,100% - 112px);margin-inline:auto}.mw .remixer .muted{color:var(--muted)}.mw .remixer .creator-section{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;display:grid}.mw .remixer .creator-photo{aspect-ratio:1.2;border-radius:12px;margin:0;overflow:hidden}.mw .remixer .creator-photo img{object-fit:cover;object-position:65% center;width:100%;height:100%}.mw .remixer .creator-start h2{font-size:clamp(30px,3.6vw,50px)}.mw .remixer .creator-start .section-lead{margin-top:20px}.mw .remixer .creator-uses{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.mw .remixer .creator-uses a{border:1px solid var(--line);background:var(--surface);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:20px 16px;font-size:15px;display:flex}.mw .remixer .creator-uses a:hover{border-color:var(--accent)}.mw .remixer .creator-uses svg{color:var(--accent)}.mw .remixer .creator-export{min-height:44px;color:var(--accent);align-items:center;gap:8px;margin-top:20px;font-size:13px;display:inline-flex}@media (max-width:767px){.mw .remixer .creator-section{grid-template-columns:1fr;gap:30px}.mw .remixer .creator-photo{aspect-ratio:1.7}.mw .remixer .creator-uses{gap:8px}.mw .remixer .creator-uses a{padding:16px 12px;font-size:13px}}.mw .remixer .button{white-space:nowrap;background:var(--accent);color:#1b1715;border-radius:7px;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:14px 23px;font-size:14px;font-weight:650;line-height:1.2;transition:background .2s,transform .2s;display:inline-flex}.mw .remixer .button:hover{background:#ffa38f;transform:translateY(-2px)}.mw .remixer .button.secondary{color:var(--ink);background:0 0;border:1px solid #494a48}.mw .remixer .button.secondary:hover{background:#ffffff08}.mw .remixer .hero-art{border-radius:var(--radius);aspect-ratio:1.19;background:#1c1d1c;position:relative;overflow:hidden}.mw .remixer .hero-art img{object-fit:cover;object-position:center 53%;width:100%;height:100%;transition:transform .5s}.mw .remixer .hero-art:hover img{transform:scale(1.025)}.mw .remixer .sound-panel{background:#222323;border:1px solid #43433f;border-top:0;border-radius:0 0 10px 10px;margin:0 18px;padding:18px 20px 16px;position:relative;box-shadow:0 18px 35px #0002}.mw .remixer .sound-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mw .remixer .sound-name strong{font-size:14px;font-weight:500;display:block}.mw .remixer .sound-name span{letter-spacing:.045em;color:var(--muted);font-size:10px}.mw .remixer .sound-tabs{border:1px solid #494a46;border-radius:6px;padding:3px;display:flex}.mw .remixer .sound-tabs button{color:#c5c5bf;background:0 0;border-radius:3px;padding:7px 10px;font-size:11px}.mw .remixer .sound-tabs button[aria-pressed=true]{color:var(--ink);background:#40413e}.mw .remixer .sound-controls{align-items:center;gap:15px;margin-top:16px;display:flex}.mw .remixer .play{background:var(--accent);width:38px;min-width:38px;height:38px;color:var(--bg);border-radius:50%;place-items:center;display:grid}.mw .remixer .play svg{width:18px;height:18px}.mw .remixer .waveform{flex:1;align-items:center;gap:2px;min-width:0;height:36px;display:flex;overflow:hidden}.mw .remixer .waveform i{opacity:.55;background:#74736d;border-radius:2px;flex:1;min-width:0;transition:background .2s}.mw .remixer .waveform i.heard{background:var(--accent);opacity:1}.mw .remixer .duration{color:#b5b4ad;min-width:35px;font:10px ui-monospace,monospace}.mw .remixer .seek{width:100%;accent-color:var(--accent);height:12px;margin:10px 0 0;display:block}.mw .remixer .sample-note{color:#a6a69f;text-align:center;margin:12px 12px 0;font-size:10px;line-height:1.7}.mw .remixer .sound-error{color:var(--accent);margin-top:8px;font-size:12px}.mw .remixer section[id]{scroll-margin-top:30px}.mw .remixer .section{padding:94px 0}.mw .remixer .section h2{font-size:clamp(34px,4.1vw,55px)}.mw .remixer .section-lead{max-width:540px;margin-top:19px;font-size:16px;line-height:1.8}.mw .remixer .workflow{border-bottom:1px solid var(--line)}.mw .remixer .steps{grid-template-columns:repeat(3,1fr);gap:58px;margin-top:54px;display:grid}.mw .remixer .step-number{color:var(--accent);align-items:center;gap:18px;margin-bottom:26px;font:11px ui-monospace,monospace;display:flex}.mw .remixer .step-number:after{content:"";background:var(--line);flex:1;height:1px}.mw .remixer .step h3{letter-spacing:-.025em;margin-bottom:13px;font-size:21px}.mw .remixer .step p{max-width:310px;font-size:13px;line-height:1.85}.mw .remixer .tools{grid-template-columns:.92fr 1fr;align-items:center;gap:90px;display:grid}.mw .remixer .studio-photo{aspect-ratio:1;border-radius:var(--radius);margin:0;position:relative;overflow:hidden}.mw .remixer .studio-photo img{object-fit:cover;object-position:56% center;width:100%;height:100%}.mw .remixer .tools h2{max-width:460px;font-size:44px}.mw .remixer .tools .section-lead{margin-top:17px;font-size:14px}.mw .remixer .tool-links{margin-top:27px}.mw .remixer .tool-link{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:17px;width:100%;padding:20px 0;display:flex}.mw .remixer .tool-link>svg:first-child{color:var(--muted);width:21px}.mw .remixer .tool-link>span{flex:1}.mw .remixer .tool-link strong{font-size:14px;font-weight:500;line-height:1.5;display:block}.mw .remixer .tool-link small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.7;display:block}.mw .remixer .tool-link>svg:last-child{color:var(--muted);width:17px;transition:transform .2s}.mw .remixer .tool-link:hover strong{color:var(--accent)}.mw .remixer .tool-link:hover>svg:last-child{transform:translate(2px,-2px)}.mw .remixer .pricing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:54px 0;display:grid}.mw .remixer .pricing h2{font-size:36px}.mw .remixer .pricing p{max-width:450px;margin-top:16px;font-size:14px}.mw .remixer .credit-block{align-items:center;gap:30px;display:flex}.mw .remixer .credit-number{letter-spacing:-.07em;color:var(--accent);font-size:72px;line-height:1}.mw .remixer .credit-description{font-size:13px}.mw .remixer .credit-description strong{font-weight:500}.mw .remixer .credit-description p{max-width:250px;margin-top:6px;font-size:12px}.mw .remixer .faq{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.mw .remixer .faq h2{font-size:45px}.mw .remixer .faq .section-lead{max-width:270px;font-size:14px}.mw .remixer .faq-list{border-top:1px solid var(--line)}.mw .remixer .faq details{border-bottom:1px solid var(--line)}.mw .remixer .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:23px 0;font-size:14px;font-weight:450;list-style:none;display:flex}.mw .remixer .faq summary::-webkit-details-marker{display:none}.mw .remixer .faq summary:after{content:"+";color:var(--muted);font-size:20px;font-weight:300}.mw .remixer .faq details[open] summary:after{content:"−"}.mw .remixer .faq details[open] summary{color:var(--accent)}.mw .remixer .faq details p{padding:0 30px 24px 0;font-size:13px;line-height:1.9}.mw .remixer[lang=zh-CN] h1,.mw .remixer[lang=zh-CN] h2{letter-spacing:-.045em}@media (max-width:1100px){.mw .remixer .wrap{width:calc(100% - 64px)}.mw .remixer .tools,.mw .remixer .pricing{gap:55px}.mw .remixer .faq{gap:60px}.mw .remixer .sound-panel{margin:0 10px;padding:15px}.mw .remixer .sound-tabs button{padding:7px}.mw .remixer .sound-name span{font-size:9px}.mw .remixer .section{padding:74px 0}.mw .remixer .steps{gap:35px}}@media (max-width:767px){.mw .remixer .wrap{width:calc(100% - 40px)}.mw .remixer .hero-art{aspect-ratio:1.25}.mw .remixer .sound-panel{margin-inline:15px;padding:17px}.mw .remixer .sound-top{flex-wrap:wrap;gap:10px}.mw .remixer .sound-tabs button{padding:8px 11px;font-size:11px}.mw .remixer .sample-note{font-size:10px}.mw .remixer .section{padding:58px 0}.mw .remixer .section h2{font-size:36px}.mw .remixer .section-lead{font-size:14px}.mw .remixer .steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.mw .remixer .step{grid-template-columns:32px 1fr;gap:0 20px;display:grid}.mw .remixer .step-number{grid-row:1/3;margin:5px 0 0;display:block}.mw .remixer .step-number:after{display:none}.mw .remixer .step h3{margin-bottom:9px;font-size:19px}.mw .remixer .step p{max-width:100%}.mw .remixer .tools{grid-template-columns:1fr;gap:34px}.mw .remixer .studio-photo{aspect-ratio:1.5}.mw .remixer .tools h2{font-size:35px}.mw .remixer .tool-links{margin-top:18px}.mw .remixer .tool-link{padding:19px 0}.mw .remixer .pricing{grid-template-columns:1fr;gap:30px;padding:40px 0}.mw .remixer .pricing h2{font-size:31px}.mw .remixer .credit-number{font-size:65px}.mw .remixer .credit-description p{max-width:none}.mw .remixer .faq{grid-template-columns:1fr;gap:28px}.mw .remixer .faq h2{font-size:35px}.mw .remixer .faq .section-lead{max-width:100%}.mw .remixer .faq summary{padding:21px 0;font-size:13px}.mw .remixer .faq details p{padding-right:10px}}@media (max-width:359px){.mw .remixer .wrap{width:calc(100% - 32px)}.mw .remixer .sound-panel{margin-inline:5px}.mw .remixer .sound-tabs button{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.mw .remixer *,.mw .remixer :before,.mw .remixer :after{transition:none!important;animation:none!important}}.mw .remixer .pixel-hero{isolation:isolate;background:#131414;flex-direction:column;justify-content:center;min-height:690px;padding:100px 0 36px;display:flex;position:relative;overflow:hidden}.mw .remixer .pixel-field{z-index:-1;pointer-events:none;position:absolute;inset:0}.mw .remixer .pixel-field canvas{opacity:.8;width:100%;height:100%;display:block}.mw .remixer .pixel-vignette{background:radial-gradient(at 50% 46%,#13141400 10%,#13141455 52%,#131414 100%),linear-gradient(#131414,#0000 23% 68%,#131414);position:absolute;inset:0}.mw .remixer .pixel-utility{color:#a0a098;letter-spacing:.14em;justify-content:space-between;align-items:center;font:10px/1.5 ui-monospace,monospace;display:flex;position:absolute;top:22px;left:0;right:0}.mw .remixer .motion-toggle{color:#aaa9a2;letter-spacing:0;background:0 0;border:0;align-items:center;gap:7px;min-height:36px;padding:7px 0 7px 12px;font:11px/1.5 Geist,sans-serif;display:flex}.mw .remixer .motion-toggle svg{width:13px;height:13px}.mw .remixer .motion-toggle:hover{color:var(--ink)}.mw .remixer .pixel-content{text-align:center;margin-top:25px;margin-bottom:61px;position:relative}.mw .remixer .glass-title{letter-spacing:-.058em;color:#deded6;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 29px;padding:8px 0 16px;font-size:clamp(76px,8.25vw,132px);line-height:1.2;display:flex}.mw .remixer .glass-first{letter-spacing:-.075em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.mw .remixer .glass-second{letter-spacing:-.075em;font-family:Geist,sans-serif;font-weight:650}@supports ((-webkit-background-clip:text) or (background-clip:text)){.mw .remixer .glass-title{color:#0000;-webkit-text-stroke:.6px #f6f5ee44;filter:drop-shadow(0 7px 16px #0003);background:linear-gradient(125deg,#fff 0%,#d1d0c8 23%,#858982 41%,#f6f5ed 54%,#b2b0a6 70%,#fff0e7 88%,#fff 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text}}.mw .remixer .pixel-description{white-space:pre-line;color:#bfc0b8;max-width:650px;margin:11px auto 0;font-size:18px;font-weight:350;line-height:1.75}.mw .remixer .pixel-actions{justify-content:center;align-items:center;gap:14px;margin-top:31px;display:flex}.mw .remixer .pixel-actions .button{border-radius:9px;height:53px;padding:14px 24px;font-size:13px;box-shadow:inset 0 1px #ffffff26,0 10px 25px #0002}.mw .remixer .pixel-actions .button>svg{width:19px;height:19px}.mw .remixer .pixel-actions .secondary{background:linear-gradient(#292a27d9,#1d1e1c);border-color:#47483e;box-shadow:inset 0 1px #ffffff0c}.mw .remixer .pixel-note{color:#a9aaa1;letter-spacing:.01em;margin-top:17px;font-size:10px}.mw .remixer .style-dock{max-width:950px;position:relative}.mw .remixer .style-dock>p{text-align:center;letter-spacing:.15em;color:#aaa99f;margin-bottom:22px;font:10px/1.5 ui-monospace,monospace}.mw .remixer .style-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;display:grid}.mw .remixer .style-shortcuts a{text-align:left;color:#d9d9d0;background:0 0;border-top:1px solid #ffffff26;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 23px 14px 0;transition:color .2s,border-color .2s;display:flex;position:relative}.mw .remixer .style-shortcuts a>span{letter-spacing:-.035em;font-size:22px;font-weight:450}.mw .remixer .style-shortcuts small{color:#a5a69b;font-size:11px}.mw .remixer .style-shortcuts svg{opacity:.7;width:15px;height:15px;transition:transform .2s;position:absolute;top:19px;right:0}.mw .remixer .style-shortcuts a:hover{color:var(--accent);border-color:var(--accent)}.mw .remixer .style-shortcuts a:hover svg{transform:translate(2px,-2px)}.mw .remixer .listening{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr;align-items:center;gap:85px;padding-block:67px;display:grid}.mw .remixer .listening h2{font-size:36px;line-height:1.2}.mw .remixer .listening .section-lead{max-width:355px;margin-top:17px;font-size:13px;line-height:1.85}.mw .remixer .listen-demo{grid-template-columns:165px minmax(0,1fr);align-items:stretch;gap:0;min-width:0;display:grid}.mw .remixer .listen-demo .hero-art{aspect-ratio:auto;border-radius:9px 0 0 9px;min-height:179px}.mw .remixer .listen-demo .sound-panel{box-shadow:none;border:1px solid #43433f;border-left:0;border-radius:0 9px 9px 0;flex-direction:column;justify-content:center;margin:0;padding:22px;display:flex}.mw .remixer .listen-demo .sound-top{flex-wrap:wrap;gap:12px}.mw .remixer .listen-demo .sample-note{grid-column:1/-1;margin:12px 0 0;font-size:9px}.mw .remixer .listen-demo .sound-tabs button{padding:6px 8px}.mw .remixer .listen-demo .sound-name span{display:none}.mw .remixer .listen-demo .duration{min-width:29px}.mw .remixer .listen-demo .sound-controls{gap:11px}.mw .remixer .listen-demo .play{width:35px;min-width:35px;height:35px}.mw .remixer[lang=zh-CN] .glass-title{gap:0 20px;font-size:clamp(70px,7.4vw,115px)}.mw .remixer[lang=zh-CN] .glass-first{letter-spacing:-.07em;font-family:Geist,PingFang SC,sans-serif;font-style:normal;font-weight:350}.mw .remixer[lang=zh-CN] .glass-second{font-family:Geist,PingFang SC,sans-serif;font-weight:650}.mw .remixer[lang=zh-CN] .pixel-description{font-size:17px;line-height:1.9}@media (min-width:1600px){.mw .remixer .pixel-hero{min-height:750px}.mw .remixer .pixel-content{margin-bottom:78px}}@media (max-width:1100px){.mw .remixer .pixel-hero{min-height:650px}.mw .remixer .pixel-content{margin-bottom:53px}.mw .remixer .glass-title{gap:0 20px;font-size:8.8vw}.mw .remixer .listening{gap:40px}.mw .remixer .listen-demo{grid-template-columns:115px minmax(0,1fr)}.mw .remixer .listen-demo .sound-panel{padding:16px}.mw .remixer .listening h2{font-size:30px}.mw .remixer .listen-demo .sample-note{font-size:9px}}@media (max-width:767px){.mw .remixer .pixel-hero{min-height:630px;padding-top:94px}.mw .remixer .pixel-content{margin-top:0;margin-bottom:44px}.mw .remixer .pixel-utility{top:17px}.mw .remixer .pixel-utility>span{letter-spacing:.07em;font-size:8px}.mw .remixer .glass-title{gap:0 14px;padding-bottom:12px;font-size:clamp(45px,9.3vw,70px);line-height:1.23}.mw .remixer .pixel-description{white-space:normal;max-width:440px;font-size:14px}.mw .remixer .pixel-actions{gap:10px;margin-top:26px}.mw .remixer .pixel-actions .button{gap:8px;padding:12px 15px;font-size:11px}.mw .remixer .pixel-actions .button>svg{width:16px;height:16px}.mw .remixer .pixel-actions .button>svg:last-child{display:none}.mw .remixer .pixel-actions .secondary>svg:first-child{display:block}.mw .remixer .pixel-note{max-width:285px;margin-inline:auto;font-size:9px;line-height:1.9}.mw .remixer .style-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px}.mw .remixer .style-shortcuts a>span{font-size:18px}.mw .remixer .style-shortcuts small{font-size:10px}.mw .remixer .style-dock>p{margin-bottom:13px;font-size:9px}.mw .remixer .listening{grid-template-columns:1fr;gap:28px;padding-block:43px}.mw .remixer .listening h2{font-size:31px}.mw .remixer .listen-demo{grid-template-columns:95px minmax(0,1fr)}.mw .remixer .listen-demo .sound-panel{padding:15px}.mw .remixer .listen-demo .sound-name strong{font-size:12px}.mw .remixer .listen-demo .hero-art{min-height:194px}.mw .remixer .listen-demo .sound-tabs button{padding:6px}.mw .remixer .listen-demo .sound-controls{gap:9px}.mw .remixer[lang=zh-CN] .glass-title{gap:0 12px;font-size:clamp(43px,9.6vw,68px)}.mw .remixer[lang=zh-CN] .pixel-description{font-size:14px}}@media (prefers-reduced-motion:no-preference){.mw .remixer .pixel-hero[data-motion=running] .glass-title{animation:12s linear infinite glass-shimmer}.mw .remixer .pixel-content{animation:.7s ease-out both pixel-enter}@keyframes glass-shimmer{0%{background-position:200%}to{background-position:0%}}@keyframes pixel-enter{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}}.mw .remixer .pricing-link{color:var(--accent);align-items:center;gap:12px;min-height:44px;margin-top:24px;font-size:13px;display:inline-flex}