/*! © 2026 FXP · fxps.io */
:root{--fs-display:1.625rem;--icon-sm:14px;--icon-lg:20px;--sp-5:1.23rem;--sp-6:1.64rem;--radius-md:0;--radius-lg:0;--radius-modal:0;--radius-popover:0;--mini-h:.9225rem;--ease-std:cubic-bezier(.4,0,.2,1);--dur-slow:280ms;--shadow:var(--flat);--d3:var(--flat);--d4:var(--flat);--d5:var(--flat);--hi:var(--flat);--bevel-strong:var(--flat);--halo:var(--flat);--halo-strong:var(--flat);--dome:none;--glass-shine:none;--scrim-blur:0px;--scrim:rgba(29,29,27,.38)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--scrim:rgba(0,0,0,.55)}}:root[data-theme=dark]{--scrim:rgba(0,0,0,.55)}*{box-sizing:border-box}html,body{height:100%}body{font-variant-numeric:lining-nums tabular-nums}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--sp-4);background:var(--scrim);opacity:0;transition:opacity var(--dur-base) var(--ease-out);backdrop-filter:none;-webkit-backdrop-filter:none}.modal-backdrop.is-open{opacity:1}.modal{width:min(34rem,100%);max-height:90vh;overflow:auto;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-modal);box-shadow:var(--d4),var(--halo),var(--bevel);background-image:var(--gloss);transform:translateY(8px) scale(.98);opacity:0;transition:transform var(--dur-base) var(--ease-snap),opacity var(--dur-base) var(--ease-out)}.modal-backdrop.is-open .modal{transform:none;opacity:1}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:var(--sp-4) var(--sp-4) var(--sp-3);font-size:var(--fs-title);font-weight:600;border-bottom:1px solid var(--rule)}.modal-body{padding:var(--sp-4);font-size:var(--fs-body);color:var(--ink)}.modal-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--rule)}.modal-close{appearance:none;background:transparent;border:0;cursor:pointer;color:var(--ink-2);font-size:var(--fs-title);line-height:1;padding:.1rem .3rem}.modal-close:hover{color:var(--accent)}.rail>.params-col,.rail>.ctrl-col,.rail>.fx-col{width:auto;flex:none;overflow:visible;background:transparent;border-right:none}.rail>.fx-col{border-top:1px solid var(--rule)}.cam-rail{flex-basis:264px;width:264px}.cam-rail .btn.is-on{color:var(--accent);border-color:var(--accent)}.acc-body .params-col,.acc-body .fx-col{width:auto;flex:none;background:transparent;border-right:none;overflow:visible}.acc-body .side-params{border-top:none}.acc-body .side-params+.side-params,.acc-body .side-params+.fx-col{border-top:1px solid var(--rule)}.kf-row{border-radius:var(--radius-control);transition:background-color var(--dur-fast) var(--ease-snap)}.kf-row.is-playing{background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 2px 0 0 var(--accent)}.kf-row.is-playing [data-kfgo]{color:var(--accent);font-weight:700}.kf-row.kf-dragging{opacity:0.45}.kf-row.kf-drop-before{box-shadow:inset 0 2px 0 var(--accent)}.kf-row.kf-drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.kf-grip{cursor:grab}.kf-grip:active{cursor:grabbing}.kf-grip:hover{color:var(--ink)}.kf-row.is-selected [data-kfgo]{box-shadow:0 0 0 1.5px var(--accent);color:var(--accent);font-weight:700}.kf-row.is-selected{background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:4px}.kf-row.is-selected [data-kfgo]::before{content:"✎";margin-right:2px}#kfEditBadge{display:none}#kfEditBadge.is-on{display:inline-flex;color:var(--accent);border-color:var(--accent)}.params-col{width:340px;flex:none;min-height:0;overflow:hidden auto;background:var(--paper);border-right:1px solid var(--rule);font-size:var(--fs-meta)}.params-col .side-params:first-child{border-top:none;margin-top:0}.tb-mp{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:5px 11px}.tb-mp .tb-mp-lbl{font-size:var(--fs-meta)}.tb-mp[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}@media (max-width:820px),(max-height:500px){.tb-mp .tb-mp-lbl{display:none}}.stage{order:2;flex:1;min-width:0;min-height:0;margin:var(--sp-5);display:flex;align-items:center;justify-content:center}.viewport{position:relative;overflow:hidden;background:var(--view);border:1px solid var(--rule);border-radius:var(--radius-card)}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.viewport.dragging canvas{cursor:grabbing}#cvFX{z-index:5;display:none;cursor:default;pointer-events:none}#viewcube{z-index:6;inset:auto;top:8px;right:8px;left:auto;width:84px;height:84px;display:none;cursor:pointer;pointer-events:auto;background:rgba(0,0,0,0.22);border-radius:7px}.fx-col{width:212px;flex:none;min-height:0;overflow:hidden auto;background:var(--paper);border-right:1px solid var(--rule);font-size:var(--fs-meta)}.fx-col .side-params{gap:var(--sp-2);padding:var(--sp-3);margin-top:0;border-top:none}.fx-col .fx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1)}.fx-col .fx-grid .btn{width:100%}.fx-lbl{display:none}.fx-grid.fx-searching{grid-template-columns:1fr}.fx-grid.fx-searching .btn.btn-icon{justify-content:flex-start;gap:8px;padding-left:10px}.fx-grid.fx-searching .fx-lbl{display:inline;font-size:var(--fs-meta)}.fx-grid .btn.fx-hide{display:none!important}.fx-grid[data-empty="1"]::after{content:"No effects match";color:var(--muted);font-size:var(--fs-meta);padding:var(--sp-2);grid-column:1/-1}.fx-col .fx-dur{margin:0 0 var(--sp-1)}.fx-col .fx-dur label{display:flex;justify-content:space-between;align-items:baseline;gap:4px;margin-bottom:2px}.fx-col .fx-dur input[type=range]{width:100%;display:block}.side-params{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);border-top:1px solid var(--rule);margin-top:var(--sp-3)}.side-params-head{display:flex;align-items:center;justify-content:space-between}.param-l{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.params-col .field-row input[type=range]{flex:1;min-width:0}.params-col .side-params{gap:var(--sp-2);padding:var(--sp-3);margin-top:var(--sp-2)}.acc-body .side-params{gap:var(--sp-2);padding:var(--sp-3);margin-top:var(--sp-2)}html,body{overflow:hidden}@media (max-width:1000px) and (min-height:501px),(max-width:1000px) and (orientation:portrait){.fx-col .fx-grid{grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr))}.stage{order:1;flex:none;margin:0;min-height:0;aspect-ratio:var(--frame-ar, 16 / 9);max-height:60vh}}.help-ov{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:var(--paper)}.help-ov[hidden]{display:none}.help-top{display:flex;align-items:center;gap:var(--sp-3);flex:none;min-height:var(--topbar-h);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--rule);background:var(--paper)}.help-body{flex:1;display:flex;min-height:0}.help-nav{width:var(--side-w);flex:none;overflow:auto;padding:var(--sp-3);border-right:1px solid var(--rule);background:var(--paper)}.help-main{flex:1;overflow:auto;padding:var(--sp-5) var(--sp-6);scroll-behavior:smooth}[data-motion=off] .help-main{scroll-behavior:auto}.hcat{margin:0 0 var(--sp-6);scroll-margin-top:var(--sp-4)}.hf{margin:0 0 var(--sp-4);max-width:920px;scroll-margin-top:var(--sp-4)}.hf .hf-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.fx{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius-md);padding:.55rem .95rem;margin:.35rem 0;overflow-x:auto;font-family:var(--font);font-style:italic;font-size:var(--fs-title);line-height:1.75}#pCount{cursor:pointer}#fxPop{position:fixed;z-index:90;width:min(440px,92vw);display:none;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md)}#fxPop.open{display:block}#fxPop .fxp-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--rule);cursor:grab;user-select:none;touch-action:none}#fxPop .fxp-head:active{cursor:grabbing}#fxPop .fxp-body{padding:var(--sp-2) var(--sp-3) var(--sp-3)}#fxPop .fx{margin:0 0 var(--sp-2);font-size:var(--fs-body);line-height:1.7}#fxPop .fxp-vals{display:grid;grid-template-columns:1fr auto;gap:2px var(--sp-3);font-size:var(--fs-meta)}.fx sup,.fx sub{font-size:64%;line-height:0}.hnote{color:var(--ink-2);font-size:var(--fs-meta);margin:.3rem 0 0}pre.hcode{font-family:var(--font);font-variant-numeric:lining-nums tabular-nums;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius-md);padding:.5rem .8rem;margin:.35rem 0 0;font-size:var(--fs-meta);line-height:1.5;overflow:auto;max-height:15rem;white-space:pre-wrap}.hcat>h2{margin:0 0 var(--sp-3);font-size:var(--fs-title);padding-bottom:var(--sp-2)}.hf .hf-head h3{margin:0;font-size:var(--fs-body)}.hf .hdesc{margin:.35rem 0 0;color:var(--ink-2);line-height:1.55}@media (max-width:820px){.help-nav{display:none}.help-main{padding:var(--sp-4)}}.st-m0{margin:0!important}.st-jc-end{justify-content:flex-end!important}.st-fw7{font-weight:700!important}.st-ml-auto{margin-left:auto!important}.st-kf-list{list-style:none!important;margin:6px 0 0!important;padding:0!important}.st-mt8{margin-top:8px!important}.st-lbl{display:block!important;margin-bottom:3px!important}.st-g5c{gap:5px!important;align-items:center!important}.st-f1s{flex:1!important;min-width:0!important}.st-kf-alldur{flex:none!important;width:52px!important;padding:1px 4px!important}.st-g5{gap:5px!important}.st-fx-search{margin:0 0 var(--sp-1)!important;width:100%!important}.st-sub1{margin:2px 0 0!important;font-weight:600!important}.st-sub{margin:6px 0 0!important;font-weight:600!important}.st-g5w{gap:5px!important;flex-wrap:wrap!important;margin-top:6px!important}.st-half{flex:1 1 46%!important}.st-cv-title{z-index:4!important;pointer-events:none!important}.st-fs-meta{font-size:var(--fs-meta)!important}.st-f1{flex:1!important}.st-kf-row{display:flex!important;align-items:center!important;gap:6px!important;padding:2px 0!important;font-size:var(--fs-meta)!important}.st-kf-grip{flex:none!important;cursor:grab!important;color:var(--ink-2)!important;padding:0 1px!important;user-select:none!important}.st-kf-btn{flex:none!important;min-width:0!important;padding:1px 6px!important}.st-kf-dur{flex:none!important;width:50px!important;padding:1px 4px!important;font-size:inherit!important}.st-kf-ease{flex:none!important;width:66px!important;padding:1px 2px!important;font-size:inherit!important}.st-kf-last{opacity:.45!important}.is-off{display:none!important}#cvGPU{display:none}.hcat>h2{border-bottom:0;border-top:1px solid var(--accent);padding:6px 0 0;color:var(--accent);font-weight:600;font-variant-caps:small-caps;letter-spacing:.05em}.cam-sub{font-variant-caps:small-caps;letter-spacing:.05em}@media (max-width:820px),(max-height:500px){.tb-mp{margin-right:0;padding:5px 7px}}@media (max-width:1000px) and (min-height:501px),(max-width:1000px) and (orientation:portrait){.viewport{border-radius:0;border-left:0;border-right:0}}@media (max-height:500px) and (orientation:landscape){:root{--rail-w:280px}}.frame-fill .stage{margin:0}.frame-fill .viewport{border:0;border-radius:0}.run{grid-area:run;display:flex;justify-content:space-between;gap:1em;margin:var(--run-top) var(--run-x) 0;padding-bottom:5px;border-bottom:1px solid var(--rule);font-family:var(--font);font-size:13px;line-height:1.6;font-style:italic;font-weight:400;color:var(--muted);font-kerning:normal;font-synthesis:none}@media (max-width:480px){.run-ed{display:none}}@media screen and (min-width:760px){.help-ov,.modal-backdrop{left:var(--fx-rail-w, 0px)}}@media screen and (max-width:759.98px){.help-ov,.modal-backdrop{top:var(--fx-bar-h, 0px)}}.help-nav{--fs-body:.8125rem;--fs-meta:.75rem;--fs-title:.9375rem;line-height:1.45}.vp-prep{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:var(--view);color:rgba(255,255,255,.75);font-family:var(--font);font-size:15px;font-style:italic;letter-spacing:.02em;pointer-events:none}.vp-prep[hidden]{display:none}.vp-prep span{animation:vp-prep 1.4s ease-in-out infinite alternate}@keyframes vp-prep{from{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){.vp-prep span{animation:none}}.tb-status .sb-eng{width:8.5ch}.tb-status .sb-ms{width:7.5ch}.tb-status .sb-zoom{width:6.5ch}.tb-status .sb-pos{width:13ch}.tb-status .sb-lz{width:5ch}.tb-status .sb-lp{width:5.5ch}.tb-status .sb-eng-gpu{color:var(--good);font-weight:600}.tb-status .sb-eng-gl{color:var(--info);font-weight:600}@media (min-width:481px) and (max-width:560px),(max-width:399px){.tb-status .sb-s-pos{display:none}}.modal:has(.keys-help){width:min(40rem,100%)}.keys-help section{margin:0 0 14px}.keys-help section:last-child{margin-bottom:0}.keys-help h3{margin:0 0 6px;font:700 10px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.keys-help p{margin:0 0 4px;font-size:12px;line-height:1.9;color:var(--ink)}.keys-help kbd{background:var(--paper-2);border:1px solid var(--rule-strong);padding:1px 5px;font:10px var(--font);color:var(--ink)}.rail-tools .rail-tools-sep{margin:0 5px}@media (max-width:420px){.rail-tools{gap:2px}.rail-tools .rail-tools-sep{margin:0 4px}}