.dedicated-effect .workspace{grid-template-columns:minmax(0,1fr) 320px;min-height:0}.dedicated-effect .intro{display:block;max-width:900px}.dedicated-effect .intro p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:760px}.dedicated-effect .intro h1{font-size:clamp(32px,4vw,52px)}.dedicated-effect #preview{height:480px;max-height:480px}.dedicated-effect .stage{min-height:550px}.effect-guide{max-width:950px;margin:50px auto;padding:30px 0;line-height:1.85}.effect-guide h2{font-size:30px;letter-spacing:-1px}.effect-guide h3{margin-top:28px}.effect-guide p,.effect-guide li{color:var(--muted);font-size:15px}.effect-guide li{padding:5px 0}.effect-guide details{font-size:14px;padding:18px 0}.effect-guide nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.effect-guide nav a{padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:13px;text-decoration:none}.dedicated-effect .catalog[hidden]{display:none!important}@media(max-width:800px){.dedicated-effect .workspace{display:flex;flex-direction:column}.dedicated-effect .controls{border-left:0;border-top:1px solid var(--border)}.dedicated-effect .intro p:not(.eyebrow){font-size:14px}.dedicated-effect #preview{height:400px;max-height:400px}.dedicated-effect .stage{min-height:460px}.effect-guide{margin:24px auto}.effect-guide h2{font-size:26px}}
