.fx-page{background:#101110;color:#f1f0e8;min-height:100vh}.fx-page main{max-width:1440px;margin:auto;padding:60px 5vw 100px}.fx-page h1{font:500 clamp(44px,7vw,100px)/1.05 Oswald,sans-serif;letter-spacing:-.035em;margin:20px 0}.fx-page .fx-lead{max-width:660px;color:#a5ac9c;line-height:1.7;margin-bottom:48px}.fx-workbench{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #444a3c;border-bottom:1px solid #444a3c;color:#f1f0e8;background:#101110}.fx-library{padding:30px 40px 35px 0}.fx-index{font-size:11px;letter-spacing:.13em;color:#a5ac9c}.fx-library h2{font:500 clamp(30px,3.5vw,52px)/1.12 Oswald,sans-serif;margin:24px 0}.fx-tabs{display:flex;gap:6px;border-bottom:1px solid #444a3c;margin:25px 0 10px}.fx-tabs button{border:0;background:none;color:#a5ac9c;padding:14px 8px;cursor:pointer;border-bottom:2px solid transparent}.fx-tabs [aria-pressed=true]{color:#d2fa4b;border-bottom-color:#d2fa4b}.fx-list button{width:100%;display:flex;align-items:center;gap:22px;padding:19px 14px;background:transparent;color:inherit;border:0;border-bottom:1px solid #292e26;text-align:left;cursor:pointer}.fx-list button>span{font:11px monospace;color:#a5ac9c}.fx-list button>b{font-size:20px;font-weight:500}.fx-list button>i{font-style:normal;margin-left:auto}.fx-list button[aria-pressed=true]{background:#d2fa4b;color:#101110}.fx-list button[aria-pressed=true]>span{color:inherit}.fx-preview{padding:28px 32px;border-left:1px solid #444a3c}.fx-monitor{height:390px;max-width:100%;display:flex;align-items:center;justify-content:center;background:#070807}.fx-monitor>div{max-height:100%;max-width:100%}.fx-description{margin:20px 0}.fx-description strong{font-size:23px}.fx-description p,.fx-status,.fx-preview small{font-size:13px;line-height:1.6;color:#a5ac9c}.fx-settings{display:flex;gap:25px;flex-wrap:wrap}.fx-settings label{display:flex;flex-direction:column;gap:9px;font-size:12px}.fx-settings input[type=color]{width:70px;height:32px;border:0;background:none}.fx-settings input{accent-color:#d2fa4b}.fx-status{min-height:42px}.fx-preview small{display:block;margin-top:16px}.fx-embedded{margin-top:20px}.fx-embedded .fx-library{padding-right:20px}.fx-embedded .fx-preview{padding:20px}.fx-embedded .fx-monitor{height:340px}.modal:has(.fx-embedded){width:min(1000px,96vw);max-width:1000px}.fx-workbench button:focus-visible{outline:2px solid #f1f0e8;outline-offset:3px}@media(max-width:650px){.fx-workbench{grid-template-columns:1fr}.fx-library{padding:24px 0}.fx-preview{border-left:0;border-top:1px solid #444a3c;padding:24px 0}.fx-list{display:grid;grid-template-columns:1fr 1fr}.fx-list button{gap:10px;padding:14px 8px}.fx-list button>b{font-size:16px}.fx-monitor{height:380px}.fx-embedded .fx-library{padding-right:0}.fx-page main{padding-top:30px}}
.fx-page.lc-page{background:#101110;color:#f1f0e8}:is(.fx-page,.ha-effects) .fx-monitor .composition-preview{height:100%!important;max-height:100%!important;aspect-ratio:auto!important}.fx-monitor{overflow:hidden}.fx-page .fx-preview .lc-button{display:inline-flex}.fx-page h1,.fx-page h2{color:#f1f0e8}.fx-embedded .fx-monitor .composition-preview{height:100%!important;max-height:100%!important;aspect-ratio:auto!important}.fx-page .fx-preview small{max-width:420px}

:is(.editor-effect-library,.fx-animated) [data-effect-group=graphic] .effect-card-thumb{aspect-ratio:3/4}
