.sfx-page{max-width:1400px;margin:auto;padding:30px 26px}.sfx-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.sfx-head small{color:var(--accent);letter-spacing:1.8px;font-size:11px}.sfx-head h1{font-size:clamp(38px,6vw,70px);letter-spacing:-2.5px;line-height:1;margin:10px 0}.sfx-head p{max-width:650px;margin:0;color:#9eaa99;line-height:1.6}.sfx-free{padding:9px 13px;border:1px solid var(--theme-line);border-radius:999px;color:var(--accent);font-size:11px;font-weight:800;white-space:nowrap}.sfx-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:16px}.sfx-panel{border:1px solid var(--line);border-radius:18px;background:#0c110b;padding:20px;min-width:0}.sfx-panel h2{margin:0 0 15px;font-size:15px}.sfx-prompt{width:100%;min-height:116px!important;padding:14px!important;font-size:16px!important;line-height:1.5}.sfx-examples{display:flex;gap:7px;overflow:auto;margin:10px 0 18px}.sfx-examples button{flex:none;padding:7px 10px;border:1px solid #32402d;border-radius:999px;background:#10160f;color:#a9b7a3;cursor:pointer;font-size:11px}.sfx-field{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:12px 0;color:#bdc6b9;font-size:13px}.sfx-field input,.sfx-field select{width:160px}.sfx-field output{min-width:44px;color:var(--accent);text-align:right}.sfx-generate{width:100%;min-height:50px;margin-top:15px;font-size:15px}.sfx-stage{display:flex;flex-direction:column;min-height:580px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 48%),#080b08}.sfx-wave{position:relative;display:grid;place-items:center;flex:1;min-height:330px;overflow:hidden;border:1px solid #263224;border-radius:14px;background:linear-gradient(180deg,#0c120c,#070907)}.sfx-wave:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 49px,#ffffff08 50px),repeating-linear-gradient(0deg,transparent 0 49px,#ffffff08 50px)}.sfx-wave canvas{position:relative;width:100%;height:260px}.sfx-empty{position:absolute;text-align:center;color:#6f7b6b;line-height:1.5}.sfx-empty b{display:block;color:#b7c2b2;margin-bottom:6px}.sfx-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.sfx-transport button{min-height:42px}.sfx-time{margin-left:auto;color:#81907b;font-variant-numeric:tabular-nums;font-size:12px}.sfx-variations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.sfx-variation{padding:12px;border:1px solid #2d3829;border-radius:10px;background:#0a0e0a;color:#cbd4c7;cursor:pointer;text-align:left}.sfx-variation small{display:block;margin-top:5px;color:#73806f}.sfx-status{min-height:22px;color:var(--accent);font-size:13px;line-height:1.5}.sfx-license{margin-top:14px;padding:14px;border:1px solid #34442f;border-radius:11px;background:#10170e;color:#aeb9a8;font-size:12px;line-height:1.55}.sfx-license b{color:var(--accent)}.sfx-meter{height:4px;margin:12px 0;border-radius:4px;background:#1a2118;overflow:hidden}.sfx-meter i{display:block;width:0;height:100%;background:var(--accent);box-shadow:0 0 15px var(--accent);transition:width .2s}.sfx-meter.busy i{animation:sfx-load .8s ease-in-out infinite alternate}@keyframes sfx-load{to{width:92%}}
@media(max-width:850px){.sfx-layout{grid-template-columns:1fr}.sfx-stage{min-height:500px}.sfx-head{align-items:start;flex-direction:column}.sfx-stage{order:-1}}@media(max-width:600px){.sfx-page{padding:24px 14px}.sfx-panel{padding:14px}.sfx-field input,.sfx-field select{width:145px}.sfx-variations{grid-template-columns:1fr}.sfx-time{width:100%;margin-left:0}.sfx-head h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.sfx-meter.busy i{animation:none;width:70%}}