.fx{--fx-bg:var(--bg);--fx-panel:var(--s1);--fx-line:#ffffff17;--fx-text:#eceef4;--fx-dim:var(--tx3);--fx-accent:var(--accent);background:radial-gradient(1000px 500px at 70% -10%, #c8f04a14, transparent 60%), var(--fx-bg);min-height:100dvh;color:var(--fx-text);font-family:var(--font-ohf-inter), system-ui, sans-serif;flex-direction:column;gap:16px;padding:14px 20px 28px;display:flex}.fx-workhead{align-items:center;gap:16px;margin-bottom:14px;display:flex}.fx-back{color:var(--fx-dim);border-radius:8px;padding:6px 10px;font-size:12.5px;text-decoration:none}.fx-back:hover{color:var(--fx-text);background:#ffffff0f}.fx-tabs{gap:4px;display:flex}.fx-tabs button{color:var(--fx-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:12.5px}.fx-tabs button[data-on=true]{color:var(--fx-text);border-color:var(--fx-line);background:#ffffff0d}.fx-search{border:1px solid var(--fx-line);width:220px;color:var(--fx-text);background:#00000040;border-radius:999px;margin-left:auto;padding:8px 14px;font-size:12.5px}.fx-search:focus:not(:focus-visible){border-color:var(--fx-accent);outline:none}.fx-slot-label{color:var(--fx-dim);flex-direction:column;gap:2px;font-size:13px;display:flex}.fx-slot-label strong{color:var(--fx-accent);letter-spacing:.02em;text-transform:uppercase;font-size:14px}.fx-slot{border:1px dashed var(--fx-line);background:var(--fx-panel);color:var(--fx-dim);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:18px 14px;font-size:12px;transition:border-color .15s;display:flex}.fx-slot:hover{border-color:var(--fx-accent)}.fx-slot strong{color:var(--fx-text);font-size:13px}.fx-slot em{color:var(--fx-dim);font-size:11px;font-style:normal;font-weight:400}.fx-slot-icon{font-size:22px}.fx-slot img{object-fit:cover;border-radius:10px;width:100%;max-height:110px}.fx-extra{resize:vertical;border:1px solid var(--fx-line);min-height:60px;color:var(--fx-text);background:#00000040;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:12.5px}.fx-extra:focus:not(:focus-visible){border-color:var(--fx-accent);outline:none}.fx-genbar .ux-gen-go{background:var(--fx-accent);color:var(--accent-ink);border:none;border-radius:14px;padding:13px;font-weight:800}.fx-genbar .ux-gen-go:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #c8f04a47}.fx-error{color:#ff8f8f;margin:0;font-size:12.5px}.fx-error a{color:var(--fx-accent)}.fx-grid{columns:3 220px;column-gap:14px}.fx-card{aspect-ratio:4/5;border:1px solid var(--fx-line);cursor:pointer;text-align:left;break-inside:avoid;border-radius:18px;width:100%;margin:0 0 14px;padding:0;transition:transform .15s,border-color .15s;display:block;position:relative;overflow:hidden}.fx-card[data-tall=true]{aspect-ratio:3/4.6}.fx-card:hover{border-color:#c8f04a80;transform:translateY(-3px)}.fx-card[data-on=true]{border-color:var(--fx-accent);box-shadow:0 0 0 2px var(--fx-accent), 0 16px 44px #c8f04a2e}.fx-card-name{letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px #000000a6;font-size:15px;font-weight:800;position:absolute;bottom:34px;left:14px;right:14px}.fx-card-blurb{color:#ffffffbf;text-shadow:0 1px 8px #0009;font-size:11px;position:absolute;bottom:14px;left:14px;right:14px}.fx-empty{color:var(--fx-dim);font-size:13px}.fx-shots{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.fx-shot{border:1px solid var(--fx-line);background:var(--fx-panel);border-radius:16px;overflow:hidden}.fx-shot video,.fx-shot img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.fx-shot-pending{aspect-ratio:16/9;color:var(--fx-dim);background:repeating-linear-gradient(45deg,#ffffff05 0 12px,#0000 12px 24px);place-items:center;font-size:12.5px;display:grid}.fx-shot[data-status=failed] .fx-shot-pending{color:#ff8f8f}.fx-shot p{color:var(--fx-dim);margin:0;padding:10px 12px;font-size:11.5px}.fx-card-del{width:22px;height:22px;font:inherit;cursor:pointer;color:#fffc;opacity:0;background:#0000008c;border:none;border-radius:50%;place-items:center;padding:0;font-size:13px;line-height:1;transition:opacity .12s;display:grid;position:absolute;top:8px;right:8px}.fx-card:hover .fx-card-del,.fx-card:focus-within .fx-card-del,.fx-card-del:focus-visible{opacity:1}.fx-card-badge{z-index:3;position:absolute;top:10px;left:10px}.fx-demo{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-demo i{opacity:0;background:#ffffffd9;border-radius:50% 50% 45% 45%;width:14px;height:14px;margin:-7px;position:absolute;top:38%;left:50%;box-shadow:0 10px 0 -2px #ffffff8c}.fx-demo i:nth-child(3),.fx-demo i:nth-child(4){width:5px;height:5px;box-shadow:none;background:#ffffff80}@keyframes fx-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}.fx-demo[data-demo=pulse] i:first-child{opacity:.8;animation:2.4s ease-in-out infinite fx-pulse}@keyframes fx-fall{0%{opacity:0;transform:translateY(-70px)rotate(-8deg)}15%{opacity:.95}80%{opacity:.95}to{opacity:0;transform:translateY(90px)rotate(8deg)}}.fx-demo[data-demo=floating-fall] i:first-child{animation:3.6s ease-in-out infinite fx-fall}@keyframes fx-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)rotate(-6deg)}40%{transform:translate(3px,-2px)rotate(5deg)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}@keyframes fx-shard{0%{opacity:0;transform:translate(0)rotate(0)}20%{opacity:.9}to{opacity:0;transform:translate(var(--sx,40px), var(--sy,-30px)) rotate(200deg)}}.fx-demo[data-demo=smash-and-grab] i:first-child{opacity:.9;animation:.7s linear infinite fx-shake}.fx-demo[data-demo=smash-and-grab] i:nth-child(3){animation:1.1s ease-out infinite fx-shard;top:34%;left:56%}.fx-demo[data-demo=smash-and-grab] i:nth-child(4){--sx:-46px;--sy:26px;animation:1.1s ease-out .3s infinite fx-shard;top:42%;left:44%}@keyframes fx-clone{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:.95;transform:scale(1.1)}}.fx-demo[data-demo=infinite-clones] i{animation:1.8s ease-in-out infinite fx-clone}.fx-demo[data-demo=infinite-clones] i:first-child{left:30%}.fx-demo[data-demo=infinite-clones] i:nth-child(2){animation-delay:.3s;left:50%}.fx-demo[data-demo=infinite-clones] i:nth-child(3){width:14px;height:14px;animation-delay:.6s;left:70%}@keyframes fx-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.fx-demo[data-demo=act-natural] i:first-child{opacity:.9;animation:4s ease-in-out infinite fx-sway}.fx-demo[data-demo=lidar-transition]{background-image:radial-gradient(#ffffff8c 1px,#0000 1.6px);background-size:12px 12px;animation:3s ease-in-out infinite fx-lidar}@keyframes fx-lidar{0%,to{opacity:0}40%,60%{opacity:.8}}.fx-demo[data-demo=lidar-transition] i:first-child{opacity:.9;animation:3s ease-in-out infinite fx-pulse}.fx-demo[data-demo=incline]{transform:rotate(-24deg)}@keyframes fx-incline{0%{opacity:0;transform:translate(-40px,30px)}20%,80%{opacity:.9}to{opacity:0;transform:translate(50px,-34px)}}.fx-demo[data-demo=incline] i:first-child{animation:3.4s linear infinite fx-incline}.fx-demo[data-demo=selfception] i:first-child{opacity:.9;width:20px;height:20px;animation:3.4s ease-in-out infinite fx-sway}.fx-demo[data-demo=selfception] i:nth-child(2){opacity:.9;width:7px;height:7px;animation:1.6s ease-in-out infinite fx-pulse;top:26%;left:60%}@keyframes fx-walk{0%{opacity:0;transform:translate(-60px)}15%,85%{opacity:.9}to{opacity:0;transform:translate(70px)}}.fx-demo[data-demo=clones-walk] i{animation:2.8s linear infinite fx-walk}.fx-demo[data-demo=clones-walk] i:nth-child(2){animation-delay:.35s}.fx-demo[data-demo=clones-walk] i:nth-child(3){width:14px;height:14px;animation-delay:.7s}@keyframes fx-dab{0%,60%,to{transform:rotate(0)}70%,90%{transform:rotate(-32deg)translate(6px,-4px)}}.fx-demo[data-demo=monster-dab] i:first-child{opacity:.9;width:18px;height:18px;animation:2.2s ease-in-out infinite fx-dab}@keyframes fx-slide{0%{opacity:0;transform:translate(-70px)}20%,80%{opacity:.9}to{opacity:0;transform:translate(70px)}}.fx-demo[data-demo=studio-slide] i:first-child{animation:3s cubic-bezier(.45,0,.25,1) infinite fx-slide}.fx-demo[data-demo=bullet-time] i:first-child{opacity:.9}@keyframes fx-orbit{0%{transform:rotate(0)translate(34px)rotate(0)}to{transform:rotate(360deg)translate(34px)rotate(-360deg)}}.fx-demo[data-demo=bullet-time] i:nth-child(2){width:6px;height:6px;box-shadow:none;opacity:.8;animation:3.2s linear infinite fx-orbit}@keyframes fx-crumble{0%,70%{opacity:.9;transform:translateY(0)}85%{transform:translateY(6px)rotate(3deg)}to{opacity:0;transform:translateY(44px)rotate(9deg)}}@keyframes fx-dust{0%,72%{opacity:0}80%{opacity:.8}to{opacity:0;transform:translateY(38px)}}.fx-demo[data-demo=crumble] i:first-child{animation:3s ease-in infinite fx-crumble}.fx-demo[data-demo=crumble] i:nth-child(3){animation:3s ease-in infinite fx-dust;left:46%}.fx-demo[data-demo=crumble] i:nth-child(4){animation:3s ease-in .12s infinite fx-dust;left:56%}.fx-card{flex-direction:column;display:flex;position:relative}.fx-demo{flex:1;min-height:0;position:relative;inset:auto}.fx-card-name,.fx-card-blurb{z-index:1;text-shadow:none;background:#080a0ef0;padding:0 14px;position:static;bottom:auto;left:auto;right:auto;overflow:hidden}.fx-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-top:10px;display:-webkit-box}.fx-card-blurb{white-space:nowrap;text-overflow:ellipsis;padding-top:3px;padding-bottom:10px}.fx-card-best{color:#ffffffb8;margin-top:2px;font-size:11px;line-height:1.35;display:block}@media (prefers-reduced-motion:reduce){.fx-demo i{opacity:.35;animation:none!important}.fx-slot,.fx-card,.fx-card-del{transition:none}}.fx-capnote{color:var(--fx-dim);margin:0;font-size:12.5px;line-height:1.5}.fx-caplink{color:var(--warn);white-space:nowrap;font-size:11px;text-decoration:none}.fx-caplink:hover{text-decoration:underline}.fx-selection-review{border:1px solid var(--line-2);background:var(--s1);border-radius:10px;flex-direction:column;gap:6px;padding:11px;font-size:12px;line-height:1.4;display:flex}.fx-selection-review span,.fx-selection-review small{color:var(--tx3)}.fx-model{gap:6px;margin-top:12px;display:grid}.fx-model>span{opacity:.7;font-size:12px}.fx-model select{border:1px solid var(--line,#ffffff1f);color:inherit;font:inherit;background:#ffffff0a;border-radius:8px;padding:8px 10px}.fx-cta{margin-top:10px;font-size:13px;line-height:1.5}.fx-cta a{text-decoration:underline}.fx-prog{background:#ffffff1f;border-radius:3px;width:min(240px,100%);height:6px;display:block;overflow:hidden}.fx-prog>i{background:var(--accent,#b6ff5c);height:100%;transition:width .3s;display:block}.fx-cancel{border:1px solid var(--line,#ffffff1f);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:6px 12px}.fx-cancel:hover{background:#ffffff0f}.fx{gap:12px;padding-top:10px}.fx-workhead{z-index:6;background:linear-gradient(var(--fx-bg) 85%, transparent);margin-bottom:12px;padding:8px 0;position:sticky;top:0}.fx-tabs{border:1px solid var(--line);background:var(--s1);border-radius:999px;padding:3px}.fx-tabs button[data-on=true]{background:var(--accent-14);border-color:var(--accent-32);color:var(--accent)}.fx-tabs button:focus-visible,.fx-card:focus-visible,.fx-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fx-search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fx-grid{columns:auto;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.fx-card,.fx-card[data-tall=true]{aspect-ratio:auto;border-radius:14px;height:100%;min-height:188px;margin:0}.fx-card:hover{transform:translateY(-2px)}.fx-demo{min-height:96px}.fx-card-name{padding-top:8px;font-size:13px}.fx-card-blurb{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-bottom:4px;font-size:11.5px;display:-webkit-box}.fx-card-best{color:var(--tx3);-webkit-line-clamp:1;background:#080a0ef0;-webkit-box-orient:vertical;margin:0;padding:0 14px 10px;font-size:10.5px;display:-webkit-box;overflow:hidden}.fx-card[data-on=true]{box-shadow:0 0 0 2px var(--accent), 0 10px 30px var(--accent-14)}.fx-card[data-on=true]:after{content:"Selected";z-index:4;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.fx-card-del{z-index:5;top:38px}.fx .cr-side{scrollbar-width:thin;max-height:calc(100dvh - 76px);padding-right:2px;position:sticky;top:62px;overflow-y:auto}@media (max-width:900px){.fx .cr-side{max-height:none;position:static;overflow:visible}}.fx-slot-label{border:1px solid var(--line-2);border-left:3px solid var(--accent);background:var(--s1);border-radius:10px;padding:12px 14px}.fx-slot-label>span:only-child{color:var(--tx3)}.fx-selection-review strong{display:none}.fx-selection-review{padding:9px 11px;font-size:11.5px}.fx-subject>span,.fx-model>span{letter-spacing:.03em;color:var(--tx2);opacity:1;font-size:12px;font-weight:700}.fx-extra{box-sizing:border-box;width:100%}.fx-model select{width:100%}.fx-model select:focus-visible,.fx-extra:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fx-empty-state{border:1px dashed var(--line-2);background:var(--s1);color:var(--tx3);border-radius:14px;flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:6px;padding:22px;font-size:13px;line-height:1.5;display:flex}.fx-empty-state strong{color:var(--tx);font-size:14px}.fx-shot[data-status=running]{border-color:var(--accent-32)}.fx-shot-pending{text-align:center;gap:8px;padding:12px}@media (prefers-reduced-motion:reduce){.fx-card:hover,.fx-genbar .ux-gen-go:hover:not(:disabled){transform:none}}.fx-card>.fx-card-name,.fx-card>.fx-card-blurb,.fx-card>.fx-card-best{flex:none}.fx-card>.fx-demo{flex:auto;min-height:96px}.fx-card .ohf-ap{border:0;border-radius:0;height:100%;min-height:96px}.fx-card-blurb{padding-bottom:6px}.fx-card,.fx-card[data-tall=true]{height:auto;min-height:0}.fx-card>.fx-card-best{-webkit-line-clamp:2;padding-bottom:12px}
