:root{--canvas:#f0f1f4;--surface:#fff;--surface-2:#f7f8fa;--inset:#e9ebef;--line:#e1e3e8;--line-strong:#c9cdd5;--dot:#343a4a2b;--glass:#ffffffb8;--glass-strong:#ffffffe6;--glass-line:#fffffff2;--glass-ring:#0f111512;--studio:#e8eaef;--bezel:#2a2b31;--bezel-line:#ffffff24;--ink:#0f1115;--ink-2:#535965;--ink-3:#868c97;--brand-glow:0 6px 16px -8px #6a44f58c;--shadow-card:0 1px 2px #0f11150a, 0 2px 6px -2px #0f11150d;--shadow-float:0 1px 2px #0f11150d, 0 18px 40px -18px #0f111538;--shadow-menu:0 1px 2px #0f11150f, 0 12px 28px -12px #0f111538;--shadow-device:0 26px 54px -24px #0f111561, 0 0 0 1px #0f11150f;--focus:0 0 0 3px #6a44f547}:where(.ux,.ux-c) .band,:where(.ux,.ux-c) .ftr{background:var(--surface-2)}:root{--canvas-rgb:240, 241, 244}:where(.ux,.ux-c) .kfield:after{background:radial-gradient(60% 70% at 24% 46%, rgba(var(--canvas-rgb), .92), rgba(var(--canvas-rgb), .55) 55%, rgba(var(--canvas-rgb), 0) 100%)}:where(.ux,.ux-c) .kfield-band:after{background:radial-gradient(70% 90% at 50% 40%, rgba(var(--canvas-rgb), .9), rgba(var(--canvas-rgb), .4) 60%, rgba(var(--canvas-rgb), 0) 100%)}:where(.ux,.ux-c) .kfield-left:after{background:radial-gradient(55% 90% at 20% 45%, rgba(var(--canvas-rgb), .95), rgba(var(--canvas-rgb), .5) 60%, rgba(var(--canvas-rgb), 0) 100%)}:where(.ux,.ux-c) .kfield-full:after{background:radial-gradient(42% 52% at 50% 50%, rgba(var(--canvas-rgb), .96), rgba(var(--canvas-rgb), .6) 60%, rgba(var(--canvas-rgb), .15) 100%)}:where(.ux,.ux-c) .logo{gap:9px}:where(.ux,.ux-c) .logo-mark{border-radius:22.6%;flex:none;display:block;box-shadow:0 0 0 1px #0f111514,0 6px 14px -8px #4c30be8c}:where(.ux,.ux-c) .logo-word{align-items:baseline;display:inline-flex}:where(.ux,.ux-c) .app-tile .logo-mark{width:64px;height:64px}:root{--sidebar:#e8e9ee;--sidebar-line:#dadce2}:where(.ux,.ux-c) .sb{background:var(--sidebar);-webkit-backdrop-filter:none;backdrop-filter:none;border-right-color:var(--sidebar-line)}:is(.ux,.ux-c) a.sb-link:hover{background:#ffffff8c}:is(.ux,.ux-c) a.sb-link.is-active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--sidebar-line), 0 1px 2px #0f11150f}:where(.ux,.ux-c) .topbar{background:rgba(var(--canvas-rgb), .82)}:where(.ux,.ux-c) .mtop{background:var(--sidebar);border-bottom-color:var(--sidebar-line)}:where(.ux,.ux-c) .drawer-panel{background:var(--sidebar)}:where(.ux,.ux-c) .kh,:where(.ux,.ux-c) .wiz-top,:where(.ux,.ux-c) .hdr.is-solid{background:rgba(var(--canvas-rgb), .82)}:where(.ux,.ux-c) .grad-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.12em}:where(.ux,.ux-c) .hero-h1 .grad-text,:where(.ux,.ux-c) .og-h .grad-text{margin-bottom:-.12em}:root{--art-field:url(/img/field.svg);--art-base:url(/img/field-hero-base.svg);--art-anim:url(/img/field-hero.svg);--art-still:url(/img/field-hero-still.svg)}:where(.ux,.ux-c) .kfield .kf-art{aspect-ratio:1600/820;background-position:top;background-repeat:no-repeat;background-size:cover;width:max(1600px,100%);position:absolute;top:0;left:50%;transform:translate(-50%)}:where(.ux,.ux-c) .kf-field{background-image:var(--art-field)}:where(.ux,.ux-c) .kf-base{background-image:var(--art-base)}:where(.ux,.ux-c) .kf-anim{background-image:var(--art-anim)}@media (max-width:640px){:where(.ux,.ux-c) .kf-anim{background-image:var(--art-still)}}:where(.ux,.ux-c) .kfield-full .kf-art{aspect-ratio:auto;height:100%}:where(.ux,.ux-c) .seg-icons{padding:2px}:where(.ux,.ux-c) .seg-icons .seg-item{border-radius:7px;justify-content:center;width:32px;height:28px;padding:0}:where(.ux,.ux-c) .ftr-base{align-items:center}:where(.ux,.ux-c) .seg-fixed{flex:none;align-self:flex-start}@container page (min-width:641px){:where(.ux,.ux-c) .row-set>.seg-fixed{align-self:center}}:root:not([data-theme=dark]) .only-dark,:root[data-theme=dark] .only-light{display:none!important}:root{--brand-glow:0 1px 2px #351ea038, 0 4px 10px -4px #6a44f56b;--btn-line:#d3d6dd;scrollbar-color:#0f111538 transparent}::selection{color:inherit;background:#6a44f52e}:where(.ux,.ux-c) .btn-primary,:is(.ux,.ux-c) a.btn-primary{box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 0 1px #28128c47, var(--brand-glow)}:where(.ux,.ux-c) .btn-primary:hover,:is(.ux,.ux-c) a.btn-primary:hover{background:linear-gradient(#7c5bfb 0%,#6038ee 100%)}:where(.ux,.ux-c) .btn-secondary,:is(.ux,.ux-c) a.btn-secondary{border-color:var(--btn-line);box-shadow:0 1px 1px #0f11150a}:where(.ux,.ux-c) .btn-secondary:hover,:is(.ux,.ux-c) a.btn-secondary:hover{background:var(--surface-2);border-color:var(--line-strong)}:where(.ux,.ux-c) .btn-ghost:hover,:is(.ux,.ux-c) a.btn-ghost:hover{background:#0f11150d}:where(.ux,.ux-c) .btn:focus-visible,:is(.ux,.ux-c) a.btn:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px #6a44f599;border-radius:var(--r-md)}:where(.ux,.ux-c) .btn-sm:focus-visible{border-radius:var(--r-sm)}:where(.ux,.ux-c) .input,:where(.ux,.ux-c) .select,:where(.ux,.ux-c) .textarea{border-color:var(--btn-line);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);box-shadow:0 1px 1px #0f111508}:where(.ux,.ux-c) .input:hover:not(:focus):not([readonly]),:where(.ux,.ux-c) .select:hover:not(:focus),:where(.ux,.ux-c) .textarea:hover:not(:focus){border-color:var(--line-strong)}:where(.ux,.ux-c) .input[readonly]{background:var(--surface-2);border-color:var(--line);color:var(--ink-2);box-shadow:none}:where(.ux,.ux-c) .num{font-variant-numeric:tabular-nums}
:root{--frame:#2a2b31;--frame-bar:linear-gradient(180deg, #31323a 0%, #2a2b31 100%);--frame-rim:#42444c;--frame-ring:#0f111524}:root[data-theme=dark]{--frame-rim:#4a4c55;--frame-ring:#ffffff12}:where(.ux,.ux-c) .phone{--bz:3.5px;--rad:38px;--rim:var(--frame-rim);padding:var(--bz);border-radius:var(--rad);background:var(--frame);box-shadow:inset 0 0 0 1px #ffffff0f, 0 0 0 1px var(--rim), var(--shadow-device)}:where(.ux,.ux-c) .phone>img{border-radius:calc(var(--rad) - var(--bz))}:where(.ux,.ux-c) .phone:before,:where(.ux,.ux-c) .phone:after{content:"";background:var(--rim);pointer-events:none;width:2px;position:absolute}:where(.ux,.ux-c) .phone:before{border-radius:2px 0 0 2px;height:7%;top:22%;left:-3px}:where(.ux,.ux-c) .phone:after{border-radius:0 2px 2px 0;height:11%;top:26%;right:-3px}:where(.ux,.ux-c) .phone-sm{--bz:2px;--rad:21px}:where(.ux,.ux-c) .phone-xs{--bz:1.5px;--rad:10px}:where(.ux,.ux-c) .phone-sm:before,:where(.ux,.ux-c) .phone-sm:after,:where(.ux,.ux-c) .phone-xs:before,:where(.ux,.ux-c) .phone-xs:after{display:none}:where(.ux,.ux-c) .kit-cover .phone,:where(.ux,.ux-c) .strip .phone,:where(.ux,.ux-c) .cat .stage .phone,:where(.ux,.ux-c) .cat-tile .stage .phone,:where(.ux,.ux-c) .opt-prev .phone{padding:var(--bz) var(--bz) 0;border-radius:var(--rad) var(--rad) 0 0}:where(.ux,.ux-c) .kit-cover .phone>img,:where(.ux,.ux-c) .strip .phone>img,:where(.ux,.ux-c) .cat .stage .phone>img,:where(.ux,.ux-c) .cat-tile .stage .phone>img,:where(.ux,.ux-c) .opt-prev .phone>img{border-radius:calc(var(--rad) - var(--bz)) calc(var(--rad) - var(--bz)) 0 0}:where(.ux,.ux-c) .kit-cover .phone{--bz:2px;--rad:16px;box-shadow:0 0 0 1px var(--rim), 0 16px 30px -18px #0f111566}:where(.ux,.ux-c) .kit-cover .phone.mid{--rad:18px}:where(.ux,.ux-c) .strip .phone{--bz:2.5px;--rad:27px}:where(.ux,.ux-c) .cat .stage .phone{--bz:2px;--rad:16px;box-shadow:0 0 0 1px var(--rim), 0 16px 30px -18px #0f111566}:where(.ux,.ux-c) .cat-tile .stage .phone,:where(.ux,.ux-c) .opt-prev .phone{--bz:1.5px;--rad:10px;box-shadow:0 0 0 1px var(--rim)}:where(.ux,.ux-c) .phone-sm,:where(.ux,.ux-c) .phone-xs{box-shadow:0 0 0 1px var(--rim), 0 12px 24px -16px #0f111566}:where(.ux,.ux-c) .kit-cover .phone:before,:where(.ux,.ux-c) .kit-cover .phone:after,:where(.ux,.ux-c) .strip .phone:before,:where(.ux,.ux-c) .strip .phone:after,:where(.ux,.ux-c) .cat .stage .phone:before,:where(.ux,.ux-c) .cat .stage .phone:after,:where(.ux,.ux-c) .cat-tile .stage .phone:before,:where(.ux,.ux-c) .cat-tile .stage .phone:after,:where(.ux,.ux-c) .opt-prev .phone:before,:where(.ux,.ux-c) .opt-prev .phone:after{display:none}:where(.ux,.ux-c) .comp .phone{--bz:2.5px;--rad:26px}:where(.ux,.ux-c) .lb-main .phone{--bz:3.5px;--rad:37px}:where(.ux,.ux-c) .play-stage-bd .phone{--bz:3px;--rad:37px}@container page (max-width:1080px){:where(.ux,.ux-c) .play-stage-bd .phone{--rad:35px}:where(.ux,.ux-c) .strip .phone{--rad:23px}:where(.ux,.ux-c) .lb-main .phone{--bz:4px;--rad:50px}}@container page (max-width:640px){:where(.ux,.ux-c) .play-stage-bd .phone{--bz:2.5px;--rad:30px}:where(.ux,.ux-c) .strip .phone{--bz:2px;--rad:20px}:where(.ux,.ux-c) .lb-main .phone{--bz:3px;--rad:32px}}:where(.ux,.ux-c) .browser{--bh:30px;--br:12px;--dot:10px;border-radius:var(--br);background:var(--frame);box-shadow:0 0 0 1px var(--frame-ring), var(--shadow-device);padding:0;overflow:hidden}:where(.ux,.ux-c) .browser .bar-top{height:var(--bh);padding:0 calc(var(--bh) * .4);gap:calc(var(--dot) * .7);background:var(--frame-bar);border-bottom:1px solid #00000047}:where(.ux,.ux-c) .browser .bar-top i{width:var(--dot);height:var(--dot);box-shadow:inset 0 0 0 .5px #00000040}:where(.ux,.ux-c) .browser .bar-top i:first-child{background:#ff5f57}:where(.ux,.ux-c) .browser .bar-top i:nth-child(2){background:#febc2e}:where(.ux,.ux-c) .browser .bar-top i:nth-child(3){background:#28c840}:where(.ux,.ux-c) .browser>img{border-radius:0}:where(.ux,.ux-c) .browser-sm{--bh:18px;--br:8px;--dot:6px}:where(.ux,.ux-c) .kit-cover .browser,:where(.ux,.ux-c) .cat .stage .browser,:where(.ux,.ux-c) .cat-tile .stage .browser{border-radius:var(--br) var(--br) 0 0;padding:0}:where(.ux,.ux-c) .kit-cover .browser>img,:where(.ux,.ux-c) .cat .stage .browser>img,:where(.ux,.ux-c) .cat-tile .stage .browser>img{border-radius:0}:where(.ux,.ux-c) .kit-cover .browser{--bh:22px;--br:10px;--dot:7px;box-shadow:0 0 0 1px var(--frame-ring), 0 16px 30px -18px #0f111566}:where(.ux,.ux-c) .cat .stage .browser{--bh:22px;--br:10px;--dot:7px}:where(.ux,.ux-c) .cat-tile .stage .browser{--bh:16px;--br:8px;--dot:5px}:where(.ux,.ux-c) .cat-tile .stage .browser .bar-top{height:var(--bh)}:where(.ux,.ux-c) .cat-tile .stage .browser .bar-top i{width:var(--dot);height:var(--dot)}:where(.ux,.ux-c) .browser.es-prev-web{--bh:12px;--br:6px;--dot:4px;padding:0}:where(.ux,.ux-c) .phone>.hero-live{inset:var(--bz);width:calc(100% - 2 * var(--bz));height:calc(100% - 2 * var(--bz));border-radius:calc(var(--rad) - var(--bz))}:where(.ux,.ux-c) .browser>.hero-live{top:var(--bh);width:100%;height:calc(100% - var(--bh));border-radius:0;left:0}:where(.ux,.ux-c) .player-bd{padding:28px 96px 76px}:where(.ux,.ux-c) .player-bd .phone.pl-phone{--pw:min(360px, calc((100dvh - 186px) * var(--sw) / var(--sh)));--bz:max(3px, calc(var(--pw) * .011));--rad:calc(var(--pw) * .14);width:var(--pw)}:where(.ux,.ux-c) .player-bd .phone.pl-landscape{--pw:min(100%, 1080px, calc((100dvh - 186px) * var(--sw) / var(--sh)));--bz:5px;--rad:30px;width:var(--pw)}:where(.ux,.ux-c) .player-bd .browser.pl-web{--bh:32px;width:min(100%, 1180px, calc((100dvh - 186px - var(--bh)) * var(--sw) / var(--sh)))}:where(.ux,.ux-c) .pl-viewport{border-radius:calc(var(--rad,28px) - var(--bz,4px))}:where(.ux,.ux-c) .pl-web .pl-viewport{border-radius:0}:where(.ux,.ux-c) .player-hint{bottom:20px}@container page (max-width:1080px){:where(.ux,.ux-c) .player-bd{padding:24px 80px 72px}:where(.ux,.ux-c) .player-bd .phone.pl-phone{--pw:min(460px, calc((100dvh - 178px) * var(--sw) / var(--sh)))}}@container page (max-width:640px){:where(.ux,.ux-c) .player-bd{padding:0}:where(.ux,.ux-c) .player-bd .phone.pl-phone,:where(.ux,.ux-c) .player-bd .phone.pl-landscape{--bz:0px;--rad:0px;width:100%;box-shadow:none;background:0 0;padding:0}:where(.ux,.ux-c) .player-bd .phone:before,:where(.ux,.ux-c) .player-bd .phone:after{display:none}:where(.ux,.ux-c) .player-bd .browser.pl-web{width:100%;box-shadow:none;border-radius:0}}
:where(.ux,.ux-c) .pub-hdr{z-index:40;transition:background-color var(--t-med) var(--ease), border-color var(--t-med) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}:where(.ux,.ux-c) .pub-hdr.is-solid,:where(.ux,.ux-c) .pub-hdr.is-scrolled{background:rgba(var(--canvas-rgb), .78);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom-color:var(--line);box-shadow:none}:where(.ux,.ux-c) .pub-hdr .hdr-in{gap:20px}:where(.ux,.ux-c) .hdr-div{background:var(--line-strong);flex:none;width:1px;height:20px}:where(.ux,.ux-c) .pub-hdr .hdr-nav{gap:2px}:where(.ux,.ux-c) .pub-hdr .hdr-nav a{border-radius:var(--r-pill);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);padding:7px 12px;font-weight:550}:where(.ux,.ux-c) .pub-hdr .hdr-nav a:hover,:where(.ux,.ux-c) .pub-hdr .hdr-nav a.is-active{color:var(--ink);background:#0f11150d}:where(.ux,.ux-c) .pub-hdr .hdr-act{gap:10px}:where(.ux,.ux-c) .pub-hdr-act{position:relative}:where(.ux,.ux-c) .pub-menu{top:calc(100% + 8px);right:0}:where(.ux,.ux-c) #how-it-works,:where(.ux,.ux-c) #figma-plugin,:where(.ux,.ux-c) #faq{scroll-margin-top:72px}@media (prefers-reduced-motion:no-preference){html:has(.pub-hdr){scroll-behavior:smooth}}@container page (max-width:1080px){:where(.ux,.ux-c) .pub-hdr .hdr-nav a:first-child,:where(.ux,.ux-c) .pub-hdr .hdr-nav a:nth-child(5){display:none}:where(.ux,.ux-c) .pub-hdr .hdr-menu{display:inline-flex}}@container page (max-width:640px){:where(.ux,.ux-c) .pub-hdr .hdr-div,:where(.ux,.ux-c) .pub-hdr .hdr-act .btn-primary .ic{display:none}}:where(.ux,.ux-c) .hero-live{opacity:0;background:0 0;border:0;transition:opacity .2s;position:absolute}:where(.ux,.ux-c) .hero-live.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){:where(.ux,.ux-c) .hero-live{transition:none}}:where(.ux,.ux-c) .video-stage .video-frame{opacity:0;border:0;width:100%;height:100%;position:absolute;inset:0}:where(.ux,.ux-c) .video-stage .video-frame.is-ready{opacity:1}:where(.ux,.ux-c) .vg-barlow .vg-type b,:where(.ux,.ux-c) .vg-barlow .vg-gold{font-family:var(--font-barlow), var(--font)}:where(.ux,.ux-c) .lp-defer{content-visibility:auto;contain-intrinsic-size:auto 900px}html.lp-rendered .lp-defer{content-visibility:visible}:where(.ux,.ux-c) .lb-live{background:var(--surface);border-radius:24px;width:100%;position:relative;overflow:hidden}:where(.ux,.ux-c) .browser>.lb-live{border-radius:7px}:where(.ux,.ux-c) .lb-msg{text-align:center;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}:where(.ux,.ux-c) .lb-th-live{width:64px;height:138px;box-shadow:0 0 0 1px var(--line);background:var(--surface);border-radius:8px;display:block;overflow:hidden}:where(.ux,.ux-c) .lb-th.web .lb-th-live{width:144px;height:90px}:where(.ux,.ux-c) .lb-th.is-active .lb-th-live{box-shadow:0 0 0 2px var(--brand)}:where(.ux,.ux-c) .ftr .ftr-h{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px;font-size:12px;font-weight:700;line-height:18px}:where(.ux,.ux-c) .with-field{isolation:isolate;position:relative}:where(.ux,.ux-c) .with-field:before{content:"";z-index:-1;pointer-events:none;background:var(--art-base) center / 1600px auto repeat;position:absolute;inset:-72px calc(50% - 50cqi);-webkit-mask-image:radial-gradient(62% 70%,#000 40%,#0000 78%);mask-image:radial-gradient(62% 70%,#000 40%,#0000 78%)}:where(.ux,.ux-c) .card.with-field{overflow:hidden}:where(.ux,.ux-c) .card.with-field:before{opacity:.9;inset:0}:where(.ux,.ux-c) .legal-field{isolation:isolate;position:relative}:where(.ux,.ux-c) .legal-field:before{content:"";z-index:-1;pointer-events:none;background:var(--art-base) center top / 1600px auto repeat-y;opacity:.85;position:absolute;inset:-40px calc(50% - 50cqi) -96px;-webkit-mask-image:linear-gradient(#0000 0,#000 160px calc(100% - 240px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 160px calc(100% - 240px),#0000 100%)}:where(.ux,.ux-c) .legal-field .legal-toc{background:var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-card)}
@container page (max-width:1080px){:where(.ux,.ux-c) .auth-card{margin:0 auto}}:where(.ux,.ux-c) .auth-form-field{isolation:isolate;position:relative;overflow:hidden}:where(.ux,.ux-c) .auth-form-field>:not(.kfield){z-index:1;position:relative}:where(.ux,.ux-c) .auth-form-field .kfield{opacity:.75}:where(.ux,.ux-c) .auth-form-field .kfield-full:after{background:radial-gradient(62% 58% at 50% 54%, rgba(var(--canvas-rgb), 1) 45%, rgba(var(--canvas-rgb), .75) 70%, rgba(var(--canvas-rgb), .1) 100%)}
:where(.ux,.ux-c) .wiz-linkbtn{cursor:pointer;background:0 0;border:0;padding:0;display:inline}:where(.ux,.ux-c) .wiz-anchor,:where(.ux,.ux-c) .field[id^=f-]{scroll-margin-top:24px}:where(.ux,.ux-c) .wiz-browse:focus-within{border-color:var(--brand);box-shadow:var(--focus)}@keyframes wiz-indet{0%{transform:translate(-100%)}to{transform:translate(250%)}}:where(.ux,.ux-c) .bar.wiz-indet>i{width:40%;animation:wiz-indet 1.6s var(--ease) infinite}@media (prefers-reduced-motion:reduce){:where(.ux,.ux-c) .bar.wiz-indet>i{width:100%;animation:none}}:where(.ux,.ux-c) .wiz-short{color:var(--error);font-weight:600}:where(.ux,.ux-c) .fchip[aria-disabled=true]{cursor:default}:where(.ux,.ux-c) .bc-list{flex-direction:column;gap:10px;margin:2px 0 0;padding:0;list-style:none;display:flex}:where(.ux,.ux-c) .bc-row{grid-template-columns:44px minmax(0,200px) minmax(0,200px) 32px;grid-template-areas:"sw hex role rm";justify-content:start;align-items:center;gap:10px;display:grid}:where(.ux,.ux-c) .bc-swatch{border-radius:var(--r-md);border:1px solid var(--line-strong);cursor:pointer;width:44px;height:44px;transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);grid-area:sw;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}:where(.ux,.ux-c) .bc-swatch.is-empty{background-color:var(--surface);background-image:repeating-conic-gradient(var(--inset) 0 25%, transparent 0 50%);background-size:12px 12px;border-style:dashed}:where(.ux,.ux-c) .bc-swatch:hover{border-color:var(--ink-3)}:where(.ux,.ux-c) .bc-swatch:focus-within{border-color:var(--brand);box-shadow:var(--focus)}:where(.ux,.ux-c) .bc-swatch input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}:where(.ux,.ux-c) .bc-hex{min-width:0;font-family:var(--mono);letter-spacing:.02em;grid-area:hex}:where(.ux,.ux-c) .bc-role{grid-area:role;min-width:0}:where(.ux,.ux-c) .bc-remove{color:var(--ink-2);grid-area:rm}:where(.ux,.ux-c) .bc-add{align-self:flex-start}:where(.ux,.ux-c) .bc-note{color:var(--ink-2);align-items:flex-start;gap:6px;line-height:1.45;display:flex}:where(.ux,.ux-c) .bc-note .ic{color:var(--warning);flex:none;margin-top:2px}:where(.ux,.ux-c) .bc-notes{min-height:76px}@container page (max-width:640px){:where(.ux,.ux-c) .bc-row{grid-template-columns:48px minmax(0,1fr) 44px;grid-template-areas:"sw hex rm"".role.";row-gap:8px}:where(.ux,.ux-c) .bc-swatch{width:48px;height:48px}:where(.ux,.ux-c) .bc-list{gap:16px}}:where(.ux,.ux-c) .bc-chips{flex-wrap:wrap;gap:8px;display:flex}:where(.ux,.ux-c) .bc-chip{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:7px;height:30px;padding:0 10px 0 6px;font-size:12.5px;font-weight:500;display:inline-flex}:where(.ux,.ux-c) .bc-chip i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}:root[data-theme=dark] :where(.ux,.ux-c) .bc-chip i{box-shadow:inset 0 0 0 1px #fff3}
:where(.ux,.ux-c) .player.pl-root{height:100%;min-height:0;overflow:hidden}.ux.page.pl-page{height:100dvh;min-height:0;overflow:hidden}.ux.page.pl-page .player.pl-root{height:100dvh}:where(.ux,.ux-c) .pl-root .player-bd{min-height:0}:where(.ux,.ux-c) .pl-root .player-top .t{min-width:0}:where(.ux,.ux-c) .pl-root .player-top .kname{text-overflow:ellipsis;flex:none;max-width:40cqi;overflow:hidden}:where(.ux,.ux-c) .pl-root .player-top .pos{text-overflow:ellipsis;min-width:0;overflow:hidden}:where(.ux,.ux-c) .pl-root .player-act{flex:none}:where(.ux,.ux-c) .pl-viewport{scrollbar-width:none;overscroll-behavior:contain;aspect-ratio:var(--sw) / var(--sh);background:#000;position:relative;overflow:hidden auto}:where(.ux,.ux-c) .pl-viewport::-webkit-scrollbar{display:none}:where(.ux,.ux-c) .pl-canvas{width:100%;min-height:100%;position:relative}:where(.ux,.ux-c) .pl-layer{position:absolute;top:0;left:0}:where(.ux,.ux-c) .pl-poster{z-index:4;background:#000;transition:opacity .28s;position:absolute;inset:0}:where(.ux,.ux-c) .pl-poster.is-fading{opacity:0}:where(.ux,.ux-c) .pl-poster img{width:100%;height:auto;display:block}:where(.ux,.ux-c) .pl-wait{z-index:5;background:var(--glass-strong);width:40px;height:40px;box-shadow:0 0 0 1px var(--glass-ring), var(--shadow-card);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}:where(.ux,.ux-c) .pl-progress{z-index:6;background:var(--tint);pointer-events:none;border-radius:3px;height:3px;margin:0 24px -3px;position:sticky;top:8px;overflow:hidden}:where(.ux,.ux-c) .pl-progress:after{content:"";background:linear-gradient(90deg, transparent, var(--brand), transparent);border-radius:3px;width:40%;animation:1s ease-in-out infinite pl-progress;position:absolute;top:0;bottom:0;left:-40%}@keyframes pl-progress{0%{left:-40%}to{left:100%}}:where(.ux,.ux-c) .pl-loading{background:var(--studio);color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}:where(.ux,.ux-c) .pl-grip{cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:center;place-items:center;width:72px;height:22px;margin:-4px 0 -6px;padding:0;display:grid}:where(.ux,.ux-c) .pmenu.pl-sheet-list{width:100%;max-height:40vh;box-shadow:none;position:static}.ux.pl-embed{background:#000;position:fixed;inset:0}.ux.pl-embed .pl-bare,.ux.pl-embed .pl-viewport{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.ux.ux-layer>.player.pl-host{border-radius:0;min-height:0;position:absolute;inset:0}.ux.ux-layer>.pl-host>iframe{opacity:0;background:0 0;border:0;width:100%;height:100%;transition:opacity .16s;display:block;position:absolute;inset:0}.ux.ux-layer>.pl-host>iframe.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){:where(.ux,.ux-c) .pl-progress:after{animation:none;left:30%}:where(.ux,.ux-c) .pl-poster{transition:none}}@container page (max-width:1080px){:where(.ux,.ux-c) .pl-root .ptoggle{max-width:116px;line-height:1.2}}@container page (max-width:640px){:where(.ux,.ux-c) .player-bd .phone.pl-phone{height:100%}:where(.ux,.ux-c) .player-bd .pl-phone .pl-viewport{aspect-ratio:auto;border-radius:0;height:100%}:where(.ux,.ux-c) .player-bd .pl-landscape .pl-viewport,:where(.ux,.ux-c) .player-bd .pl-web .pl-viewport{border-radius:0}}:where(.ux,.ux-c) .scard .sc-live{width:100%;position:relative;overflow:hidden}:where(.ux,.ux-c) .scard .sc-live iframe{transform-origin:0 0;pointer-events:none;background:var(--surface);border:0;position:absolute;top:0;left:0}:where(.ux,.ux-c) .scard .sc-live>span{border-radius:0;position:absolute;inset:0}:where(.ux,.ux-c) .scard .sc-link{z-index:1;border-radius:inherit;position:absolute;inset:0}:where(.ux,.ux-c) .scard .sc-hover{z-index:2;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease)}:where(.ux,.ux-c) .scard .sc-img:hover .sc-hover,:where(.ux,.ux-c) .scard .sc-img:focus-within .sc-hover{opacity:1;pointer-events:auto}@media (hover:none){:where(.ux,.ux-c) .scard .sc-hover{display:none}}:where(.ux,.ux-c) .asset .as-hover{aspect-ratio:1;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease);background:#14111f9e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;inset:10px 10px auto}:where(.ux,.ux-c) .asset:hover .as-hover{opacity:1;pointer-events:auto}@media (hover:none){:where(.ux,.ux-c) .asset .as-hover{display:none}}:where(.ux,.ux-c) .ds-type-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:center;gap:8px 24px;padding:16px 24px;display:grid}:where(.ux,.ux-c) .ds-type-row:last-child{border-bottom:0}:where(.ux,.ux-c) .ds-well{border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:20px;display:flex}:where(.ux,.ux-c) button.ds-link{cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;display:inline-flex}:where(.ux,.ux-c) .es-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:flex}:where(.ux,.ux-c) .es-row:last-child{border-bottom:0}:where(.ux,.ux-c) .browser.es-prev-web{flex:none;width:120px}:where(.ux,.ux-c) .browser.es-prev-web:before{content:"";height:var(--bh,12px);background:radial-gradient(circle at 7px 50%, #ff5f57 1.7px, transparent 2.2px), radial-gradient(circle at 13px 50%, #febc2e 1.7px, transparent 2.2px), radial-gradient(circle at 19px 50%, #28c840 1.7px, transparent 2.2px), var(--frame-bar);border-bottom:1px solid #00000047;display:block}:where(.ux,.ux-c) .phone.phone-xs .sc-live,:where(.ux,.ux-c) .browser.es-prev-web .sc-live{border-radius:8px;position:relative;overflow:hidden}:where(.ux,.ux-c) .phone.phone-xs .sc-live iframe,:where(.ux,.ux-c) .browser.es-prev-web .sc-live iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}:where(.ux,.ux-c) .browser.es-prev-web .sc-live{border-radius:0}:where(.ux,.ux-c) .kh-act:empty{display:none}:where(.ux,.ux-c) .gp-screen{position:absolute;inset:0;overflow:hidden}:where(.ux,.ux-c) .lc-art.skel,:where(.ux,.ux-c) .lc-ds .art.skel{background-color:var(--skel-base);box-shadow:none}:where(.ux,.ux-c) .lc-art.live .reveal{transition:height .4s linear}:where(.ux,.ux-c) .lc-art.live .pen,:where(.ux,.ux-c) .lc-art.live .ghost{transition:top .4s linear}:where(.ux,.ux-c) .lc-art-failed{box-shadow:0 0 0 1.5px var(--error-line);background:var(--error-bg);place-items:center;display:grid}:where(.ux,.ux-c) .lc-art-failed>span{color:var(--error);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:700;display:flex}:where(.ux,.ux-c) .lc-ds{width:calc(288px * var(--lc-k,1))}:where(.ux,.ux-c) .lc-ds-box{height:calc(286px * var(--lc-k,1));position:relative}:where(.ux,.ux-c) .lc-ds-box>.art{width:288px;transform:scale(var(--lc-k,1));transform-origin:0 0;position:absolute;top:0;left:0}:where(.ux,.ux-c) .gp-ds-dot{background:var(--line-strong);border-radius:50%;flex:none;width:6px;height:6px}:where(.ux,.ux-c) .gp-ds-dot.ok{background:var(--success)}:where(.ux,.ux-c) .gp-ds-dot.live{background:var(--brand);box-shadow:0 0 0 3px #6a44f538}:where(.ux,.ux-c) .lc-ds .art.gp-ds-wait{box-shadow:none;background:#ffffff80;border:1.5px dashed #6a44f547;place-items:center;display:grid;position:absolute;overflow:hidden}:where(.ux,.ux-c) .lc-ds .art.gp-ds-wait.live{background:var(--surface);box-shadow:0 0 0 2px var(--brand), 0 0 0 6px #6a44f524, 0 16px 30px -18px #1e266073;border:0}:where(.ux,.ux-c) .gp-ds-wait .ghost{flex-direction:column;gap:8px;display:flex;position:absolute;left:16px;right:16px}:where(.ux,.ux-c) .gp-ds-wait .ghost i{background:linear-gradient(90deg,#e8ecf7,#f3f5fb,#e8ecf7);border-radius:4px;height:10px;display:block}:where(.ux,.ux-c) .gp-ds-wait .ghost i.b{border-radius:8px;height:34px}:where(.ux,.ux-c) .gp-ds-queued{color:var(--ink-2);font-family:var(--mono);letter-spacing:.04em;font-size:10.5px;font-weight:500}:where(.ux,.ux-c) .gp-ds-btn{box-sizing:border-box;flex:1;place-items:center;height:32px;font-size:11px;font-weight:800;display:grid}:where(.ux,.ux-c) .gp-live-dot{background:var(--brand);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #6a44f52e}:where(.ux,.ux-c) .gp-bar-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.ux,.ux-c) .lc-zoom button:disabled{opacity:.4;cursor:default}:where(.ux,.ux-c) .lc-board:focus-visible{outline:2px solid var(--focus,var(--brand));outline-offset:-4px}:where(.ux,.ux-c) .gp-actions{justify-content:flex-end}:where(.ux,.ux-c) .gp-link-btn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}:where(.ux,.ux-c) .gp-thumb{cursor:zoom-in;background:0 0;border:0;border-radius:10px;width:100%;padding:0;display:block}:where(.ux,.ux-c) .thumbs.gp-thumbs-web{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.ux,.ux-c) .gp-lb-phone{background:#000;border-radius:24px;width:100%;position:relative;overflow:hidden}:where(.ux,.ux-c) .gp-lb-web{background:#000;border-radius:7px;width:100%;position:relative;overflow:hidden}:where(.ux,.ux-c) .browser.gp-lb-browser{width:100%;max-width:980px}:where(.ux,.ux-c) .lb-th .gp-lb-th{background:var(--inset);width:64px;height:138px;box-shadow:0 0 0 1px var(--line);border-radius:8px;display:block;position:relative;overflow:hidden}:where(.ux,.ux-c) .lb-th.web .gp-lb-th{width:144px;height:90px}:where(.ux,.ux-c) .lb-th.is-active .gp-lb-th{box-shadow:0 0 0 2px var(--brand)}@container page (max-width:1080px){:where(.ux,.ux-c) .thumbs.gp-thumbs-web{grid-template-columns:repeat(2,minmax(0,1fr))}}@container page (max-width:640px){:where(.ux,.ux-c) .lc-bar{margin:12px 12px 0;position:relative;top:auto;left:auto;right:auto}:where(.ux,.ux-c) .lc-ds{width:calc(240px * var(--lc-k,1))}:where(.ux,.ux-c) .lc-ds-box>.art{width:240px}:where(.ux,.ux-c) .thumbs.gp-thumbs-web{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){:where(.ux,.ux-c) .lc-art.live .reveal,:where(.ux,.ux-c) .lc-art.live .pen,:where(.ux,.ux-c) .lc-art.live .ghost{transition:none}}:where(.ux,.ux-c) .ws-canvas{min-height:calc(100dvh - 300px);padding:28px}@container page (max-width:640px){:where(.ux,.ux-c) .ws-canvas{border-radius:var(--r-md);padding:16px}}
:where(.ux,.ux-c) .textarea.is-error{border-color:var(--error)}:where(.ux,.ux-c) .btn.btn-wrap{white-space:normal;text-align:center;height:auto;min-height:40px;padding-top:8px;padding-bottom:8px;line-height:1.3}
:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111216;--canvas-rgb:17, 18, 22;--surface:#18191e;--surface-2:#15161b;--inset:#202128;--line:#25262d;--line-strong:#33353e;--btn-line:#2d2f37;--dot:#c4cef016;--glass:#1a1b21bd;--glass-strong:#1e1f26eb;--glass-line:#ffffff14;--glass-ring:#00000073;--sidebar:#0d0e11;--sidebar-line:#1e1f25;--studio:#0c0d10;--bezel:#2a2b31;--bezel-line:#ffffff1a;--aurora-violet:#5b3fd6;--aurora-ice:#2b6ca8;--aurora-lilac:#4a3a9a;--ink:#ecedf2;--ink-2:#a2a6b4;--ink-3:#6f7383;--on-brand:#fff;--brand:#8b72ff;--brand-hover:#a592ff;--brand-pressed:#baf;--brand-grad:linear-gradient(180deg, #7652fb 0%, #5b35ea 100%);--brand-glow:0 1px 2px #00000073, 0 6px 18px -8px #6a44f599;--grad-text:linear-gradient(92deg, #9a82ff 0%, #c47bff 52%, #5fb8ec 100%);--tint:#7c5cff29;--tint-line:#8c70ff5c;--success:#3fcb8a;--success-bg:#3fcb8a1f;--success-line:#3fcb8a4d;--warning:#e5a84a;--warning-ink:#f0bf6e;--warning-bg:#e5a84a1f;--warning-line:#e5a84a4d;--error:#f2646e;--error-bg:#f2646e1f;--error-line:#f2646e57;--shadow-card:0 1px 2px #00000059;--shadow-float:0 1px 2px #00000080, 0 24px 48px -16px #000000a6;--shadow-menu:0 1px 2px #00000080, 0 16px 32px -12px #0009;--shadow-device:0 30px 60px -22px #000000bf, 0 0 0 1px #ffffff0d;--focus:0 0 0 3px #8b72ff73;--art-field:url(/img/field-dark.svg);--art-base:url(/img/field-hero-base-dark.svg);--art-anim:url(/img/field-hero-dark.svg);--art-still:url(/img/field-hero-still-dark.svg);background-color:var(--canvas);scrollbar-color:#fff3 transparent}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] ::selection{background:#8b72ff61}:root[data-theme=dark] :where(.ux,.ux-c) .btn-primary,:root[data-theme=dark] :is(.ux,.ux-c) a.btn-primary{box-shadow:inset 0 1px 0 #fff3, inset 0 0 0 1px #ffffff0f, var(--brand-glow)}:root[data-theme=dark] :where(.ux,.ux-c) .btn-primary:hover,:root[data-theme=dark] :is(.ux,.ux-c) a.btn-primary:hover{background:linear-gradient(#8264fc 0%,#6640f0 100%)}:root[data-theme=dark] :where(.ux,.ux-c) .btn-primary:active{background:#5530d8}:root[data-theme=dark] :where(.ux,.ux-c) .btn-primary.is-loading{background:#6a44f5}:root[data-theme=dark] :where(.ux,.ux-c) .btn-secondary,:root[data-theme=dark] :is(.ux,.ux-c) a.btn-secondary{background:var(--inset);box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] :where(.ux,.ux-c) .btn-secondary:hover,:root[data-theme=dark] :is(.ux,.ux-c) a.btn-secondary:hover{background:#272830}:root[data-theme=dark] :where(.ux,.ux-c) .btn-ghost:hover,:root[data-theme=dark] :is(.ux,.ux-c) a.btn-ghost:hover{background:#ffffff0f}:root[data-theme=dark] :where(.ux,.ux-c) .btn-danger:hover{background:#e04b56}:root[data-theme=dark] :where(.ux,.ux-c) .btn:focus-visible,:root[data-theme=dark] :is(.ux,.ux-c) a.btn:focus-visible{box-shadow:0 0 0 2px var(--canvas), 0 0 0 4px #8b72ffbf}:root[data-theme=dark] :where(.ux,.ux-c) .input,:root[data-theme=dark] :where(.ux,.ux-c) .select,:root[data-theme=dark] :where(.ux,.ux-c) .textarea{box-shadow:none;background-color:#141519}:root[data-theme=dark] :where(.ux,.ux-c) .input[readonly]{background:var(--surface-2)}:root[data-theme=dark] :where(.ux,.ux-c) .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23A2A6B4' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}:root[data-theme=dark] :where(.ux,.ux-c) .seg-item.is-active{background:#2a2b33;box-shadow:0 1px 2px #0006,inset 0 1px #ffffff0a}:root[data-theme=dark] :where(.ux,.ux-c) .switch span:after{box-shadow:0 1px 2px #00000080}:root[data-theme=dark] :where(.ux,.ux-c) .opt:hover{background:var(--surface-2)}:root[data-theme=dark]{--skel-base:#202128;--skel-shine:#ffffff13}:root[data-theme=dark] :where(.ux,.ux-c) .scrim{background:#0405089e}:root[data-theme=dark] :where(.ux,.ux-c) .table th{background:var(--surface-2)}:root[data-theme=dark] :is(.ux,.ux-c) a.sb-link:hover{background:#ffffff0d}:root[data-theme=dark] :is(.ux,.ux-c) a.sb-link.is-active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 1px 2px #0006}:root[data-theme=dark] :where(.ux,.ux-c) .logo-mark{box-shadow:0 0 0 1px #ffffff1a,0 6px 14px -8px #0009}:root[data-theme=dark] :where(.ux,.ux-c) .pub-hdr .hdr-nav a.is-active{background:#ffffff12}:root[data-theme=dark] :where(.ux,.ux-c) .stage{background-image:radial-gradient(closest-side at 24% 20%,#6a44f529,#0000),radial-gradient(closest-side at 84% 86%,#2f7fc41f,#0000);box-shadow:inset 0 0 0 1px #ffffff0d}:root[data-theme=dark] :where(.ux,.ux-c) .play-stage,:root[data-theme=dark] :where(.ux,.ux-c) .lc,:root[data-theme=dark] :where(.ux,.ux-c) .player,:root[data-theme=dark] :where(.ux,.ux-c) .lightbox,:root[data-theme=dark] :where(.ux,.ux-c) .dotted{background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 1.6px), radial-gradient(closest-side at 24% 20%, #6a44f529, transparent), radial-gradient(closest-side at 84% 86%, #2f7fc41f, transparent)}:root[data-theme=dark] :where(.ux,.ux-c) .aurora{background:radial-gradient(closest-side at 72% 34%,#6a44f538,#0000),radial-gradient(closest-side at 88% 70%,#2f7fc429,#0000),radial-gradient(closest-side at 50% 0,#7c5cff24,#0000)}:root[data-theme=dark] :where(.ux,.ux-c) .aurora.center{background:radial-gradient(300px 150px at 50% 34%,#6a44f53d,#0000 70%),radial-gradient(220px 140px at 84% 52%,#2f7fc429,#0000 70%),radial-gradient(220px 140px at 16%,#7c5cff29,#0000 70%)}:root[data-theme=dark] :where(.ux,.ux-c) .aurora.center-wide{background:radial-gradient(closest-side at 50% 46%,#6a44f53d,#0000),radial-gradient(closest-side at 74% 62%,#2f7fc429,#0000),radial-gradient(closest-side at 28% 60%,#7c5cff29,#0000),radial-gradient(closest-side at 22% 18%,#2f7fc41f,#0000)}:root[data-theme=dark] :where(.ux,.ux-c) .band-art .aurora{background:radial-gradient(closest-side at 60% 44%,#6a44f538,#0000),radial-gradient(closest-side at 80% 62%,#2f7fc426,#0000),radial-gradient(closest-side at 40% 58%,#7c5cff24,#0000)}:root[data-theme=dark] :where(.ux,.ux-c) .with-field:before{opacity:1}:root[data-theme=dark] :where(.ux,.ux-c) .kit-cover .over,:root[data-theme=dark] :where(.ux,.ux-c) .scard .sc-hover{background:#0c0d108c}:root[data-theme=dark] :where(.ux,.ux-c) .plan.is-pop{background:linear-gradient(180deg, var(--surface) 0%, #1d1a2e 100%);box-shadow:0 0 0 1px var(--brand) inset, 0 24px 48px -24px #6a44f580}:root[data-theme=dark] :where(.ux,.ux-c) .lc-art.queued,:root[data-theme=dark] :where(.ux,.ux-c) .lc-ds .art.gp-ds-wait{background:#ffffff06}:root[data-theme=dark] :where(.ux,.ux-c) .lc-art .ghost i,:root[data-theme=dark] :where(.ux,.ux-c) .gp-ds-wait .ghost i{background:linear-gradient(90deg,#23242b,#2c2d35,#23242b)}:root[data-theme=dark] :where(.ux,.ux-c) .vg{box-shadow:inset 0 0 0 1px #ffffff0d}