:root,[data-studio-theme=dark]{--fr-gift-n:linear-gradient(100deg, #fff, #ffe2c6 40%, #ff8a2b 80%);--fr-gift-chip-ink:#ffd8b8;--fr-gift-chip-fill:#ff8a2b21;--fr-gift-chip-edge:#ff8a2b6b}[data-studio-theme=light]{--fr-gift-n:linear-gradient(100deg, #2b1d14, #8a3510 45%, #c4440f 85%);--fr-gift-chip-ink:#9a360b;--fr-gift-chip-fill:#d65a141a;--fr-gift-chip-edge:#d65a145c}@layer components{.fr-tile,.fr-sheet,.fr-gift,.fr-next,:root[data-credits-pop] .studio-credits{--ember:#ff5a2c;--ember-a:#ff3d2e;--ember-b:#ff8a2b}.fr-tile{aspect-ratio:1;width:100%;transition:box-shadow .25s var(--lg-ease,ease), transform .35s var(--lg-spring,ease);background:#141312 50%/cover no-repeat;border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.fr-tile:after{content:"";background:linear-gradient(#0000 45%,#000000b8);position:absolute;inset:0}.fr-tile:active{transform:scale(.97)}.fr-tile[data-on]{box-shadow:0 0 0 2px var(--ember-b), 0 0 18px -6px var(--ember)}.fr-tile:focus-visible{outline:2px solid var(--ember-b);outline-offset:3px}.fr-tile-label{z-index:1;text-align:left;color:#fff;font-size:14px;font-weight:700;line-height:1.2;position:absolute;bottom:9px;left:10px;right:10px}.tile-try{z-index:1;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);opacity:0;height:26px;transition:opacity .18s var(--lg-ease,ease), transform .18s var(--lg-ease,ease);pointer-events:none;background:#00000061;border:1px solid #ffffff47;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:8px;right:8px;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 4px 14px #00000059}@media (hover:hover){:hover>.tile-try{opacity:1;transform:none}}:focus-visible>.tile-try{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.tile-try{transition:none;transform:none}}:root[data-motion=reduced] .tile-try{transition:none;transform:none}@media (prefers-reduced-transparency:reduce){.tile-try{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000b8}}[data-transparency=reduced] .tile-try{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000b8}@media (min-width:768px){.fr-tile-label{font-size:15px;bottom:11px;left:12px;right:12px}}.fr-sheet.lg-sheet{border-radius:30px;padding:8px 18px 18px}.fr-sheet .lg-sheet-handle{margin:-8px -18px 0;padding:8px 18px 0}.fr-sheet .lg-sheet-grab{width:44px;height:5px;margin-bottom:14px}@media (min-width:768px){.fr-sheet.lg-sheet{width:440px;animation:lg-fade .35s var(--lg-ease);border-radius:30px;padding:28px;inset:50% auto auto 50%;translate:-50% -50%}.fr-sheet .lg-sheet-handle{display:none}}.fr-sheet-title{margin:0 0 8px;font-size:30px;line-height:.95}.fr-sheet-sub{margin:0 0 14px;font-size:15px}@media (min-width:768px){.fr-sheet-title{font-size:36px;line-height:.92}}.fr-keep{background:#ffffff0d;border-radius:17px;align-items:center;gap:11px;margin-bottom:14px;padding:10px 12px;font-size:15px;line-height:1.35;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.fr-keep-thumb{background:50%/cover no-repeat;border-radius:11px;flex:none;width:42px;height:42px}.fr-keep-thumb[data-blank]{background:radial-gradient(circle at 50% 120%, #ffb36b, var(--ember-b) 45%, var(--ember-a) 95%)}.fr-keep-prompt{-webkit-line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fr-keep-note{color:var(--ink-muted);margin-top:1px;font-size:13px;display:block}.fr-sheet .auth-btn{height:52px;font-size:16px}.fr-gift{z-index:55;left:var(--fr-gift-x,50%);top:var(--fr-gift-top,calc(var(--nav-height,64px) + 24px));text-align:center;width:min(420px,100vw - 36px);animation:lg-rise .5s var(--lg-spring), fr-gift-out .4s var(--lg-ease) 1.8s forwards;border-radius:27px;flex-direction:column;align-items:center;padding:20px;display:flex;position:fixed;translate:-50%}.fr-gift-n{background:var(--fr-gift-n);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:80px;line-height:.9}.fr-gift-l{color:var(--ink-muted);margin:5px 0 12px;font-size:15px}.fr-gift-chip{color:var(--fr-gift-chip-ink);background:var(--fr-gift-chip-fill);box-shadow:inset 0 0 0 1px var(--fr-gift-chip-edge);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}@keyframes fr-gift-out{to{opacity:0;transform:translateY(-8px)}}:root[data-credits-pop] .studio-credits{box-shadow:0 0 0 2px var(--ember-b), 0 0 18px -4px var(--ember);transition:box-shadow .3s var(--lg-ease,ease)}@media (prefers-reduced-motion:reduce){.fr-gift{animation:.2s linear 1.9s forwards fr-gift-out}.fr-tile{transition:none}}:root[data-motion=reduced] .fr-gift{animation:.2s linear 1.9s forwards fr-gift-out}:root[data-motion=reduced] .fr-tile{transition:none}.fr-next{z-index:40;animation:lg-rise .45s var(--lg-spring);position:fixed}@media (min-width:768px){[data-composer-dock]>.fr-next{position:relative}}.fr-next-h{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);text-shadow:0 1px 10px #0000008c;align-items:center;gap:6px;margin:0 5px 8px;font-size:12.5px;font-weight:700;display:flex}:root[data-studio][data-studio-light] .fr-next-h{text-shadow:0 0 10px #ffffffe6}.fr-next-x{margin-left:auto}.fr-next-row{flex-wrap:wrap;gap:6px;display:flex}.fr-next-chip{color:var(--ink);border-radius:999px;padding:8px 11px;font-size:13.5px;font-weight:600}.fr-next-chip:focus-visible{outline:2px solid var(--ember-b);outline-offset:2px}.fr-pay-title{margin-bottom:5px;padding-inline:28px}:root[data-studio][data-studio-light] .fr-pay.lg-glass{background:linear-gradient(#ffffff0d,#fff0 55%),#161413f0}.fr-peek{aspect-ratio:16/9;background:#141312 50%/cover no-repeat;border-radius:14px;margin:6px 0 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.fr-peek video,.fr-peek-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fr-peek-still{animation:fr-peek-push 3s var(--lg-ease,ease) infinite alternate;background:50%/cover no-repeat}@keyframes fr-peek-push{0%{transform:scale(1)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.fr-peek-tag{z-index:1;color:#fff;background:#0c0b0a8c;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700;position:absolute;bottom:10px;left:10px}.fr-pay-line{color:var(--ink-muted);margin:0 0 12px;font-size:14.5px}.fr-plans{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fr-plan{text-align:left;color:var(--ink-muted);transition:box-shadow .2s var(--lg-ease,ease), background .2s var(--lg-ease,ease);background:#ffffff0d;border-radius:19px;padding:12px;font-size:13.5px;line-height:1.35;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.fr-plan[data-on]{background:#ff8a2b1a;box-shadow:inset 0 0 0 1.5px #ff8a2b99}.fr-plan:focus-visible{outline:2px solid var(--ember-b);outline-offset:2px}.fr-plan-name{color:var(--ink);font-size:16px;display:block}.fr-plan-price{color:var(--ink);margin:3px 0;font-size:27px;line-height:1;display:block}.fr-plan-price small{font-family:var(--font-sans,inherit);text-transform:none;color:var(--ink-muted);font-size:13.5px;font-weight:600;font-stretch:100%}.fr-plan-tag{letter-spacing:.08em;color:#2a1206;background:var(--ember-b);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:10px;right:10px}.fr-plan ul{margin:5px 0 0;padding-left:16px;line-height:1.45;list-style:outside}.fr-pay-cta{color:#2a1206;background:radial-gradient(circle at 50% 120%, #ffb36b, var(--ember-b) 40%, var(--ember-a) 95%);width:100%;height:52px;box-shadow:0 8px 22px -8px var(--ember);border-radius:999px;justify-content:center;align-items:center;margin-top:12px;font-size:16px;font-weight:800;display:flex}.fr-pay-cta:disabled{opacity:.55;cursor:default}.fr-pay-cta:focus-visible{outline-offset:3px;outline:2px solid #fff}.fr-pay-free{text-align:center;color:var(--ink-muted);margin:10px 0 0;font-size:13.5px}.pay-embed{border-radius:18px;min-height:320px;margin:12px -4px 0;overflow:hidden}.pay-wait{text-align:center;color:var(--ink-muted);margin:18px 0;font-size:14px}.pay-change{color:var(--ink-muted);text-underline-offset:3px;margin-left:8px;font-size:13px;font-weight:600;text-decoration:underline}.pay-change:hover{color:var(--ink)}.pay-problem{text-align:center;color:#ff9c86;margin:10px 0 0;font-size:13.5px}.pay-fine{text-align:center;color:var(--ink-muted);margin:8px 0 0;font-size:12.5px}.pay-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pay-span{width:calc((100% - 20px) / 3 * var(--n,3) + 10px * (var(--n,3) - 1))}@media (max-width:479px){.pay-grid{grid-template-columns:1fr}.pay-span{width:auto}}.pay-card{text-align:left;width:100%;color:var(--ink-muted);border:1px solid var(--line);transition:border-color .2s var(--lg-ease,ease);border-radius:16px;gap:4px;padding:14px;font-size:13.5px;display:grid}.pay-card:hover{border-color:var(--ink-muted)}.pay-card:focus-visible{outline:2px solid var(--ember-b,#ff8a2b);outline-offset:2px}.pay-card b{color:var(--ink);font-size:15px}.pay-card-price{color:var(--ink);font-size:26px;line-height:1}.pay-card-price small{font-family:var(--font-sans,inherit);text-transform:none;color:var(--ink-muted);font-size:13px;font-weight:600;font-stretch:100%}.pay-card[data-pick]{background:#ff8a2b14;border-color:#ff8a2b99;position:relative}.pay-card-tag{letter-spacing:.08em;color:#2a1206;background:#ff8a2b;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}@media (max-width:479px){.pay-card{grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:12px 14px}.pay-card>b,.pay-card>span:last-child{grid-column:1}.pay-card-price{grid-area:1/2/span 2;font-size:24px}.pay-card-tag{top:-8px;left:12px;right:auto}}.pay-packs{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;display:flex}@media (max-width:479px){.pay-packs>span{flex-basis:100%}}.pay-pack{font-variant-numeric:tabular-nums;white-space:nowrap;height:36px;color:var(--ink);border:1px solid var(--line);transition:border-color .2s var(--lg-ease,ease);border-radius:999px;padding:0 13px;font-size:13.5px;font-weight:600}.pay-pack:hover{border-color:var(--ink-muted)}.pay-pack:focus-visible{outline:2px solid var(--ember-b,#ff8a2b);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fr-next,.fr-peek-still{animation:none}}:root[data-motion=reduced] .fr-next,:root[data-motion=reduced] .fr-peek-still{animation:none}}
