.sfx-page{--sfx-cyan:#58dcff;--sfx-blue:#278cff;--sfx-amber:#ffba52;--sfx-violet:#9c7cff;--sfx-text:#edf8ff;--sfx-muted:#8199aa;--sfx-border:rgba(93,184,226,0.17);background:linear-gradient(rgba(67,139,176,.025) 1px,transparent 0),linear-gradient(90deg,rgba(67,139,176,.025) 1px,transparent 0),radial-gradient(ellipse 42% 28% at 12% 2%,rgba(0,156,255,.11),transparent 72%),radial-gradient(ellipse 38% 24% at 88% 6%,rgba(255,161,45,.075),transparent 72%),#02060b;background-size:44px 44px,44px 44px,auto,auto,auto}.sfx-page:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(1,6,11,.2),rgba(1,6,11,.74))}.sfx-content{width:min(1360px,100%);max-width:none}.sfx-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);align-items:center;gap:clamp(32px,5vw,78px);min-height:350px;margin-bottom:14px;padding:clamp(34px,4.7vw,64px);overflow:hidden;border:1px solid rgba(103,196,239,.2);border-radius:18px;background:radial-gradient(circle at 96% 0,rgba(255,165,48,.075),transparent 31%),linear-gradient(118deg,rgba(7,19,32,.97),rgba(4,12,22,.96) 58%,rgba(15,12,20,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 68px rgba(0,0,0,.42),0 0 72px rgba(43,188,248,.04);backdrop-filter:blur(22px) saturate(1.2)}.sfx-hero:before{inset:0;background:linear-gradient(90deg,transparent,#4ed8ff 23%,#ffb74d 52%,#9e83ff 80%,transparent) 0 0 /100% 1px no-repeat,linear-gradient(rgba(88,215,255,.25),transparent 36%) 0 0 /1px 100% no-repeat}.sfx-hero:after,.sfx-hero:before{position:absolute;content:"";pointer-events:none}.sfx-hero:after{right:-120px;top:-170px;width:440px;height:440px;border:1px solid rgba(255,183,77,.06);border-radius:50%;box-shadow:0 0 0 58px rgba(79,195,255,.018),0 0 0 120px rgba(156,124,255,.012)}.sfx-hero-copy,.sfx-sonic-monitor{position:relative;z-index:1}.sfx-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#6fe2ff;font:700 10px/1 ui-monospace,Cascadia Mono,SFMono-Regular,monospace;letter-spacing:.18em}.sfx-eyebrow svg{color:var(--sfx-amber);filter:drop-shadow(0 0 6px rgba(255,183,77,.42))}.sfx-hero h1{margin:24px 0 0;color:var(--sfx-text);font-size:clamp(42px,5vw,72px);font-weight:760;line-height:1;letter-spacing:-.06em;background:linear-gradient(92deg,#f4fbff,#82e6ff 38%,#ffcc7d 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.sfx-title-en{margin:10px 0 0;color:rgba(100,206,243,.6);font:650 10px/1.3 ui-monospace,Cascadia Mono,monospace;letter-spacing:.22em}.sfx-hero-lead{max-width:620px;margin:22px 0 0;color:#91a8b8;font-size:14px;line-height:1.78}.sfx-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px}.sfx-capabilities>div{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid rgba(83,155,190,.17);border-radius:7px;background:rgba(5,19,30,.66)}.sfx-capabilities svg{width:16px;height:16px;flex:0 0 auto;color:#67ddfa}.sfx-capabilities span{display:grid;min-width:0;gap:4px}.sfx-capabilities strong{color:#c9e8f4;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em}.sfx-capabilities small,.sfx-capabilities strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfx-capabilities small{color:#657f8f;font-size:10px}.sfx-sonic-monitor{padding:18px;border:1px solid rgba(92,187,229,.2);border-radius:12px;background:linear-gradient(rgba(66,147,188,.055) 1px,transparent 0),linear-gradient(90deg,rgba(66,147,188,.055) 1px,transparent 0),rgba(2,10,18,.84);background-size:22px 22px;box-shadow:0 18px 38px rgba(0,0,0,.3),inset 0 0 38px rgba(52,196,255,.035)}.sfx-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5c7687;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}.sfx-monitor-head strong{display:inline-flex;align-items:center;gap:7px;color:#67e8f9;font:inherit}.sfx-monitor-head strong i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.sfx-monitor-visual{position:relative;display:grid;place-items:center;width:100%;height:148px;margin:12px 0;overflow:hidden;border-block:1px solid rgba(87,159,192,.1)}.sfx-monitor-visual>i{position:absolute;left:50%;top:50%;width:67px;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(84,219,255,.5),transparent);opacity:.42;animation:sfx-ray-pulse 2.4s ease-in-out infinite alternate}.sfx-monitor-visual>i:nth-of-type(3n){width:91px;animation-delay:-.8s}.sfx-monitor-visual>i:nth-of-type(4n){width:54px;animation-delay:-1.6s}.sfx-orbit{position:absolute;border:1px solid rgba(89,211,248,.17);border-radius:50%}.sfx-orbit--outer{width:126px;height:126px;border-style:dashed;animation:sfx-orbit-spin 18s linear infinite}.sfx-orbit--inner{width:86px;height:86px;border-color:rgba(255,184,80,.21);box-shadow:inset 0 0 26px rgba(54,205,255,.05)}.sfx-sonic-core{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(92,220,255,.48);border-radius:50%;background:radial-gradient(circle,rgba(52,203,247,.22),rgba(4,20,30,.94) 68%);color:#8ceaff;box-shadow:0 0 22px rgba(66,209,255,.16),0 0 0 7px rgba(47,180,226,.04)}.sfx-sonic-core svg{width:21px;height:21px}@keyframes sfx-orbit-spin{to{transform:rotate(1turn)}}@keyframes sfx-ray-pulse{to{opacity:.14;width:78px}}.sfx-monitor-route{display:flex;align-items:center;gap:7px;color:#627f91;font:700 8px/1 ui-monospace,monospace;letter-spacing:.08em}.sfx-monitor-route i{flex:1;height:1px;background:linear-gradient(90deg,#2a9dff,rgba(255,183,77,.65));box-shadow:0 0 6px rgba(79,195,255,.28)}.sfx-monitor-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;padding-top:14px;border-top:1px solid rgba(88,159,192,.11)}.sfx-monitor-metrics>span{display:grid;min-width:0;gap:6px;padding:0 10px;border-right:1px solid rgba(88,159,192,.1)}.sfx-monitor-metrics>span:first-child{padding-left:0}.sfx-monitor-metrics>span:last-child{padding-right:0;border:0}.sfx-monitor-metrics small{color:#526c7d;font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.sfx-monitor-metrics strong{overflow:hidden;color:#dbf0f8;font:650 10px/1.2 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.sfx-workflow{display:grid;grid-template-columns:auto minmax(36px,1fr) auto minmax(36px,1fr) auto;align-items:center;margin-bottom:18px;padding:16px clamp(18px,4vw,54px);border:1px solid rgba(77,155,193,.15);border-radius:10px;background:rgba(3,11,20,.9)}.sfx-workflow>span{display:grid;grid-template-columns:30px auto;-moz-column-gap:9px;column-gap:9px;align-items:center;min-width:124px;color:#4e6574}.sfx-workflow b{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(89,139,162,.25);border-radius:50%;font:700 9px/1 ui-monospace,monospace}.sfx-workflow small{color:currentColor;font:700 8px/1 ui-monospace,monospace;letter-spacing:.13em}.sfx-workflow strong{margin-top:4px;color:#7d94a2;font-size:11px;font-weight:620}.sfx-workflow>i{height:1px;margin:0 22px;background:rgba(82,142,171,.16)}.sfx-workflow>span.done{color:#3f9dc9}.sfx-workflow>span.active{color:#60e1ff}.sfx-workflow>span.done b{border-color:rgba(79,195,255,.4);background:rgba(39,140,255,.08)}.sfx-workflow>span.active b{border-color:#58dcff;background:rgba(42,182,224,.11);color:#d9fbff;box-shadow:0 0 18px rgba(79,205,246,.14)}.sfx-workflow>span.active strong,.sfx-workflow>span.done strong{color:#cae3ed}.sfx-workbench{align-items:start;grid-template-columns:minmax(0,1fr) 370px}.sfx-panel{position:relative;overflow:hidden;border-color:rgba(79,155,192,.16)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(6,17,29,.93),rgba(3,10,18,.95))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.22)!important}.sfx-panel:before{position:absolute;inset:0 auto 0 0;width:2px;content:"";background:linear-gradient(180deg,rgba(78,215,255,.58),transparent 48%)}.sfx-parameters{padding:clamp(20px,2.5vw,32px)!important}.sfx-panel-head{padding-bottom:16px;border-bottom:1px solid rgba(77,148,181,.12)}.sfx-panel-head>div:first-child{color:#bfefff}.sfx-panel-head small{display:block;margin-top:4px;color:#537387;font:700 8px/1 ui-monospace,monospace;letter-spacing:.15em}.sfx-prompt{min-height:172px;border-radius:10px!important;border-color:rgba(76,156,194,.2)!important;background:linear-gradient(rgba(57,134,172,.035) 1px,transparent 0),linear-gradient(90deg,rgba(57,134,172,.035) 1px,transparent 0),rgba(2,9,17,.74)!important;background-size:24px 24px!important;color:#e4f3f9!important;box-shadow:inset 0 0 24px rgba(55,193,244,.025)}.sfx-prompt:focus{border-color:rgba(88,220,255,.62)!important;box-shadow:inset 0 0 28px rgba(74,202,247,.07)}.sfx-parameters .rounded-xl.border,.sfx-plan .rounded-xl,.sfx-quality .rounded-xl{border-color:rgba(77,143,174,.17)!important;border-radius:9px!important;background-color:rgba(3,12,21,.7)!important}.sfx-parameters button.rounded-lg{border-radius:7px!important}.sfx-parameters input,.sfx-parameters select{border-color:rgba(77,148,180,.2)!important;border-radius:8px!important;background-color:rgba(2,10,18,.78)!important}.sfx-generate{min-height:54px;border:1px solid rgba(117,225,255,.32);border-radius:9px!important;background:linear-gradient(102deg,#54dcfb,#4cb4ff 58%,#a181ff);color:#03111a;box-shadow:0 8px 28px rgba(64,195,244,.2),inset 0 1px 0 rgba(255,255,255,.35)}.sfx-generate:hover:not(:disabled){box-shadow:0 10px 34px rgba(64,195,244,.28),inset 0 1px 0 rgba(255,255,255,.4)}.sfx-sidebar{top:86px}.sfx-plan,.sfx-quality{padding:21px!important}.sfx-plan:after{position:absolute;right:-46px;top:-46px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(79,195,255,.08),transparent 70%);content:"";pointer-events:none}.sfx-quality:before{background:linear-gradient(180deg,rgba(255,183,77,.5),transparent 48%)}@media (max-width:1040px){.sfx-hero{grid-template-columns:1fr;gap:32px}.sfx-sonic-monitor{width:100%}.sfx-workbench{grid-template-columns:minmax(0,1fr) 330px}}@media (max-width:900px){.sfx-workbench{grid-template-columns:1fr}.sfx-sidebar{position:static!important;display:grid;grid-template-columns:1fr 1fr}}@media (max-width:720px){.sfx-content{padding:10px 8px 3rem!important}.sfx-hero{min-height:0;padding:25px 19px;border-radius:13px}.sfx-eyebrow{align-items:flex-start;font-size:9px;line-height:1.45;letter-spacing:.13em}.sfx-hero h1{margin-top:20px;font-size:clamp(38px,12vw,50px)}.sfx-title-en{letter-spacing:.13em}.sfx-hero-lead{margin-top:17px;font-size:13px}.sfx-capabilities{grid-template-columns:1fr}.sfx-capabilities>div{padding:9px 10px}.sfx-sonic-monitor{padding:14px}.sfx-monitor-visual{height:118px}.sfx-monitor-metrics{grid-template-columns:1fr 1fr}.sfx-monitor-metrics>span:nth-child(3){display:none}.sfx-workflow{grid-template-columns:repeat(3,1fr);gap:5px;padding:13px 7px}.sfx-workflow>i{display:none}.sfx-workflow>span{display:flex;min-width:0;flex-direction:column;gap:5px;text-align:center}.sfx-workflow b{width:28px;height:28px}.sfx-workflow small{display:none}.sfx-workflow strong{font-size:9px}.sfx-parameters{padding:18px 13px!important}.sfx-prompt{min-height:154px}.sfx-sidebar{grid-template-columns:1fr}}@media (max-width:420px){.sfx-hero h1{font-size:36px}.sfx-monitor-route{gap:4px;font-size:7px}.sfx-parameters .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sfx-monitor-visual>i,.sfx-orbit--outer{animation:none!important}}