@property --fs-a{syntax:"<color>";inherits:true;initial-value:#23252c}@property --fs-b{syntax:"<color>";inherits:true;initial-value:#8d909a}@property --fs-c{syntax:"<color>";inherits:true;initial-value:#0e0f13}.fs-shelf{margin-right:2px;display:inline-flex}.fs-shelf>span{width:22px;height:22px;box-shadow:0 0 0 2px var(--color-bench);transition:translate var(--lp-lift) var(--lp-glide);border-radius:999px;margin-left:-7px;position:relative;overflow:hidden}.fs-shelf>span:first-child{margin-left:0}.fs-shelf-cta:hover .fs-shelf>span:nth-child(2){translate:2px}.fs-shelf-cta:hover .fs-shelf>span:nth-child(3){translate:4px}.fs-shelf-cta:hover .fs-shelf>span:nth-child(4){translate:6px}.fs-shelf-cta:hover .fs-shelf{margin-right:8px}.fs-shelf{transition:margin-right var(--lp-lift) var(--lp-glide)}.fs-frame{background:#0c0d11;border-radius:30px;flex-direction:column;gap:10px;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f,0 60px 140px -60px #000000f2}.fs-head{background:var(--color-raise);border-radius:20px;flex-wrap:wrap;align-items:center;gap:4px;min-height:56px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.fs-crumb{width:36px;height:36px;color:var(--color-ink-3);justify-content:center;align-items:center;display:inline-flex}.fs-name{min-width:0;max-width:44vw;height:36px;color:var(--color-ink);transition:background-color var(--lp-ms) var(--lp-ease);background:0 0;border-radius:11px;outline:none;padding:0 10px;font-size:14px;font-weight:500}.fs-name:hover:not(:disabled){background:#ffffff0f}.fs-name:disabled{color:var(--color-ink);opacity:1}.fs-pill{color:var(--color-ink-3);transition:background-color var(--lp-ms) var(--lp-ease), color var(--lp-ms) var(--lp-ease);background:#ffffff12;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px}.fs-pill-on{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 16%, transparent)}.fs-modes{isolation:isolate;background:#ffffff0d;border-radius:13px;grid-template-columns:1fr 1fr;height:40px;margin-left:12px;padding:3px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.fs-modes-thumb{z-index:-1;width:calc(50% - 3px);transition:translate var(--lp-lift) var(--lp-glide);background:#ffffff21;border-radius:10px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff12}.fs-modes[data-mode=hand] .fs-modes-thumb{translate:100%}.fs-modes button{white-space:nowrap;color:var(--color-ink-3);cursor:pointer;transition:color var(--lp-ms) var(--lp-ease);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;display:inline-flex}.fs-modes button:hover,.fs-modes button[aria-checked=true]{color:var(--color-ink)}.fs-publish{transition:background-color var(--lp-ms) var(--lp-ease), scale 80ms var(--ease-out)}.fs-publish:active{scale:.97}.fs-spin{border:1.6px solid #15161a40;border-top-color:#15161a;border-radius:999px;width:13px;height:13px;animation:.8s linear infinite fs-spin}@keyframes fs-spin{to{rotate:1turn}}.fs-body{gap:10px;display:flex}.fs-stage{isolation:isolate;border-radius:22px;flex:1;justify-content:center;align-items:center;min-width:0;height:620px;padding:28px 24px 76px;display:flex;position:relative;overflow:hidden}.fs-glow{z-index:-1;background:radial-gradient(40% 48% at 50% 46%, color-mix(in srgb, var(--fs-a) 62%, transparent), transparent 72%), radial-gradient(30% 34% at 64% 64%, color-mix(in srgb, var(--fs-b) 26%, transparent), transparent 70%), radial-gradient(34% 40% at 36% 30%, color-mix(in srgb, var(--fs-c) 30%, transparent), transparent 72%);filter:blur(34px);opacity:.9;transition:--fs-a 1.1s cubic-bezier(.45,0,.25,1),--fs-b 1.1s cubic-bezier(.45,0,.25,1),--fs-c 1.1s cubic-bezier(.45,0,.25,1);position:absolute;inset:-10%}.fs-card{width:min(400px,100%)}.fs-card>*{border-radius:16px}.fs-card{transition:scale var(--lp-lift) var(--lp-glide), translate var(--lp-lift) var(--lp-glide)}.fs-stage[data-listed] .fs-card{translate:0 -52px;scale:.84}.fs-tools{background:var(--color-raise);box-shadow:var(--float,0 10px 30px -12px #000000b3), inset 0 0 0 1px #ffffff0d;border-radius:16px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}.fs-listed{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.3);max-width:560px;animation:fs-up .76s var(--lp-glide) both;background:#16171cdb;border-radius:20px;align-items:center;gap:14px;margin:0 auto;padding:12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:inset 0 0 0 1px #ffffff14,0 30px 60px -24px #000000e6}@keyframes fs-up{0%{opacity:0;translate:0 14px}}.fs-side{background:var(--color-raise);border-radius:22px;flex-direction:column;flex-shrink:0;width:380px;height:620px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.fs-lock{color:var(--color-ink-2);background:color-mix(in srgb, var(--color-accent) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent);border-radius:14px;align-items:flex-start;gap:8px;margin:14px 14px 0;padding:10px 12px;font-size:12.5px;line-height:18px;display:flex}.fs-lock svg{color:var(--color-accent);flex-shrink:0;margin-top:1px}.fs-log{flex-direction:column;flex:1;gap:14px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.fs-you{max-width:86%;color:var(--color-ink);background:#ffffff17;border-radius:18px 18px 6px;padding:10px 14px;font-size:13.5px;line-height:19px}.fs-step{background:#ffffff09;border-radius:16px;gap:10px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.fs-tick{color:#10231a;background:var(--color-good);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.fs-dot{width:26px;height:26px;animation:fs-pop .52s var(--lp-glide) both;animation-delay:calc(var(--i) * .2s);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff24}@keyframes fs-pop{0%{opacity:0;scale:.5}}.fs-bar{background:#ffffff14;border-radius:999px;height:4px;display:block;overflow:hidden}.fs-bar>span{border-radius:inherit;background:var(--color-ink-2);height:100%;transition:width .24s linear;display:block}.fs-orb{background:var(--color-accent);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent);border-radius:999px}.fs-orb-sm{width:7px;height:7px;box-shadow:none}.fs-orb[data-busy]{animation:1.6s cubic-bezier(.45,0,.55,1) infinite fs-breathe}@keyframes fs-breathe{50%{opacity:.45;scale:.8}}.fs-try{text-align:left;width:100%;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--lp-ms) var(--lp-ease), color var(--lp-ms) var(--lp-ease);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;line-height:19px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.fs-try:hover{color:var(--color-ink);background:#ffffff0d}.fs-try svg{transition:translate var(--lp-lift) var(--lp-glide)}.fs-try:hover svg{translate:2px}.fs-composer{background:var(--color-raise-2);border-radius:20px;padding:6px;box-shadow:0 0 0 1px #ffffff14,0 12px 30px -18px #000c}.fs-caret{vertical-align:-.15em;background:var(--color-ink);width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite fs-blink;display:inline-block}@keyframes fs-blink{50%{opacity:0}}.fs-send{width:32px;height:32px;color:var(--color-bench);background:var(--color-ink);opacity:.25;transition:opacity var(--lp-ms) var(--lp-ease);border-radius:999px;justify-content:center;align-items:center;display:flex}.fs-send-on{opacity:1}.fs-rise{animation:fs-rise .62s var(--lp-glide) both}@keyframes fs-rise{0%{opacity:0;translate:0 8px}}.fs-hand{flex:1;min-height:0;padding:16px;overflow-y:auto}.fs-hand:disabled{opacity:.55}.fs-sec+.fs-sec{border-top:1px solid var(--color-line);margin-top:18px;padding-top:18px}.fs-h{color:var(--color-ink);margin-bottom:12px;font-size:13px;font-weight:600}.fs-sec .flex>.fs-h{margin-bottom:0}.fs-mat{text-align:left;cursor:pointer;min-width:0;display:block}.fs-mat-art{aspect-ratio:1;transition:scale var(--lp-lift) var(--lp-glide), box-shadow var(--lp-ms) var(--lp-ease);border-radius:12px;display:block;overflow:hidden}.fs-mat:hover .fs-mat-art{scale:1.04}.fs-mat[aria-pressed=true] .fs-mat-art{box-shadow:0 0 0 2px var(--color-raise), 0 0 0 3.5px var(--color-ink)}.fs-mat-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-3);transition:color var(--lp-ms) var(--lp-ease);margin-top:5px;font-size:11px;display:block;overflow:hidden}.fs-mat:hover .fs-mat-name,.fs-mat[aria-pressed=true] .fs-mat-name{color:var(--color-ink)}.fs-stop{width:30px;height:30px;transition:background-color .52s var(--lp-ease);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff29}@media (max-width:1023px){.fs-body{flex-direction:column}.fs-side{width:100%;height:520px}}@media (max-width:639px){.fs-frame{border-radius:24px;gap:6px;padding:6px}.fs-head{border-radius:18px;padding:6px}.fs-modes{order:5;width:100%;margin:6px 0 0}.fs-stage{border-radius:18px;height:470px;padding:20px 16px 68px}.fs-card{width:min(300px,100%)}.fs-side{border-radius:18px;height:540px}.fs-stage[data-listed] .fs-card{translate:0 -104px;scale:.64}.fs-listed{flex-wrap:wrap;bottom:10px;left:10px;right:10px}.fs-listed>a{width:100%}}@media (prefers-reduced-motion:reduce){.fs-rise,.fs-dot,.fs-listed,.fs-orb[data-busy]{animation:none}}
