.quiet-drawer{gap:var(--sp-3);flex-direction:column;display:flex}.quiet-drawer-toggle{width:auto;height:auto;min-height:var(--h-sm);justify-content:flex-start;align-self:flex-start;align-items:center;gap:2px var(--sp-2);text-align:left;padding:0 var(--sp-2) 0 0;box-shadow:none;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:none;flex-wrap:wrap;font-size:11px;display:inline-flex}.quiet-drawer-toggle:hover:not(:disabled){color:var(--ink-soft);background:0 0;border:none}.quiet-drawer-caret{width:0;height:0;transition:transform .18s var(--ease);border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:4px solid;flex-shrink:0}.quiet-drawer-toggle[aria-expanded=true] .quiet-drawer-caret{transform:rotate(90deg)}.quiet-drawer-label{white-space:nowrap}.quiet-drawer-hint{color:var(--heat);opacity:.75}.quiet-drawer-toggle:hover .quiet-drawer-hint{opacity:1}@media (prefers-reduced-motion:reduce){.quiet-drawer-caret{transition:none}}@media (hover:none){.quiet-drawer-toggle{min-height:44px}}
.ae-dl-meta{margin-top:var(--sp-2);font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);flex-direction:column;gap:2px;font-size:11px;display:flex}.ae-dl-file{color:var(--ink-soft)}.ae-dl-url{margin-top:var(--sp-2);flex-direction:column;gap:5px;display:flex}.ae-dl-url-head{align-items:baseline;gap:var(--sp-3);display:flex}.ae-dl-url-head .ae-dl-url-label{white-space:nowrap}button.linklike.ae-dl-copy{min-height:24px;margin:0;font-size:12px}.ae-dl-url-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.ae-dl-url code{font-family:var(--mono);color:var(--ink-faint);word-break:break-all;border:0;border-left:1px solid var(--line);-webkit-user-select:all;user-select:all;background:0 0;border-radius:0;padding:2px 0 2px 9px;font-size:11px;line-height:1.5}.ae-dl-status{margin-top:var(--sp-2);min-height:1.5em;color:var(--ink-faint);font-size:11.5px;line-height:1.5}.ae-dl-status a{color:var(--heat)}.ae-dl-status a:hover{text-decoration:underline}.ae-manual-link{margin-top:var(--sp-2);color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;font-size:12px;display:inline-block}.ae-manual-link:hover{color:var(--heat-hi)}.ae-manual-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ae-os-block{margin-top:var(--sp-3)}.ae-os-name{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 7px;font-size:11px;font-weight:500}.ae-os-steps{margin:0;padding-left:1.2em}.ae-os-steps li+li{margin-top:9px}.ae-os-steps li::marker{color:var(--heat)}.ae-os-both{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:800px){.ae-os-both{grid-template-columns:1fr}}.ae-install-detail{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line);max-width:680px}.ae-install-detail .ae-os-block{margin-top:0}.ae-install-detail .ae-install-caveat{margin:var(--sp-5) 0 0;color:var(--ink-faint);font-size:12.5px;line-height:1.6}.ae-os-both .ae-os-block,.ae-install-detail{border:1px solid var(--line-2);border-radius:var(--r);background:var(--panel);padding:var(--sp-3);box-shadow:inset 0 1px #ffffff08}.ae-os-both .ae-os-block{margin-top:0}.ae-install-detail{max-width:680px;margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--line-2)}main.opal.vibe.ae-page{--col:calc(1280px + 2 * var(--gutter))}.ae-page .legal-inner{max-width:calc(var(--col) - 2 * var(--gutter))}.ae-page .legal-lede{max-width:64ch}.ae-page .ae-install-detail{max-width:none}.ae-page .ae-os-steps,.ae-page .ae-install-detail .ae-install-caveat{max-width:72ch}.ae-page .step-action .btnlink{white-space:nowrap}
.ae-code{font-family:var(--mono);color:var(--ink);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;-webkit-user-select:all;user-select:all;background:#00000052;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11.5px;line-height:1.65;display:block}.ae-fallback{margin-top:var(--sp-5);border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--panel)}.ae-fallback>summary{cursor:pointer;padding:var(--sp-3) var(--sp-4);transition:background .16s var(--ease);flex-direction:column;gap:3px;list-style:none;display:flex}.ae-fallback>summary::-webkit-details-marker{display:none}.ae-fallback>summary:hover{background:var(--panel-2)}.ae-fallback[open]>summary{border-bottom:1px solid var(--line)}.ae-fallback-title{font-family:var(--display);color:var(--ink);font-size:13.5px;font-weight:700}.ae-fallback-title:before{content:"";vertical-align:middle;border-left:4px solid var(--heat);width:0;height:0;transition:transform .18s var(--ease);border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;margin-right:9px;display:inline-block}.ae-fallback[open] .ae-fallback-title:before{transform:rotate(90deg)}.ae-manual{padding:var(--sp-4)}.ae-manual .ae-manual-intro{margin:0 0 var(--sp-4);color:var(--ink-soft);font-size:13px;line-height:1.6}.ae-manual .ae-manual-warning{margin:var(--sp-4) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--line);color:var(--ink-faint);font-size:12.5px;line-height:1.6}.ae-manual .ae-os-both{gap:var(--sp-4);grid-template-columns:1fr}.ae-manual .ae-os-block+.ae-os-block{padding-top:var(--sp-4);border-top:1px solid var(--line)}@media (prefers-reduced-motion:reduce){.ae-fallback-title:before,.ae-fallback>summary{transition:none}}
button.linklike{box-shadow:none;width:auto;height:auto;font-family:var(--body);color:var(--ink-faint);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);cursor:pointer;transition:color .16s var(--ease), text-decoration-color .16s var(--ease);background:0 0;border:0;border-radius:0;margin:0 auto;padding:0;font-size:12px;font-weight:400}button.linklike:hover:not(:disabled){box-shadow:none;color:var(--ink-soft);-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);background:0 0;border:0}button.linklike:active:not(:disabled){background:0 0;border:0;transform:none}@media (prefers-reduced-motion:reduce){button.linklike{transition:none}}@media (hover:none){button.linklike{min-height:44px}}
:is(body:has(.marketing-page),body:has(.format-landing),body:has(.legal),body:has(.auth-page),body:has(.public-product-page),body:has(.guide-list)){background:var(--ground);color:var(--ink)}:is(body:has(.marketing-page) .wordmark-text,body:has(.format-landing) .wordmark-text,body:has(.legal) .wordmark-text,body:has(.auth-page) .wordmark-text,body:has(.public-product-page) .wordmark-text,body:has(.guide-list) .wordmark-text){color:var(--ink)}:is(body:has(.marketing-page) .demo,body:has(.format-landing) .format-preview,body:has(.public-product-page) .panel){--panel:#131517;--panel-2:#1a1d20;--line:#9da3f926;--line-2:#9da3f940;--ink:#f2f1ef;--ink-soft:#a2afc1;--ink-faint:#7f8da2;--edge-glow:none;background:var(--panel);color:var(--ink)}body:has(.marketing-page) .hero-title{color:var(--ink)}body:has(.marketing-page) .mk-title{color:var(--ink)}body:has(.format-landing) .hero-title{color:var(--ink)}body:has(.format-landing) .mk-title{color:var(--ink)}body:has(.legal) .legal-title{color:var(--ink)}body:has(.legal) .legal h2{color:var(--ink)}body:has(.public-product-page) .hero-title{color:var(--ink)}body:has(.public-product-page) .mk-title{color:var(--ink)}body:has(.marketing-page) .hero-sub{color:var(--ink-soft)}body:has(.marketing-page) .mk-lede{color:var(--ink-soft)}body:has(.format-landing) .hero-sub{color:var(--ink-soft)}body:has(.format-landing) .mk-lede{color:var(--ink-soft)}body:has(.legal) .legal p{color:var(--ink-soft)}body:has(.legal) .legal li{color:var(--ink-soft)}body:has(.public-product-page) .hero-sub{color:var(--ink-soft)}body:has(.public-product-page) .mk-lede{color:var(--ink-soft)}:is(body:has(.marketing-page) .hero,body:has(.format-landing) .format-hero,body:has(.public-product-page) .hero){padding-top:clamp(var(--sp-7), 9vw, var(--sp-9));padding-bottom:clamp(var(--sp-7), 9vw, var(--sp-9))}body:has(.marketing-page) .hero-title{max-width:11ch}body:has(.marketing-page) .hero-demo{align-self:stretch;align-items:center;display:flex}body:has(.marketing-page) .demo{border:1px solid var(--line-2);width:100%}@media (min-width:960px){body:has(.marketing-page) .hero--marketing{align-items:start;gap:var(--sp-6) var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}body:has(.marketing-page) .hero--marketing .hero-copy{column-gap:var(--sp-7);grid-column:1/-1;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end;max-width:none;display:grid}body:has(.marketing-page) .hero--marketing .hero-kicker{grid-area:1/1/auto/-1}body:has(.marketing-page) .hero--marketing .hero-title{grid-area:2/1;align-self:start}body:has(.marketing-page) .hero--marketing .hero-details{grid-area:2/2;align-self:start;padding-top:4px}body:has(.marketing-page) .hero--marketing .hero-demo{margin-top:var(--sp-2);grid-column:1/-1}body:has(.marketing-page) .hero--marketing{padding-top:var(--sp-6);padding-bottom:var(--sp-6)}}body:has(.marketing-page) .hero-title-accent{color:var(--heat)}body:has(.marketing-page) .mk-faq .faq{width:min(100%,720px)}body:has(.marketing-page) .mk-cta{width:min(100%,720px)}body:has(.marketing-page) .mk-cta{padding-bottom:var(--sp-9)}body:has(.legal) .legal-inner{padding-top:var(--sp-6)}body:has(.auth-page) .auth-shell{padding-top:var(--sp-7)}body:has(.auth-page) .auth-console{background:var(--panel);border-color:var(--line-2)}@media (min-width:960px){body:has(.marketing-page) .demo{column-gap:var(--sp-5);grid-template-columns:minmax(0,1.16fr) minmax(240px,.84fr);align-items:start;display:grid}:is(body:has(.marketing-page) .demo-head,body:has(.marketing-page) .demo-foot){grid-column:1/-1}body:has(.marketing-page) .demo-head{grid-row:1}body:has(.marketing-page) .demo-wave{grid-area:2/1}body:has(.marketing-page) .demo-lyrics{grid-area:3/1}body:has(.marketing-page) .demo-ae-output{border-top:0;border-left:1px solid var(--line-2);padding:var(--sp-1) 0 var(--sp-1) var(--sp-5);grid-area:2/2/span 2;align-self:stretch}body:has(.marketing-page) .demo-foot{grid-row:4}}@media (max-width:760px){:is(body:has(.marketing-page) .hero,body:has(.format-landing) .format-hero,body:has(.public-product-page) .hero){padding-top:var(--sp-6);padding-bottom:var(--sp-7)}body:has(.marketing-page) .hero-title{max-width:13ch}body:has(.marketing-page) .hero--marketing .hero-copy{display:flex}}.site-header--compact .site-header-inner{justify-content:flex-start}.site-nav-signin{min-width:124px}.site-foot{border-top-color:var(--line-2)}.legal{padding-bottom:var(--sp-8)}.legal-inner{padding-top:var(--sp-5)}.legal h2{padding-top:var(--sp-1);position:relative}.legal h2:before{content:"";background:var(--heat);opacity:.8;width:28px;height:2px;position:absolute;top:0;left:0}.legal .legal-foot{padding-top:var(--sp-4);border-top:1px solid var(--line)}.stage-intro{padding-bottom:var(--sp-1)}.stage-head{color:var(--ink)}.upload-console,.settings-console,.account-console,.auth-console{box-shadow:var(--edge-glow), 0 18px 48px #00000029}.console-lede{color:var(--ink)}.console-sub,.upload-intro{color:var(--ink-soft)}.editor-lyric-line--active{background:linear-gradient(90deg, rgba(var(--heat-rgb),.12), transparent 78%)}.editor-toolbar,.editor-transport{border-color:var(--line-2)}@media (max-width:760px){.legal-inner{padding-top:var(--sp-3)}.legal-title{font-size:clamp(27px,8.5vw,38px)}.legal p.legal-lede{font-size:16px}}.mk-cta{padding-top:var(--sp-7);border-top:1px solid var(--line-2)}:is(body:has(.editor-viewport) .site-foot,body:has(.studio-page) .site-foot){display:none}.settings-section .hint{max-width:64ch;line-height:1.65}.settings-section:focus-within{background:rgba(var(--heat-rgb), .025)}.settings-section+.settings-section{border-top-color:var(--line-2)}body:has(.marketing-page){background:var(--ground);background-repeat:no-repeat}body:has(.marketing-page) .demo{background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(115deg, #e9662b99, #c9a8de80 52%, #9ab8f5a6) border-box;box-shadow:none;border-color:#0000}body:has(.marketing-page) .pricing-grid--monthly .pricing-card{background:linear-gradient(110deg, var(--heat), var(--lilac), var(--cold-hi)) top / 100% 2px no-repeat, linear-gradient(145deg, #c9a8de12, transparent 65%), var(--panel)}body:has(.auth-page){background:var(--ground)}body:has(.auth-page) .auth-console{background:linear-gradient(var(--panel),var(--panel)) padding-box, linear-gradient(120deg,#e9662b59,#c9a8de59,#9ab8f573) border-box;border:1px solid #0000}:is(body:has(.app-shell),body:has(.stage--account),body:has(.stage--checkout)){background:var(--ground)}.app-shell .upload-console,.app-shell .editor-workbench{background:linear-gradient(var(--panel),var(--panel)) padding-box, linear-gradient(120deg,#e9662b3d,#c9a8de2e,#9ab8f54d) border-box;border-color:#0000}.hero--marketing .hero-details{align-items:flex-start;gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.hero--marketing .hero-details .hero-actions{margin-top:var(--sp-1)}.hero--marketing .hero-details .hero-offer,.hero--marketing .hero-details .hero-points{margin-top:0}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#fff;--panel-2:#f3f4f6;--ink:#171717;--ink-soft:#555b65;--ink-faint:#686e78;--line:#1717171a;--line-2:#1717172e;--cold-hi:#3a65b9;--heat:#bd4b21;--edge-glow:none;background:var(--ground);color:var(--ink)}body:has(.app-header) .site-header{border-bottom-color:var(--line);background:#fffffff5}body:has(.app-header) .wordmark-text{color:var(--ink)}.app-shell .console-foot{background:var(--panel-2)}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)){--heat-hi:#a5411d}.studio-page{background:var(--ground)}.editor-canvas-host,.editor-preview-body,.studio-timeline,.studio-stage-preview{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0c0d0f;--panel:#131517;--panel-2:#1a1d20;--ink:#f2f1ef;--ink-soft:#a2afc1;--ink-faint:#7f8da2;--line:#9da3f926;--line-2:#9da3f940;--heat:#e9662b;--heat-hi:#ffc46b;--cold-hi:#9ab8f5;color:var(--ink)}.editor-preview-body{background:var(--panel-2)}.studio-stage-preview .editor-preview-body{background:0 0}.editor-workbench .editor-btn.active{color:#fff;background:#bd4b21;border-color:#bd4b21}.editor-workbench .editor-btn.active:hover:not(:disabled){color:#fff;background:#a5411d}.settings-section .panel-kicker{color:var(--heat)}.editor-preview-idle{opacity:.85}.editor-preview-idle .pv-word{opacity:1}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#1b1b1b;--panel-2:#252525;--ink:#f4f4f5;--ink-soft:silver;--ink-faint:#999;--line:#e6e6e61f;--line-2:#e6e6e638;--heat:#f58a53;--heat-hi:#ffb479;--cold-hi:#9ab8f5;--edge-glow:none;background:var(--ground);color:var(--ink)}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .site-header{background:color-mix(in srgb, var(--ground) 94%, transparent);border-bottom-color:var(--line)}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .wordmark-text{color:var(--ink)}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) button.primary,body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) a.btnlink.primary{color:#17191c;box-shadow:none;background:#f4f4f5;border-color:#f4f4f5}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) button.primary:hover:not(:disabled),body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) a.btnlink.primary:hover{color:#111;background:#dedfe3;border-color:#dedfe3}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) button.primary:disabled{color:#999;border-color:var(--line);opacity:1;background:#2c2c2c}.app-shell .audio-drop-zone,.app-shell .lyrics-input-zone{background:#171717}.app-shell .audio-drop-zone.over{background:#2c211c}.app-shell .editor-head,.app-shell .editor-transport{background:#1e1e1e}.editor-workbench .pro-tool-btn:hover:not(:disabled),.editor-workbench .editor-surface-toggle:hover:not(:disabled){background:#ffffff14}body:has(.auth-page) .auth-console>div:first-child button.primary{color:#17191c;background:#f4f4f5;border-color:#f4f4f5}body:has(.auth-page) .auth-console>div:first-child button:not(.primary){color:#f4f4f5;border-color:var(--line-2);background:#252525}body:has(.auth-page) .auth-console>div:first-child button:hover:not(:disabled){color:#111;background:#dedfe3;border-color:#dedfe3}body:has(.auth-page) .auth-console>div:first-child button:not(.primary):hover:not(:disabled){color:#fff;border-color:var(--ink-faint);background:#303030}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .editor-workbench .editor-btn.active{color:#17191c;background:#f58a53;border-color:#f58a53}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .editor-workbench .editor-btn.active:hover:not(:disabled){color:#17191c;background:#ffb479}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .editor-workbench .editor-btn,body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .editor-workbench .pro-tool-btn{border-color:#e6e6e63d}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) .editor-workbench .pro-tool-btn:disabled{opacity:.55}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f4;background:#111}body:is(:has(.app-header),:has(.app-shell),:has(.editor-workbench)) :is(.demo,.format-preview,.public-product-page .panel){--panel:#191919;--panel-2:#222;--line:#e6e6e624;--line-2:#e6e6e63d;background-color:var(--panel)}.app-nav-menu{position:relative}.app-nav-menu>summary{cursor:pointer;list-style:none}.app-nav-menu>summary::-webkit-details-marker{display:none}.app-nav-menu>summary:after{content:"⌄";color:var(--ink-faint);margin-left:8px}.app-nav-menu[open]>summary{color:var(--ink)}.app-nav-dropdown{z-index:100;border:1px solid var(--line-2);background:#202020;border-radius:12px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 28px #0005}.app-header .app-nav-dropdown>:is(a,button){text-align:left;width:100%;color:var(--ink-soft);font:inherit;background:0 0;border:0;border-radius:7px;margin:0;padding:11px 14px;text-decoration:none;display:block}.app-header .app-nav-dropdown>:is(a,button):hover{color:var(--ink);background:#303030}.app-nav-menu summary:focus-visible,.app-nav-dropdown>:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
main.vibe{--stage-r:28px;--bloom-heat:233, 102, 43;--bloom-cold:92, 139, 255;--bloom-lilac:201, 168, 222}main.vibe .hero--stage{align-items:stretch;gap:var(--sp-7);padding-top:var(--sp-5);padding-bottom:var(--sp-5);flex-direction:column;display:flex}.vibe .hero--stage .hero-stage{padding:var(--sp-8) var(--sp-5) calc(var(--sp-8) + var(--sp-4));border:1px solid var(--line-2);border-radius:var(--stage-r);background:radial-gradient(55% 60% at 50% 118%, #ffc46bd9, rgba(var(--bloom-heat),.7) 38%, rgba(var(--bloom-heat),0) 72%), radial-gradient(95% 85% at 50% 125%, rgba(var(--bloom-lilac),.55), rgba(var(--bloom-cold),.45) 42%, rgba(var(--bloom-cold),0) 72%), linear-gradient(180deg, var(--panel) 0%, #06060b 100%);justify-content:center;display:flex;position:relative;overflow:hidden}.vibe .hero--stage .hero-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd6aae6,#0000);height:1px;position:absolute;bottom:0;left:12%;right:12%}.vibe .hero--stage .hero-copy{text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;max-width:760px;display:flex}.vibe .hero--stage .hero-kicker{padding:6px var(--sp-2);border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink-soft);background:#05050566}.vibe .hero--stage .hero-title{max-width:15ch;font-size:clamp(36px,5.6vw,68px)}.vibe .hero--stage .hero-title br{display:none}.vibe .hero--stage .hero-title-accent{background:var(--grad-heat);color:#0000;-webkit-background-clip:text;background-clip:text}.vibe .hero--stage .hero-details{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.vibe .hero--stage .hero-sub{max-width:52ch;color:var(--ink);opacity:.86}.vibe .hero--stage .hero-actions{margin-top:var(--sp-1);justify-content:center}.vibe .hero--stage .hero-offer{max-width:none;color:var(--ink);justify-content:center}.vibe .hero--stage .hero-points{color:var(--ink-soft)}main.marketing-page.vibe .hero--stage .hero-stage{padding:clamp(48px,5vw,80px) clamp(28px,5vw,72px) clamp(72px,6vw,100px)}main.marketing-page.vibe .hero--stage .hero-copy{gap:var(--sp-4) clamp(28px, 4vw, 48px);text-align:left;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:start;width:100%;max-width:none;display:grid}main.marketing-page.vibe .hero--stage .hero-kicker{color:var(--heat-mid);background:0 0;border:0;grid-column:1/-1;padding:0}main.marketing-page.vibe .hero--stage .hero-title{grid-column:1;max-width:none;font-size:clamp(40px,4.5vw,60px)}main.marketing-page.vibe .hero--stage .hero-title br{display:revert}main.marketing-page.vibe .hero--stage .hero-details{grid-area:2/2;align-self:center;align-items:flex-start}main.marketing-page.vibe .hero--stage .hero-sub{opacity:.9;max-width:34ch}main.marketing-page.vibe .hero--stage .hero-actions{align-items:flex-start;gap:var(--sp-2);flex-direction:column}main.marketing-page.vibe .hero--stage .hero-offer{color:var(--ink-soft)}@media (max-width:920px){main.marketing-page.vibe .hero--stage .hero-copy{align-items:flex-start;gap:var(--sp-4);flex-direction:column;display:flex}main.marketing-page.vibe .hero--stage .hero-title{max-width:13ch}main.marketing-page.vibe .hero--stage .hero-details{align-self:stretch}main.marketing-page.vibe .hero--stage .hero-sub{max-width:54ch}main.marketing-page.vibe .hero--stage .hero-actions{flex-direction:row;align-items:center}}.vibe .hero--stage .hero-demo{position:relative}.vibe .hero--stage .hero-demo:before{content:"";left:20%;right:20%;top:calc(-1 * var(--sp-5));background:linear-gradient(90deg, transparent, var(--cold-hi), transparent);pointer-events:none;height:1px;position:absolute}main.vibe .mk-steps .mk-demo{margin-top:var(--sp-4)}main.vibe:not(.vibe--tool) button.primary:not(:disabled),main.vibe:not(.vibe--tool) a.btnlink.primary{background:var(--heat-hi);color:#200900;border-color:#ffb47859}main.vibe:not(.vibe--tool) button.primary:hover:not(:disabled),main.vibe:not(.vibe--tool) a.btnlink.primary:hover{background:var(--heat-hi);color:#200900;border-color:#ffc896b3}.vibe .mk-head{gap:var(--sp-4);flex-direction:column;width:100%;display:flex}.vibe .mk-card{border:1px solid var(--line-2);border-radius:var(--r-l);background:linear-gradient(180deg, var(--panel), #07070b)}.vibe .mk-bloom{position:relative;overflow:hidden}.vibe .mk-bloom--cold{background:radial-gradient(140% 100% at 50% 0%, rgba(var(--bloom-cold),0) 48%, rgba(var(--bloom-cold),.26) 78%, #9ab8f58c 100%), linear-gradient(180deg, var(--panel), #07070b)}.vibe .mk-bloom--heat{background:radial-gradient(60% 55% at 50% 118%, #ffc46b8c, rgba(var(--bloom-heat),.5) 35%, rgba(var(--bloom-heat),0) 72%), radial-gradient(120% 75% at 50% 125%, rgba(var(--bloom-lilac),.32), rgba(var(--bloom-cold),.22) 45%, rgba(var(--bloom-cold),0) 75%), linear-gradient(180deg, var(--panel), #07070b)}main.marketing-page.vibe .mk-steps{align-items:stretch;gap:var(--sp-6);padding-top:var(--sp-7);padding-bottom:var(--sp-8)}.vibe .mk-steps .mk-title{max-width:18ch}.vibe .mk-steps .mk-lede{margin-top:0}.vibe .mk-steps .mk-foot-note{max-width:62ch;margin:0 auto}.vibe .step-cards{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.vibe .step-cards>li{gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);flex-direction:column;display:flex}.vibe .step-n{font-family:var(--mono);letter-spacing:.16em;color:var(--heat-mid);margin-bottom:var(--sp-2);font-size:11px}.vibe .step-cards h3{font-family:var(--display);color:var(--ink);font-size:17px;line-height:1.3}.vibe .step-cards p{color:var(--ink-soft);font-size:15px;line-height:1.55}@media (max-width:800px){.vibe .step-cards{grid-template-columns:1fr}}main.vibe .mk-origin{padding-top:var(--sp-8);padding-bottom:var(--sp-8);grid-template-columns:minmax(170px,.7fr) minmax(0,1.6fr);gap:clamp(32px,7vw,96px);display:grid}.vibe .mk-origin-byline,.vibe .mk-origin-copy{flex-direction:column;align-items:flex-start;display:flex}.vibe .mk-origin-byline{gap:var(--sp-2)}.vibe .mk-origin-name{font-family:var(--display);color:var(--ink);font-size:21px;font-weight:700}.vibe .mk-origin-role{color:var(--ink-faint);font-size:14px;line-height:1.5}.vibe .mk-origin-copy{gap:var(--sp-3);max-width:660px}.vibe .mk-origin-copy .mk-title{max-width:18ch;font-size:clamp(32px,4vw,46px)}.vibe .mk-origin-copy p{max-width:60ch;color:var(--ink-soft);font-size:17px;line-height:1.65}.vibe .mk-origin-copy p:last-of-type{color:var(--ink)}.vibe .mk-origin-copy .nav-link{margin-top:var(--sp-1)}@media (max-width:700px){main.vibe .mk-origin{gap:var(--sp-5);grid-template-columns:1fr}}main.vibe .destination-formats.mk-card{padding:var(--sp-5) var(--sp-4) var(--sp-6);border-radius:var(--r-l)}main.vibe .destination-formats .filetype-chip{background:#0a0b0eb8}main.vibe .pricing-grid--monthly .pricing-card.mk-bloom--cold{background:radial-gradient(140% 100% at 50% 0%, rgba(var(--bloom-cold),0) 50%, rgba(var(--bloom-cold),.2) 80%, #9ab8f56b 100%), linear-gradient(180deg, var(--panel), #07070b)}main.vibe .pricing-grid--monthly .pricing-card.mk-bloom--heat{background:radial-gradient(75% 62% at 50% 118%, #ffc46bb3, rgba(var(--bloom-heat),.6) 35%, rgba(var(--bloom-heat),0) 74%), radial-gradient(140% 85% at 50% 125%, rgba(var(--bloom-lilac),.42), rgba(var(--bloom-cold),.26) 45%, rgba(var(--bloom-cold),0) 78%), linear-gradient(180deg, var(--panel), #07070b)}main.vibe .pricing-card.mk-bloom{border:1px solid var(--line-2);border-radius:var(--r-l);padding-bottom:var(--sp-6)}main.vibe .mk-faq{padding-top:var(--sp-8);align-items:center}main.vibe .mk-faq .faq{text-align:left}main.vibe .mk-cta.mk-bloom--cross{text-align:center;width:calc(100% - 2 * var(--gutter));max-width:calc(var(--col) - 2 * var(--gutter));margin:var(--sp-7) auto var(--sp-6);padding:var(--sp-8) var(--sp-5);border:1px solid var(--line-2);border-radius:var(--stage-r);background:radial-gradient(50% 70% at 50% 125%, #ffc46bb3, rgba(var(--bloom-heat),.55) 40%, rgba(var(--bloom-heat),0) 72%), radial-gradient(90% 90% at 50% 135%, rgba(var(--bloom-lilac),.4), rgba(var(--bloom-cold),.35) 45%, rgba(var(--bloom-cold),0) 75%), linear-gradient(180deg, var(--panel), #06060b);align-items:center}main.vibe .mk-cta .mk-title,main.vibe .mk-cta .mk-lede{margin-left:auto;margin-right:auto}main.vibe .mk-cta .btnlink.primary{width:auto}.vibe .mk-bigmark{text-align:center;font-family:var(--display);letter-spacing:-.05em;background:linear-gradient(#f2f1ef1a,#f2f1ef00 90%);color:#0000;-webkit-user-select:none;user-select:none;padding-top:var(--sp-4);-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,19vw,280px);font-weight:800;line-height:.82;overflow:hidden}.vibe .page-stage{gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-7);padding:var(--sp-7) var(--sp-5) var(--sp-7);border:1px solid var(--line-2);border-radius:var(--stage-r);background:radial-gradient(45% 80% at 85% 140%, #ffc46b80, rgba(var(--bloom-heat),.4) 40%, rgba(var(--bloom-heat),0) 75%), radial-gradient(80% 90% at 60% 150%, rgba(var(--bloom-lilac),.32), rgba(var(--bloom-cold),.28) 45%, rgba(var(--bloom-cold),0) 75%), linear-gradient(180deg, var(--panel) 0%, #06060b 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.vibe .page-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd6aacc,#0000);height:1px;position:absolute;bottom:0;left:40%;right:4%}.vibe .page-stage>*{position:relative}.vibe .page-stage h1{margin:0}@media (max-width:640px){main.vibe{--stage-r:20px}.vibe .page-stage{padding:var(--sp-5) var(--sp-3)}.vibe .hero--stage .hero-stage{padding:var(--sp-7) var(--sp-3) var(--sp-8)}main.marketing-page.vibe .hero--stage .hero-stage{padding:var(--sp-5) var(--sp-3) var(--sp-7)}main.marketing-page.vibe .hero--stage .hero-actions{align-items:flex-start}main.marketing-page.vibe .mk-steps{padding-top:var(--sp-6)}main.vibe .mk-cta.mk-bloom--cross{padding:var(--sp-7) var(--sp-3)}}main.opal.vibe:is(.format-landing,.public-product-page,:has(.guide-list)){--col:calc(1280px + 2 * var(--gutter))}
main.vibe .ae-cards{gap:var(--sp-3);width:100%;margin:0;padding:0;list-style:none;display:grid}main.vibe .ae-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}main.vibe .ae-cards>li{gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);flex-direction:column;display:flex}main.vibe .ae-cards h3{font-family:var(--display);color:var(--ink);font-size:17px;line-height:1.3}main.vibe .ae-cards p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}main.vibe .ae-cards .btnlink{align-self:flex-start;width:auto;margin-top:auto}@media (max-width:640px){main.vibe .ae-cards--2{grid-template-columns:1fr}}main.vibe ol.ae-steps{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}main.vibe .ae-steps>li{gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--line);flex-direction:column;display:flex}main.vibe .ae-steps .step-n{margin-bottom:0}main.vibe .ae-steps h3{font-family:var(--display);color:var(--ink);font-size:17px;line-height:1.3}main.vibe .ae-steps p{max-width:40ch;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}main.vibe .mk-foot-note{max-width:54ch}@media (max-width:800px){main.vibe ol.ae-steps{grid-template-columns:1fr}}main.vibe .mk-faq .mk-foot-note{align-self:flex-start}
main.format-landing.vibe .hero--stage .hero-stage{align-items:center;gap:var(--sp-5) clamp(28px, 4vw, 56px);padding:var(--sp-6) clamp(var(--sp-4), 4vw, var(--sp-6)) var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}main.format-landing.vibe .hero--stage .hero-copy{text-align:left;align-items:flex-start;max-width:none}main.format-landing.vibe .hero--stage .hero-kicker{color:var(--heat-mid);background:0 0;border:0;padding:0}main.format-landing.vibe .hero--stage .hero-title{max-width:14ch;font-size:clamp(34px,4.2vw,56px)}main.format-landing.vibe .hero--stage .hero-details{align-items:flex-start}main.format-landing.vibe .hero--stage .hero-actions,main.format-landing.vibe .hero--stage .hero-offer,main.public-product-page.vibe .hero--stage .hero-stage{justify-content:flex-start}main.public-product-page.vibe .hero--stage .hero-copy{text-align:left;align-items:flex-start;max-width:760px}main.public-product-page.vibe .hero--stage .hero-title{max-width:14ch}main.public-product-page.vibe .hero--stage .hero-details{align-items:flex-start}main.public-product-page.vibe .hero--stage .hero-actions,main.public-product-page.vibe .hero--stage .hero-offer{justify-content:flex-start}.format-sample{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}main.format-landing.vibe .format-preview pre{min-height:0;padding:var(--sp-4) var(--sp-4)}.format-sample-actions{gap:var(--sp-2);flex-direction:column;display:flex}.format-sample-buttons{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.format-sample-buttons button{width:auto}.format-sample-status{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-soft);font-size:11px}.format-sample-note{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}@media (max-width:920px){main.format-landing.vibe .hero--stage .hero-stage{grid-template-columns:1fr}}main.vibe .format-content-cards{gap:var(--sp-4);flex-direction:column;width:100%;display:flex}main.vibe .format-content-card{padding:var(--sp-5) var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}main.vibe .format-content-card h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;font-size:clamp(19px,2.4vw,24px);line-height:1.2}main.vibe .format-content-card p{max-width:64ch;color:var(--ink-soft);margin:0;font-size:15.5px;line-height:1.65}main.vibe .format-faq p{max-width:64ch}@media (min-width:921px){main.vibe .format-content-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}main.vibe .format-content-card p{max-width:none}}main.vibe .format-content-card p+p{margin-top:var(--sp-3)}main.vibe .format-content-card a{color:var(--heat);text-underline-offset:3px;text-decoration:underline}main.vibe .format-content-card a:hover{color:var(--heat-hi)}main.vibe .format-related{border-top:none;padding-top:0}main.vibe .format-content,main.vibe .format-faq,main.vibe .format-related{max-width:var(--col);padding:0 var(--gutter) var(--sp-7)}
main.vibe .page-stage.page-stage--hub{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--col) - 2 * var(--gutter));margin-left:auto;margin-right:auto}.vibe .guide-list.mk-card{width:100%;padding:0 var(--sp-4);gap:0}.vibe .guide-list.mk-card .guide-card{box-shadow:none;padding:var(--sp-4) 0;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.vibe .guide-list.mk-card>li:last-child .guide-card{border-bottom:0}.vibe .guide-list.mk-card .guide-card:hover{padding-left:var(--sp-2);background:0 0;border-color:#0000;transform:none}.vibe .guide-code{border-color:var(--line-2);border-radius:var(--r-l)}.vibe .guide-table-wrap.mk-card{padding:0 var(--sp-4);margin:0 0 var(--sp-4);overflow:hidden}.vibe .guide-table-wrap .legal-table{margin:0}.vibe .guide-table-wrap .legal-table tr:last-child td{border-bottom:0}@media (prefers-reduced-motion:reduce){.vibe .guide-list.mk-card .guide-card:hover{transition:none}}main.legal .legal-crumb{margin-bottom:0}main.legal .legal-crumb~.legal-inner{padding-top:0}main.legal .legal-crumb~.legal-inner>.page-stage{margin-top:var(--sp-3)}main.legal .legal-crumb~.legal-inner>.page-stage,main.legal .legal-crumb~.legal-inner>.guide-code,main.legal .legal-crumb~.legal-inner>.guide-table-wrap{max-width:68ch}
.vibe .page-stage .legal-meta,.vibe .page-stage p.legal-lede{border-bottom:0;padding-bottom:0}main.vibe .legal-table-card{padding:var(--sp-4);margin:0 0 var(--sp-4)}.vibe .legal-table-card .legal-table{margin:0}.vibe .step-cards h2.feature-title{letter-spacing:normal;margin:0;font-size:16px}
main.vibe .auth-shell.login-stage{border:1px solid var(--line-2);border-radius:var(--stage-r);background:radial-gradient(55% 70% at 15% 125%, #ffc46b8c, rgba(var(--bloom-heat),.42) 40%, rgba(var(--bloom-heat),0) 74%), radial-gradient(90% 95% at 65% 135%, rgba(var(--bloom-lilac),.32), rgba(var(--bloom-cold),.28) 45%, rgba(var(--bloom-cold),0) 75%), linear-gradient(180deg, var(--panel) 0%, #06060b 100%);padding:var(--sp-7) clamp(var(--sp-4), 4vw, var(--sp-7));margin:var(--sp-6) auto var(--sp-8);width:min(100% - 2 * var(--gutter), 1280px);position:relative;overflow:hidden}main.vibe .auth-shell.login-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffd6aad9,#0000);height:1px;position:absolute;bottom:0;left:12%;right:12%}main.vibe .auth-shell.login-stage>*{position:relative}main.vibe .auth-intro{padding-top:0}main.vibe .auth-console.mk-card{border:1px solid var(--line-2);border-radius:var(--r-l);background:radial-gradient(140% 100% at 50% 0%, rgba(var(--bloom-cold),0) 55%, rgba(var(--bloom-cold),.16) 82%, #9ab8f552 100%), linear-gradient(180deg, var(--panel), #07070b);box-shadow:none}@media (max-width:760px){main.vibe .auth-shell.login-stage{padding:var(--sp-5) var(--sp-3);margin:var(--sp-4) auto var(--sp-6)}}
.vibe .stage-intro{padding:var(--sp-6) var(--sp-5);border:1px solid var(--line-2);border-radius:var(--stage-r);background:radial-gradient(70% 100% at 18% 130%, rgba(var(--bloom-cold),.42), rgba(var(--bloom-cold),0) 70%), radial-gradient(45% 80% at 88% 140%, rgba(var(--bloom-lilac),.24), rgba(var(--bloom-lilac),0) 70%), linear-gradient(180deg, var(--panel) 0%, #06060b 100%);position:relative;overflow:hidden}.vibe .stage-intro:after{content:"";background:linear-gradient(90deg, rgba(var(--bloom-heat),.75), transparent);pointer-events:none;height:1px;position:absolute;bottom:0;left:6%;right:40%}.vibe .stage-intro>*{position:relative}.vibe .stage--workspace .upload-console.mk-card{border:1px solid var(--line-2);border-radius:var(--r-l);box-shadow:none;background:radial-gradient(150% 65% at 50% 100%, rgba(var(--bloom-cold),.22), rgba(var(--bloom-cold),0) 68%), linear-gradient(180deg, var(--panel), #07070b)}.vibe .stage--workspace .upload-console.mk-card.over{border-color:rgba(var(--heat-rgb), .55);background:linear-gradient(rgba(var(--heat-rgb),.14), rgba(var(--heat-rgb),.08)), linear-gradient(180deg, var(--panel), #07070b)}.vibe .stage--workspace .library.mk-card{border:1px solid var(--line-2);border-radius:var(--r-l);padding:var(--sp-4) var(--sp-4) var(--sp-2);background:linear-gradient(180deg, var(--panel), #07070b)}.vibe .stage--workspace .library-title{color:var(--cold-hi)}.vibe .stage--workspace .guidance-recap{border:1px solid var(--line-2);border-radius:var(--r-l);padding:var(--sp-4);background:linear-gradient(180deg, var(--panel), #07070b)}.vibe .stage--workspace .guidance-recap-title{color:var(--heat-mid)}@media (max-width:640px){.vibe .stage-intro{padding:var(--sp-5) var(--sp-3)}.vibe .stage--workspace .library.mk-card,.vibe .stage--workspace .guidance-recap{padding:var(--sp-3)}}
.editor-workbench{--bloom-cold:92,139,255;--bloom-lilac:201,168,222;border-color:var(--line-2);box-shadow:none}body:has(.editor-workbench) .editor-workbench.editor-workbench{border-color:var(--line-2);background:linear-gradient(180deg, var(--panel), #07070b) padding-box;border-radius:var(--r-l);background-origin:border-box;background-clip:padding-box,border-box}.editor-head{background:radial-gradient(120% 140% at 50% 100%, rgba(var(--bloom-cold),.16) 0%, rgba(var(--bloom-cold),0) 72%), #ffffff03;border-bottom-color:var(--line-2);position:relative}.editor-head>*{position:relative}.editor-canvas-host,.editor-lyrics-head,.editor-preview-head{border-color:var(--line-2)}.editor-lyric-ws,.editor-tok{border-radius:var(--r)}
main.vibe .settings-console.mk-card,main.vibe .account-console.mk-card{border:1px solid var(--line-2);border-radius:var(--r-l);box-shadow:none;background:radial-gradient(140% 100% at 50% 0%, rgba(var(--bloom-cold),0) 55%, rgba(var(--bloom-cold),.14) 82%, #9ab8f547 100%), linear-gradient(180deg, var(--panel), #07070b)}main.vibe .stage--checkout .upload-console.mk-card{border:1px solid var(--line-2);border-radius:var(--r-l);box-shadow:none;background:radial-gradient(150% 65% at 50% 100%, rgba(var(--bloom-cold),.16), rgba(var(--bloom-cold),0) 68%), linear-gradient(180deg, var(--panel), #07070b)}main.vibe .stage--checkout .pack-list{gap:var(--sp-2);border-top:0}main.vibe .stage--checkout .pack-row.mk-card{border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg, var(--panel), #07070b)}main.vibe .stage--checkout .pack-row.mk-card.active{border-color:var(--heat)}
main.vibe .editor-workbench.studio{border-color:var(--line-2);background:linear-gradient(180deg, var(--panel), #07070b) padding-box, linear-gradient(var(--line-2), var(--line-2)) border-box;box-shadow:none;background-origin:border-box;background-clip:padding-box,border-box}.vibe .editor-head{background:radial-gradient(70% 160% at 15% 130%,#5c8bff29,#5c8bff00 70%),#ffffff03;position:relative}.vibe .studio-group-title{color:var(--cold-hi)}.vibe .studio-group-sum{color:var(--ink-soft)}.vibe .studio-command-bar{background:radial-gradient(60% 220% at 10% 150%,#5c8bff1a,#5c8bff00 70%),#ffffff03}
main.vibe--tool .tool-rail{z-index:30;gap:var(--sp-1);width:60px;padding:var(--sp-4) var(--sp-2);background:var(--ground);border-right:1px solid var(--line);transition:width .22s var(--ease), background-color .22s var(--ease), box-shadow .22s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}main.vibe--tool .tool-rail:hover,main.vibe--tool .tool-rail:focus-within{background:var(--panel);width:216px;transition-delay:.12s;box-shadow:12px 0 40px #00000059}main.vibe--tool .rail-wordmark{align-items:center;gap:var(--sp-2);height:var(--h);margin-bottom:var(--sp-3);flex-shrink:0;padding:0 9px;text-decoration:none;display:flex}main.vibe--tool .rail-wordmark .wordmark-text{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:700}main.vibe--tool .rail-nav{gap:var(--sp-1);flex-direction:column;display:flex}main.vibe--tool .rail-bottom{gap:var(--sp-1);flex-direction:column;margin-top:auto;display:flex}main.vibe--tool a.railitem,main.vibe--tool button.railitem{justify-content:flex-start;align-items:center;gap:var(--sp-3);width:100%;height:var(--h);border-radius:var(--r);min-height:0;color:var(--ink-soft);font-family:var(--body);text-transform:none;letter-spacing:0;white-space:nowrap;box-shadow:none;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:0;padding:0 0 0 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex;transform:none}main.vibe--tool a.railitem:hover,main.vibe--tool button.railitem:hover:not(:disabled){background:var(--panel-2);color:var(--ink);box-shadow:none;border:0}main.vibe--tool button.railitem:active:not(:disabled){transform:none}main.vibe--tool .railitem:focus-visible{outline:var(--focus-ring);outline-offset:-2px}main.vibe--tool .railitem svg{flex-shrink:0;width:18px;height:18px}main.vibe--tool button.railitem--new{color:var(--ink)}main.vibe--tool button.railitem--new svg{color:var(--heat)}main.vibe--tool .rail-label{opacity:0;max-width:0;transition:max-width .22s var(--ease), opacity .16s var(--ease);display:inline-block;overflow:hidden}main.vibe--tool .tool-rail:hover .rail-label,main.vibe--tool .tool-rail:focus-within .rail-label{opacity:1;max-width:160px;transition-delay:.14s}main.vibe--tool .rail-balance-num{text-align:center;min-width:18px;font-family:var(--mono);color:var(--heat-hi);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px}@media (min-width:700px){main.vibe--tool{padding-left:60px}main.vibe--tool>.app-header{display:none}}@media (max-width:699px){main.vibe--tool .tool-rail{display:none}}main.vibe--tool .stage-intro{padding:var(--sp-5) 0 var(--sp-2);background:0 0;border:0;border-radius:0;overflow:visible}main.vibe--tool .stage-intro:after{content:none}main.vibe--tool .stage-head{color:var(--ink);font-size:clamp(20px,1.6vw,24px)}main.vibe--tool .upload-intro{color:var(--ink-soft);max-width:65ch;font-size:14px}main.vibe--tool .stage--workspace .upload-console.mk-card,main.vibe--tool .stage--workspace .upload-console.mk-card.over{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}main.vibe--tool .stage--workspace .console-cols{gap:var(--sp-4)}main.vibe--tool .stage--workspace .console-col{border-radius:var(--r-l);background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(120deg, #e9662b3d, #c9a8de2e, #9ab8f54d) border-box;box-shadow:var(--edge-glow), 0 18px 48px #00000038;border:1px solid #0000}main.vibe--tool .stage--workspace .console-col+.console-col{border:1px solid #0000}main.vibe--tool .stage--workspace .console-col:focus-within,main.vibe--tool .stage--workspace .upload-console.over .console-audio{background:linear-gradient(rgba(var(--heat-rgb),.05), rgba(var(--heat-rgb),.02)) padding-box, linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(120deg, rgba(var(--heat-rgb),.7), rgba(var(--heat-rgb),.35)) border-box}main.vibe--tool .stage--workspace .console-foot{padding:var(--sp-4) 0 0;background:0 0;border-top:0}main.vibe--tool .stage--workspace .console-foot button.primary{width:auto}main.vibe--tool .proc-bar{border-radius:9999px;height:56px}body:has(main.vibe--tool){background:0 0}body:has(main.vibe--tool) #lyri-backdrop{opacity:1}
main.opal{--ground:#040609;--panel:#060a11;--panel-2:#0b121c;--field:#05080f;--line:#a6c7ef1a;--line-2:#a6c7ef2e;--heat-hi:#e7f3fe;--heat-mid:#c5defd;--heat:#c0d9f8;--heat-deep:#6a89b8;--heat-rgb:196, 212, 232;--cold:#b3d0fc;--cold-hi:#d5edff;--ink:#f7fafe;--ink-soft:#a2afc1;--ink-faint:#7f8da2;--edge-top:#ffffff24;--edge:#ffffff0f;--edge-warm:var(--edge-neutral);--edge-glow:none;--logo-grad:linear-gradient(112deg, #b3d0fc 0%, #c5defd 36%, #d9ebfe 60%, #e7f3fe 78%, #c0d9f8 100%);--grad-heat:linear-gradient(100deg, #e7f3fe 0%, #c5defd 30%, #d9ebfe 55%, #b3d0fc 80%, #d5edff 100%);--bloom-heat:217, 230, 244;--bloom-cold:185, 204, 232;--bloom-lilac:197, 233, 241;--pearl-text:var(--grad-heat);--opal-gutter:clamp(16px, 4vw, 56px);--label-size:11px;--label-track:.12em;--label-weight:500;background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--body)}main.opal :is(h1,h2,h3,.hero-title,.mk-title,.legal-title,.console-lede,.stage-head){font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.03em;color:var(--ink);font-weight:800}main.opal :is(.hero-title,.legal-title){line-height:1.02}main.opal :is(.panel-kicker,.hero-kicker){font:500 12px/1.2 var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);background:0 0;border:0;padding:0}:root main.opal :is(.label,.app-balance,.pricing-badge,.balance-note-label,.pack-tag,.lyrics-foot .lyrics-lang>span,.guidance-recap-title,.legal-table th,.format-hero-meta,.format-preview-head,.srt-preview-head,.custom-label,.ae-dl-url-label,.ae-os-name,.editor-save,.surface-face-loading,.snake-powerup,.tool-group-label,.studio-command-group-label,.studio-popover-label,.studio-command-menu-label,.studio-look-meta,.studio-lane-label,.studio-group-title,.studio-fx-off){font-size:var(--label-size);letter-spacing:var(--label-track);font-weight:var(--label-weight)}main.opal :is(p,li) a:not(.btnlink){color:#c5defd;text-underline-offset:3px}main.opal :is(p,li) a:not(.btnlink):hover{color:var(--ink)}main.opal :where(a,button,input,textarea,select,summary):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}:root main.opal :is(.panel,.mk-card){background:var(--panel);box-shadow:none;background-image:none;border:1px solid #182232;border-radius:22px}:root main.opal :is(.mk-bloom,.mk-bloom--cold,.mk-bloom--heat,.mk-bloom--cross){background:var(--panel)}:root main.opal :is(button.primary,a.btnlink.primary){height:52px;font:600 14px/1 var(--font-body), sans-serif;letter-spacing:.01em;text-transform:none;color:#0d1621;background:var(--opal-control);border:1px solid #a9c4e4;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,0 2px 5px #303b800d}:root main.opal :is(button.primary:hover:not(:disabled),a.btnlink.primary:hover){color:#0d1621;background:var(--opal-control-hover);border-color:#a9c4e4;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffa6,0 10px 30px #b3d0fc3d}:root main.opal button.primary:disabled{color:#7f8da2;box-shadow:none;background:#0b121c;border-color:#101924;transform:none}:root main.opal a.btnlink:not(.primary){height:52px;font:600 14px/1 var(--font-body), sans-serif;letter-spacing:.01em;text-transform:none;color:var(--ink);box-shadow:none;background:0 0;border:1px solid #182232;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:inline-flex}:root main.opal a.btnlink:not(.primary):hover{color:var(--ink);background:#ffffff08;border-color:#a9c4e4}:root main.opal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--field);color:var(--ink);border:1px solid #101924;border-radius:12px}:root main.opal :is(input,textarea,select):focus{border-color:#a9c4e4}main.opal .back-to-top{background:var(--panel);color:var(--ink);border-color:#182232}@media (prefers-reduced-motion:reduce){:root main.opal :is(button.primary,a.btnlink){transition:none}}:root main.opal .app-header{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-bottom:0}:root main.opal .app-header .site-header-inner{width:min(100% - 2 * var(--opal-gutter), 1280px);max-width:none;margin-inline:auto;padding-inline:0}main.opal .app-header .wordmark-text{font:600 18px/1 var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--ink)}main.opal .app-header :is(.app-nav-link,.app-nav-link:visited){font:500 14px/1 var(--font-body), sans-serif;letter-spacing:0;text-transform:none;color:var(--ink-soft)}main.opal .app-header :is(.app-nav-link:hover,.app-nav-link[aria-current=page]){color:var(--ink)}main.opal .app-header .app-balance{font:500 12px/1 var(--font-mono), monospace;color:var(--ink);background:0 0;border:1px solid #182232;border-radius:999px}main.opal .app-header .app-nav-dropdown{background:var(--panel);border:1px solid #182232;border-radius:16px;box-shadow:0 20px 50px #0009}main.opal .app-header .app-nav-dropdown>:is(a,button):hover{background:var(--panel-2)}:root main.opal .hero--stage .hero-kicker{background:0 0;border:0;padding:0}:root main.opal .hero--stage .hero-stage{background:radial-gradient(55% 60% at 50% 118%, #d9f1fd99, #a6c7ef6b 38%, #a6c7ef00 72%), radial-gradient(95% 85% at 50% 125%, #d9ebfe52, #b3d0fc4d 42%, #b3d0fc00 72%), linear-gradient(180deg, var(--panel) 0%, #040609 100%)}:root main.opal .auth-shell.login-stage{background:radial-gradient(55% 70% at 15% 125%, #d9f1fd70, #a6c7ef4d 40%, #a6c7ef00 74%), radial-gradient(90% 95% at 65% 135%, #d9ebfe3d, #b3d0fc3d 45%, #b3d0fc00 75%), linear-gradient(180deg, var(--panel) 0%, #040609 100%)}:root main.opal :is(.hero--stage .hero-stage,.page-stage,.auth-shell.login-stage,.stage-intro):after{content:none}:root main.opal .auth-console button:not(.primary):not(.linklike){height:52px;color:var(--ink);font:600 14px/1 var(--font-body), sans-serif;text-transform:none;letter-spacing:.01em;background:0 0;border:1px solid #182232;border-radius:999px}:root main.opal .auth-console button:not(.primary):not(.linklike):hover:not(:disabled){background:#ffffff08;border-color:#a9c4e4}
main.opal .stage--processing{position:relative}main.opal .stage--processing .stage-body{isolation:isolate;gap:12px;position:relative}main.opal .stack--processing{padding-block:clamp(24px,5vh,64px)}:root main.opal .stage--processing .quiet-drawer-toggle{min-height:52px;color:var(--ink-soft);font:500 14px/1.4 var(--font-body), sans-serif;text-transform:none;letter-spacing:0;background:0 0;border:0;border-bottom:1px solid #182232;border-radius:0;padding:14px 4px}:root main.opal .stage--processing .quiet-drawer-toggle:hover:not(:disabled){color:var(--ink);background:0 0}main.opal .stage--processing .quiet-drawer-hint{font:400 13px/1.4 var(--font-body), sans-serif;color:var(--ink-faint)}main.opal .stage--processing .quiet-drawer-body{background:0 0;border:0;padding:16px 4px}@media (max-width:560px){main.opal .stack--processing{justify-content:flex-start;padding-top:24px}}
:root main.opal :is(.editor-canvas-host,.editor-preview-body,.studio-timeline,.studio-stage-preview){--ground:#040609;--panel:#060a11;--panel-2:#0b121c;--ink:#f7fafe;--ink-soft:#a2afc1;--ink-faint:#7f8da2;--line:#a6c7ef1a;--line-2:#a6c7ef2e;--heat-deep:#7b99c4;--heat:#b5d0f0;--heat-mid:#d1e7fd;--heat-hi:#a7ebfe;--cold:#4a6b97;--cold-hi:#6a89b8;--lilac:#89a3c4;--playhead:#f7fafe}:root main.opal .editor-canvas-host{--heat-deep:#c2481a;--heat:#e9662b;--heat-mid:#f0813c;--heat-hi:#ffc46b}:root main.opal .editor-layerctl button.active[data-layer=vocal]{color:#120802;background:#e9662b}:root main.opal .editor-layerctl button.active[data-layer=vocal]:hover:not(:disabled){color:#120802;background:#f0813c}:root main.opal.vibe--tool .stage--workspace .console-col{background:var(--panel);border-color:var(--line-2);box-shadow:none}:root main.opal.vibe--tool .stage--workspace .console-col:focus-within,:root main.opal.vibe--tool .stage--workspace .upload-console.over .console-audio{background:linear-gradient(rgba(var(--heat-rgb),.05), rgba(var(--heat-rgb),.02)) padding-box, var(--panel);border-color:rgba(var(--heat-rgb),.65)}:root main.opal.vibe--tool .stage--workspace :is(.audio-drop-zone,.lyrics-input-zone){background:var(--field);border-color:var(--line);box-shadow:none}:root main.opal.vibe--tool .stage--workspace :is(.audio-drop-zone:hover,.audio-drop-zone.over,.lyrics-input-zone:focus-within){background:linear-gradient(rgba(var(--heat-rgb),.05), rgba(var(--heat-rgb),.05)), var(--field);border-color:rgba(var(--heat-rgb),.65)}:root main.opal.vibe--tool .stage--workspace .console-lyrics textarea{box-shadow:none;background:0 0;border:0;border-radius:0;outline:none}:root main.opal.vibe--tool .stage--workspace .lyrics-input-zone:has(textarea:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}:root main.opal.studio-shell>.studio-page{background:var(--ground)}main.opal .editor-workbench{--attention:#f0813c;--attention-hi:#ffb27a;--attention-rgb:240, 129, 60}:root main.opal .editor-warning:not(.editor-warning--manual){background:rgba(var(--attention-rgb), .07)}:root main.opal .editor-warning:not(.editor-warning--manual) .editor-warning-label{color:var(--attention)}:root main.opal .editor-warning-actions .editor-btn.primary{height:var(--h);padding:0 var(--sp-4);font:600 13px/1 var(--font-body), sans-serif;letter-spacing:.01em;text-transform:none;background:rgba(var(--attention-rgb), .12);border:1px solid rgba(var(--attention-rgb), .7);color:var(--attention-hi);box-shadow:none;border-radius:999px;transform:none}:root main.opal .editor-warning-actions .editor-btn.primary:hover:not(:disabled){background:rgba(var(--attention-rgb), .22);border-color:var(--attention-hi);color:var(--ink)}:root main.opal .editor-warning--manual .editor-warning-actions .editor-btn.primary{color:var(--ink);background:0 0;border-color:#182232}:root main.opal .editor-track-name{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.03em;font-weight:800}:root main.opal .studio-send-split button.primary.studio-send-primary{border-right:0;border-radius:999px 0 0 999px;padding-right:20px}:root main.opal .studio-send-split button.primary.studio-send-primary:hover:not(:disabled){transform:none}:root main.opal .studio-send-more>summary{color:#0d1621;background:linear-gradient(112deg,#c5defd 0%,#c0d9f8 100%);border:1px solid #a9c4e4;border-left-color:#0d162129;border-radius:0 999px 999px 0;width:44px;height:52px;min-height:0;box-shadow:inset 0 1px #ffffffa6}:root main.opal .studio-send-more>summary:hover{background:linear-gradient(112deg,#d9ebfe 0%,#cbdef6 100%)}:root main.opal .studio-send-more>summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}:root main.opal .studio-send-menu{background:var(--panel);border-color:#182232;border-radius:16px}
:root main.opal{--ink-on-heat:#0d1621}:root main.opal .editor-workbench--streamlined{--editor-control-h:36px;--editor-inset:20px;background:var(--panel);border-color:var(--line-2);box-shadow:none;overflow:visible}:root main.opal .editor-workbench--streamlined :is(.editor-head,.editor-transport,.editor-selection-inspector){border-color:var(--line);box-shadow:none;padding-inline:var(--editor-inset);background:0 0}:root main.opal .editor-workbench--streamlined .editor-head{border-radius:var(--r-l) var(--r-l) 0 0;gap:12px;min-height:72px;padding-block:10px}:root main.opal .editor-workbench--streamlined .editor-head-text{max-width:calc(50% - 78px)}:root main.opal .editor-workbench--streamlined .editor-track-name{font-size:18px;line-height:1.3}:root main.opal .editor-workbench--streamlined .panel-kicker{font-size:var(--label-size);letter-spacing:var(--label-track)}:root main.opal .editor-workbench--streamlined .editor-head-meta{font-size:12px}:root main.opal .editor-workbench--streamlined :is(.editor-btn,.pro-tool-btn,.editor-preview-toggle){height:var(--editor-control-h);min-height:var(--editor-control-h);border-color:var(--line-2);width:auto;box-shadow:none;padding:0 10px;font-size:12px;line-height:1}:root main.opal .editor-workbench--streamlined .editor-head .editor-btn.primary{height:36px;min-height:36px}:root main.opal .editor-workbench--streamlined button:focus-visible,:root main.opal .editor-workbench--streamlined summary:focus-visible,:root main.opal .editor-workbench--streamlined input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}:root main.opal .editor-workbench--streamlined .editor-review-details{border-bottom:1px solid var(--line);flex-shrink:0;min-width:0}:root main.opal .editor-workbench--streamlined .editor-review-details>summary{min-height:44px;padding:6px var(--editor-inset);cursor:pointer;color:var(--ink-soft);font:500 12px/1.4 var(--font-body), sans-serif;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;display:flex}:root main.opal .editor-workbench--streamlined .editor-review-details>summary::-webkit-details-marker{display:none}:root main.opal .editor-workbench--streamlined .editor-review-details>summary:after{content:"⌄";color:var(--ink-faint);margin-left:auto;font-size:16px}:root main.opal .editor-workbench--streamlined .editor-review-details[open]>summary:after{transform:rotate(180deg)}:root main.opal .editor-workbench--streamlined .editor-review-details[open]{max-height:34dvh;overflow-y:auto}:root main.opal .editor-workbench--streamlined :is(.editor-review-queue,.editor-warning){padding:10px var(--editor-inset);border-bottom:0;gap:10px}:root main.opal .editor-workbench--streamlined .editor-review-summary{flex:220px;min-width:0;font-size:12px;line-height:1.4}:root main.opal .editor-workbench--streamlined .editor-review-device-note{white-space:normal;font-size:12px}:root main.opal .editor-workbench--streamlined :is(.editor-warning-label,.editor-warning-body,.editor-warning-hint){font-size:12px}:root main.opal .editor-workbench--streamlined .editor-transport{flex-wrap:wrap;gap:8px;height:auto;min-height:52px;padding-block:8px}:root main.opal .editor-workbench--streamlined .editor-transport button:not(.primary):not(.seg){height:var(--editor-control-h);min-height:var(--editor-control-h);font-size:12px}:root main.opal .editor-workbench--streamlined .editor-transport button.editor-btn.square{width:var(--editor-control-h);height:var(--editor-control-h);padding:0}:root main.opal .editor-workbench--streamlined .editor-playhead-input input{height:var(--editor-control-h);font-size:12px}:root main.opal .editor-workbench--streamlined :is(.editor-layerctl,.editor-speedctl-seg,.editor-preview-mode){height:var(--editor-control-h)}:root main.opal .editor-workbench--streamlined :is(.editor-layerctl,.editor-speedctl-seg,.editor-preview-mode) button{min-width:32px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-disclosure>summary{min-height:var(--editor-control-h);height:auto;padding-inline:10px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-disclosure-panel{z-index:12;background:var(--panel);border-color:var(--line-2);max-height:min(360px,60dvh);overflow-y:auto;box-shadow:0 8px 28px #0006}:root main.opal .editor-workbench--streamlined .editor-help-menu{margin-left:auto}:root main.opal .editor-workbench--streamlined .editor-help-menu .editor-disclosure-panel{left:auto;right:0}:root main.opal .editor-workbench--streamlined .editor-selection-inspector{flex-wrap:wrap;flex-shrink:0;align-content:center;gap:8px;min-height:64px;padding-block:8px;overflow:visible}:root main.opal .editor-workbench--streamlined .editor-inspector-heading{min-width:110px;font:600 12px/1.3 var(--font-body), sans-serif;color:var(--ink);flex-direction:column;gap:3px;display:flex}:root main.opal .editor-workbench--streamlined .editor-inspector-heading span{color:var(--ink-faint);font-weight:400}:root main.opal .editor-workbench--streamlined .editor-inspector-empty{color:var(--ink-soft);font:400 13px/1.4 var(--font-body), sans-serif}:root main.opal .editor-workbench--streamlined .editor-selection-inspector>.tool-group{gap:5px;padding-inline:6px}:root main.opal .editor-workbench--streamlined .editor-selection-inspector>.tool-group>.tool-group-label{display:none}:root main.opal .editor-workbench--streamlined .editor-selection-inspector .pro-tool-btn{font-family:var(--font-body), sans-serif;font-size:13px;font-weight:500}:root main.opal .editor-workbench--streamlined .tool-group{gap:5px;min-width:0;max-width:100%}:root main.opal .editor-workbench--streamlined .tool-group-label{text-transform:none;letter-spacing:0;font-size:12px;display:inline}:root main.opal .editor-workbench--streamlined .editor-stepctl{height:var(--editor-control-h)}:root main.opal .editor-workbench--streamlined .editor-stepctl button{min-width:28px;height:100%;padding:0 6px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-stepctl-unit{font-size:12px;display:inline}:root main.opal .editor-workbench--streamlined .editor-canvas-host{height:168px}:root main.opal .editor-workbench--streamlined .editor-lower{flex-direction:row;min-width:0}:root main.opal .editor-workbench--streamlined :is(.editor-lyrics,.editor-preview){background:0 0}:root main.opal .editor-workbench--streamlined .editor-lyrics{flex:70%}:root main.opal .editor-workbench--streamlined .editor-preview{border-top:0;border-left:1px solid var(--line);flex:0 30%;max-width:360px}:root main.opal .editor-workbench--streamlined :is(.editor-lyrics-head,.editor-preview-head){height:auto;min-height:44px;padding:6px var(--editor-inset);border-color:var(--line);gap:10px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-section-heading{color:var(--ink);font:700 14px/1.3 var(--font-body), sans-serif;margin:0}:root main.opal .editor-workbench--streamlined .editor-lyrics-head label{align-items:center;gap:6px;margin:0;display:flex}:root main.opal .editor-workbench--streamlined .editor-lyrics-body{padding:8px var(--editor-inset) 16px;-webkit-mask-image:none;mask-image:none}:root main.opal .editor-workbench--streamlined .editor-lyric-line{gap:10px;padding:5px 0}:root main.opal .editor-workbench--streamlined .editor-lyric-ws{background:0 0;border-color:#0000;border-radius:8px;padding:3px 7px}:root main.opal .editor-workbench--streamlined .editor-lyric-line--active{background:0 0}:root main.opal .editor-workbench--streamlined .editor-lyric-line--active .editor-lyric-ws{background:#ffffff0d}:root main.opal .editor-workbench--streamlined .editor-lyric-line--active .editor-tok{color:var(--ink-soft)}:root main.opal .editor-workbench--streamlined .editor-lyric-line--active .editor-tok.sung{color:var(--ink)}:root main.opal .editor-workbench--streamlined .editor-lyric-line--active .editor-tok:hover{box-shadow:inset 0 0 0 1.5px var(--heat)}:root main.opal .editor-workbench--streamlined .editor-tok{border-radius:5px;min-height:28px;padding:4px 6px;line-height:1.35}:root main.opal .editor-workbench--streamlined .editor-tok.sel{background:var(--sky);color:#0d1621}:root main.opal .editor-workbench--streamlined .editor-tok.now{background:var(--heat-hi);font-weight:700;color:var(--ink-on-heat)!important}:root main.opal .editor-workbench--streamlined .editor-tok-input{color:#0d1621;min-height:32px;font:500 14px/1.35 var(--font-body), sans-serif;background:#f1f4fe;border:1px solid #a9c4e4;border-radius:5px;padding:4px 7px}:root main.opal .editor-workbench--streamlined .editor-gap{cursor:text;width:16px;height:28px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:3px;align-self:center;margin:0 -6px;padding:0}:root main.opal .editor-workbench--streamlined .editor-gap:before{content:none}:root main.opal .editor-workbench--streamlined .editor-gap-mark{background:var(--heat);opacity:0;width:6px;height:6px;transition:opacity .12s var(--ease), transform .12s var(--ease);border-radius:50%;top:50%;transform:translate(-50%,-50%)scale(.4)}:root main.opal .editor-workbench--streamlined .editor-lyric-line:hover .editor-gap-mark{opacity:0}:root main.opal .editor-workbench--streamlined .editor-gap:is(:hover,:focus-visible) .editor-gap-mark{opacity:1;transform:translate(-50%,-50%)scale(1)}:root main.opal .editor-workbench--streamlined .editor-insert-pop{background:var(--panel);min-width:0;max-width:100%;color:var(--ink);flex-wrap:wrap;flex:240px;gap:6px;margin:3px 0;padding:6px}:root main.opal .editor-workbench--streamlined .editor-insert-input{width:12ch;min-width:0;max-width:100%;min-height:var(--editor-control-h);background:var(--panel-2);color:var(--ink);border:1px solid var(--line-2);border-radius:4px;flex:120px;padding:4px 6px}:root main.opal .editor-workbench--streamlined .editor-insert-newline{font:500 12px/1.3 var(--font-body), sans-serif;letter-spacing:0;text-transform:none;color:var(--ink-soft);gap:6px;margin:0}@media (max-width:1080px){:root main.opal .editor-workbench--streamlined{--editor-inset:14px}:root main.opal .editor-workbench--streamlined .editor-preview{flex-basis:32%}}@media (pointer:coarse),(max-width:700px){:root main.opal .editor-workbench--streamlined{--editor-control-h:44px}:root main.opal .editor-workbench--streamlined .editor-stepctl button{min-width:44px}:root main.opal .editor-workbench--streamlined .editor-head .editor-btn.primary{height:44px;min-height:44px}:root main.opal .editor-workbench--streamlined .editor-tok{min-height:36px;padding-block:8px}:root main.opal .editor-workbench--streamlined .editor-gap{width:24px;height:36px;margin:0 -10px}:root main.opal .editor-workbench--streamlined .editor-insert-newline{min-height:44px}}@media (max-width:700px){:root main.opal .editor-workbench--streamlined{--editor-inset:12px}:root main.opal .editor-workbench--streamlined .editor-head{min-height:68px;padding:10px 12px}:root main.opal .editor-workbench--streamlined .editor-head-text{flex:1 1 0;max-width:calc(50% - 68px)}:root main.opal .editor-workbench--streamlined .editor-head .spacer{min-width:0;margin-left:auto}:root main.opal .surface-swap:has(.editor-workbench--streamlined)>.surface-swap-switch{align-items:center;padding-bottom:0}:root main.opal .editor-workbench--streamlined .editor-track-name{font-size:16px}:root main.opal .editor-workbench--streamlined span.editor-track-name{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box}:root main.opal .editor-workbench--streamlined .editor-transport{gap:6px}:root main.opal .editor-workbench--streamlined .tool-group{border:0;flex-wrap:wrap;flex-shrink:1;margin:0;padding:0}:root main.opal .editor-workbench--streamlined .editor-selection-inspector>*{flex-shrink:1}:root main.opal .editor-workbench--streamlined .editor-inspector-heading{flex-basis:100%}:root main.opal .editor-workbench--streamlined .editor-help-menu{margin-left:0}:root main.opal .editor-workbench--streamlined .editor-disclosure-panel{width:min(340px,100vw - 52px)}:root main.opal .editor-workbench--streamlined .editor-selection-inspector .editor-disclosure-panel{left:0;right:auto}:root main.opal .editor-workbench--streamlined .editor-lower{flex-direction:column}:root main.opal .editor-workbench--streamlined .editor-lyrics{flex:none}:root main.opal .editor-workbench--streamlined .editor-lyrics-body{min-height:240px;max-height:65dvh}:root main.opal .editor-workbench--streamlined .editor-preview{border-left:0;border-top:1px solid var(--line);flex:none;max-width:none}:root main.opal .editor-workbench--streamlined .editor-preview-body{min-height:180px}:root main.opal .editor-workbench--streamlined :is(.editor-lyrics-head,.editor-preview-head){flex-wrap:wrap;gap:8px}:root main.opal .editor-workbench--streamlined .editor-lyric-ln{min-width:16px;font-size:11px}:root main.opal .editor-workbench--streamlined .editor-lyric-line{gap:5px}:root main.opal .editor-workbench--streamlined .editor-lyric-ws{padding-inline:3px}:root main.opal .editor-workbench--streamlined .editor-review-details[open]{max-height:none}}:root main.opal .editor-workbench--streamlined .editor-review-queue{min-height:44px;padding:0;display:block}:root main.opal .editor-workbench--streamlined .editor-review-details>summary.editor-review-summary{flex-direction:row}:root main.opal .editor-workbench--streamlined .editor-review-details>:is(div.editor-review-summary,.editor-review-actions){margin:10px var(--editor-inset)}:root main.opal .editor-workbench--streamlined .editor-review-current{padding:10px var(--editor-inset) 12px;gap:10px 16px}:root main.opal .editor-workbench--streamlined .editor-review-current>div.editor-review-summary{font:400 12px/1.45 var(--font-body), sans-serif;color:var(--ink-faint);gap:2px}:root main.opal .editor-workbench--streamlined .editor-review-current>div.editor-review-summary strong{color:var(--ink);font-size:13px;font-weight:600}:root main.opal .editor-workbench--streamlined .editor-review-actions{gap:6px}:root main.opal .editor-workbench--streamlined .editor-review-key{font:400 12px/1.4 var(--font-body), sans-serif;gap:6px}:root main.opal .editor-workbench--streamlined :is(.editor-layerctl,.editor-speedctl-seg,.editor-preview-mode) button,:root main.opal .editor-workbench--streamlined .editor-disclosure>summary,:root main.opal .editor-workbench--streamlined .editor-preview-toggle{font-family:var(--font-body), sans-serif;letter-spacing:0;font-weight:600}:root main.opal .editor-workbench--streamlined .editor-transport>.tool-group>.tool-group-label,:root main.opal .editor-workbench--streamlined .editor-layerctl>.tool-group-label{display:none}:root main.opal .editor-workbench--streamlined .editor-edge-fields{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:root main.opal .editor-workbench--streamlined .editor-edge-fields label{color:var(--ink-soft);align-items:center;gap:5px;margin:0;font-size:12px;display:flex}:root main.opal .editor-workbench--streamlined .editor-edge-fields input{width:80px;height:var(--editor-control-h);font:12px var(--mono);background:var(--panel-2);color:var(--ink);padding:4px 6px}:root main.opal .editor-workbench--streamlined .editor-help-menu :is(p,label){color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}:root main.opal .editor-workbench--streamlined .editor-help-menu label{align-items:center;gap:8px;display:flex}:root main.opal .editor-workbench--streamlined .editor-inspector-heading{overflow-wrap:anywhere;max-width:240px}:root main.opal .editor-workbench--streamlined .editor-inspector-empty{max-width:230px}:root main.opal .editor-workbench--streamlined .editor-selection-inspector{gap:12px;min-height:64px;padding-block:10px}:root main.opal .editor-workbench--streamlined .editor-inspector-main{align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}:root main.opal .editor-workbench--streamlined .editor-inspector-heading{flex:0 160px;width:160px;min-width:110px;max-width:160px;font-size:13px;overflow:hidden}:root main.opal .editor-workbench--streamlined .editor-inspector-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}:root main.opal .editor-workbench--streamlined .editor-inspector-empty{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;display:block;overflow:hidden}:root main.opal .editor-workbench--streamlined .editor-edge-fields{flex-wrap:nowrap;gap:10px}:root main.opal .editor-workbench--streamlined .editor-edge-fields label{gap:6px;font-size:13px}:root main.opal .editor-workbench--streamlined .editor-edge-fields input{border:1px solid var(--line);background:#ffffff03;border-radius:5px;width:72px;padding:4px 5px;font-size:13px}:root main.opal .editor-workbench--streamlined .editor-word-actions{border:0;flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;margin:0;padding:0;display:flex}:root main.opal .editor-workbench--streamlined .editor-word-actions .pro-tool-btn{background:0 0;border-color:#0000;padding-inline:8px;font-size:13px}:root main.opal .editor-workbench--streamlined .editor-word-actions .pro-tool-btn:hover:not(:disabled){border-color:var(--line);background:#ffffff08}:root main.opal .editor-workbench--streamlined :is(.editor-adjust-menu,.editor-help-menu)>summary{border-color:var(--line);background:0 0;padding-inline:8px;font-size:13px}:root main.opal .editor-workbench--streamlined .editor-selection-inspector .tool-group{border:0;margin:0;padding:0}:root main.opal .editor-workbench--streamlined .editor-history-actions{border:0;align-items:center;gap:2px;margin-left:auto;padding:0;display:flex}:root main.opal .editor-workbench--streamlined .editor-history-actions .editor-btn{width:var(--editor-control-h);background:0 0;border-color:#0000;padding:0}:root main.opal .editor-workbench--streamlined .editor-history-actions .editor-btn:hover:not(:disabled){border-color:var(--line);background:#ffffff08}:root main.opal .editor-workbench--streamlined .editor-warning:not(.editor-warning--manual){border-left:2px solid rgba(var(--attention-rgb), .55);margin:4px var(--editor-inset) 10px;background:0 0;padding:4px 12px}:root main.opal .editor-workbench--streamlined .editor-warning-label{letter-spacing:0;text-transform:none;font-size:13px}:root main.opal .editor-workbench--streamlined .editor-warning-body{font-size:13px;line-height:1.45}:root main.opal .editor-workbench--streamlined .editor-warning-hint{font-size:12px;line-height:1.45}:root main.opal .editor-workbench--streamlined .editor-warning-actions .editor-btn.primary{color:var(--ink-soft);border-color:var(--line-2);min-height:var(--editor-control-h);height:var(--editor-control-h);background:0 0;padding:0 10px;font-size:13px}@media (max-width:1080px) and (min-width:701px){:root main.opal .editor-workbench--streamlined .editor-selection-inspector,:root main.opal .editor-workbench--streamlined .editor-inspector-main{gap:8px}:root main.opal .editor-workbench--streamlined .editor-word-actions .pro-tool-btn{padding-inline:6px}}@media (max-width:700px){:root main.opal .editor-workbench--streamlined .editor-selection-inspector{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-height:140px;padding-block:8px;display:grid}:root main.opal .editor-workbench--streamlined .editor-inspector-main{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;width:100%;display:grid}:root main.opal .editor-workbench--streamlined .editor-inspector-heading{flex-direction:row;flex-basis:auto;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;max-width:none;min-height:24px}:root main.opal .editor-workbench--streamlined .editor-inspector-heading strong{flex:1;min-width:0}:root main.opal .editor-workbench--streamlined .editor-inspector-empty{flex:0 auto;font-size:11px}:root main.opal .editor-workbench--streamlined .editor-edge-fields{gap:6px}:root main.opal .editor-workbench--streamlined .editor-edge-fields label{gap:3px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-edge-fields input{width:50px;padding-inline:3px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-word-actions{grid-column:1;gap:0}:root main.opal .editor-workbench--streamlined .editor-word-actions .pro-tool-btn{padding-inline:5px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-help-menu{grid-column:2;justify-self:end;margin:0}:root main.opal .editor-workbench--streamlined :is(.editor-adjust-menu,.editor-help-menu)>summary{gap:4px;padding-inline:6px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-help-menu .editor-disclosure-panel,:root main.opal .editor-workbench--streamlined .editor-adjust-menu .editor-disclosure-panel{left:auto;right:0}}:root main.opal .editor-workbench--streamlined .editor-hint-touch{display:none}@media (hover:none){:root main.opal .editor-workbench--streamlined .editor-hint-pointer{display:none}:root main.opal .editor-workbench--streamlined .editor-hint-touch{display:inline}:root main.opal .editor-workbench--streamlined .editor-word-actions .pro-tool-btn{min-height:40px;color:var(--ink)}:root main.opal .editor-workbench--streamlined .editor-word-actions .pro-tool-btn:disabled{opacity:.7}}@media (max-width:700px){:root main.opal .editor-workbench--streamlined .editor-save{letter-spacing:0;text-transform:none;margin:0;font-size:11px;line-height:12px;position:absolute;bottom:2px;right:12px}:root main.opal .editor-workbench--streamlined .editor-transport{flex-wrap:wrap;gap:4px 6px;padding-block:8px;display:flex}:root main.opal .editor-workbench--streamlined .editor-transport>.tool-group{flex-wrap:nowrap;flex:0 0 100%;order:0;gap:4px;width:100%;max-width:100%;margin:0;padding:0;display:flex}:root main.opal .editor-workbench--streamlined .editor-transport>.tool-group>.tool-group-label{display:none}:root main.opal .editor-workbench--streamlined .editor-playhead-input{flex:64px;min-width:64px;margin:0}:root main.opal .editor-workbench--streamlined .editor-playhead-input input{width:100%;min-width:64px;padding-inline:3px;font-size:12px}:root main.opal .editor-workbench--streamlined .editor-transport>.tool-group>.transport-text-btn{flex:0 0 44px;width:44px;padding:0}:root main.opal .editor-workbench--streamlined .editor-transport>.tool-group>.transport-text-btn>span{display:none}:root main.opal .editor-workbench--streamlined .editor-transport>.tool-group>.transport-text-btn:before{content:"▷";font:20px/1 var(--font-body), sans-serif}:root main.opal .editor-workbench--streamlined .editor-history-actions{flex:none;order:1;gap:0;width:auto;max-width:none;margin:0}:root main.opal .editor-workbench--streamlined .editor-transport>.editor-disclosure--playback{order:2;margin-left:auto}:root main.opal .editor-workbench--streamlined .editor-transport>.editor-disclosure--view{order:3;margin:0}:root main.opal .editor-workbench--streamlined .editor-transport>.editor-disclosure>summary{gap:4px;padding-inline:6px}:root main.opal .editor-workbench--streamlined .editor-inspector-main{column-gap:4px}:root main.opal .editor-workbench--streamlined .editor-edge-fields{gap:4px;min-width:0}:root main.opal .editor-workbench--streamlined .editor-edge-fields label{white-space:nowrap;gap:2px;min-width:0}:root main.opal .editor-workbench--streamlined .editor-edge-fields input{flex:0 0 65px;width:65px;min-width:65px}:root main.opal .editor-workbench--streamlined .editor-adjust-menu>summary{gap:3px;padding-inline:5px}}@media (max-width:360px){:root main.opal .editor-workbench--streamlined .editor-head{min-height:104px;padding-bottom:48px}:root main.opal .editor-workbench--streamlined .editor-head-text{max-width:none}:root main.opal .surface-swap:has(.editor-workbench--streamlined)>.surface-swap-switch{align-items:flex-end;padding-bottom:8px}:root main.opal .editor-workbench--streamlined .editor-save{bottom:14px}}:root main.opal .editor-workbench--streamlined .editor-preview-head .editor-preview-toggle{margin-left:auto}
body{isolation:isolate}body>:is(.site-content,.site-foot,.opal-foot){z-index:1;position:relative}body>.site-content{z-index:2}:root{--header-h:86px;--header-h-scrolled:64px}@media (max-width:760px){:root{--header-h:76px;--header-h-scrolled:60px}}html:has(#site-top):not([data-home-snap]){scroll-padding-top:var(--header-h-scrolled)}.site-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0}.site-atmosphere canvas{display:block;position:absolute;inset:0}:root main.opal{background:0 0}:root main.opal.vibe--tool .stage--workspace .console-col{transition:border-color .2s,box-shadow .2s}:root main.opal.vibe--tool .stage--workspace .console-col:focus-within{border-color:#a6c7ef52;box-shadow:0 0 16px #a6c7ef06,inset 0 0 0 1px #a6c7ef06}@media (hover:hover) and (pointer:fine){:root main.opal.vibe--tool .stage--workspace .console-col:hover{border-color:#a6c7ef52;box-shadow:0 0 16px #a6c7ef06,inset 0 0 0 1px #a6c7ef06}}.lyrics-word-texture{display:none}.rail-ae-icon{object-fit:contain;border-radius:4px;flex:0 0 18px;width:18px;height:18px}main.opal.billing-page .billing-stack{gap:16px;padding-top:clamp(8px,1.5vh,18px)}main.opal.billing-page .stage--checkout .stage-body{gap:12px}main.opal.billing-page .stage--checkout .stage-intro{background:0 0;border:0;border-radius:0;padding:4px 0 0}main.opal.billing-page .stage--checkout .stage-intro:after{content:none}main.opal.billing-page .stage--checkout .stage-head{font-size:clamp(22px,2.3vw,28px);line-height:1.15}main.opal.billing-page .billing-subscription{padding:14px 18px}main.opal.billing-page .billing-subscription h2{margin:4px 0 8px;font-size:22px}main.opal.billing-page .billing-subscription p{margin:8px 0;font-size:13px;line-height:1.45}main.opal.billing-page .billing-subscription [class*=balances]{gap:10px;margin:12px 0}main.opal.billing-page .billing-subscription [class*=balances] strong{margin-top:4px;font-size:23px}main.opal.billing-page .checkout-cols{gap:16px}main.opal.billing-page .checkout-cols>.console-col{padding:20px}main.opal.billing-page .checkout-cols .pack-list{margin-top:10px}main.opal.billing-page .checkout-cols .pack-row{padding:14px 20px}main.opal.billing-page .checkout-cols .checkout-summary{align-self:start}@media (max-width:699px){main.opal.billing-page .checkout-cols>.console-col{padding:16px}main.opal.billing-page .checkout-cols .pack-row{padding-inline:16px}main.opal.billing-page .billing-subscription{padding:14px}}@media (prefers-reduced-motion:reduce){:root main.opal.vibe--tool .stage--workspace .console-col{transition:none}}main.opal .google-gsi-button{justify-content:center;min-height:44px;display:flex}main.opal .google-gsi-button[hidden]{display:none}
.key-sheet{flex-direction:column;margin:0;display:flex}.key-sheet-row{gap:var(--sp-3);border-top:1px solid var(--line);grid-template-columns:minmax(0,14em) minmax(0,1fr);align-items:baseline;padding-block:6px;display:grid}.key-sheet-row:first-child{border-top:0}.key-sheet dt{flex-wrap:wrap;align-items:baseline;gap:2px 4px;margin:0;display:flex}.key-sheet dd{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.key-sheet-chord{flex-wrap:wrap;align-items:baseline;gap:2px 3px;display:inline-flex}.key-sheet-chord>span{align-items:baseline;gap:3px;display:inline-flex}.key-sheet-or{font:400 11px/1 var(--font-body), sans-serif;color:var(--ink-faint)}.key-cap{min-width:1.7em;font:500 11.5px/1.3 var(--mono);text-align:center;white-space:nowrap;color:var(--ink);background:var(--panel-2);border:1px solid var(--line-2);border-radius:5px;padding:2px 6px;display:inline-block}@media (max-width:520px){.key-sheet-row{grid-template-columns:minmax(0,1fr);gap:2px}}@media (hover:none),(max-width:700px){.editor-workbench .editor-head button.editor-keys-link{display:none}}.editor-phone-bar{display:none}@media (max-width:700px){main.app-shell:has(>.stack--editor){overflow-y:visible}body:has(.editor-phone-bar){overflow:clip}:root main.opal .editor-workbench--streamlined .editor-phone-bar{z-index:5;padding:8px 12px max(8px, env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line-2);align-items:center;gap:12px;display:flex;position:sticky;bottom:0}:root main.opal .editor-workbench--streamlined .editor-phone-bar button.editor-phone-play{flex:none;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}:root main.opal .editor-workbench--streamlined .editor-phone-time{font:500 15px/1 var(--mono);color:var(--ink);letter-spacing:.01em}}
.wt-tour{z-index:100;pointer-events:none;position:fixed;inset:0}.wt-veil{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030509a8;position:absolute;inset:0}.wt-ring{pointer-events:auto;cursor:default;border:1.5px solid var(--ink);position:fixed}body:has(.wt-tour) .site-atmosphere{visibility:hidden}.wt-arrow{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;position:fixed;inset:0;overflow:visible}@media (prefers-reduced-motion:no-preference){.wt-tour{animation:.2s ease-out wt-in}.wt-arrow{animation:.24s ease-out wt-in}}@keyframes wt-in{0%{opacity:0}to{opacity:1}}.wt-tip{pointer-events:auto;gap:var(--sp-3);background:var(--panel-2);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink-soft);border:1px solid #1d2a3d;border-radius:18px;flex-direction:column;padding:18px 18px 14px;display:flex;position:fixed;box-shadow:0 24px 56px -18px #000000d9;container-type:inline-size}.wt-tip.wt-tip--centre{width:min(600px,100vw - 24px);max-height:min(780px,100dvh - 24px);padding:var(--sp-5) var(--sp-5) var(--sp-4);top:50%;left:50%;transform:translate(-50%,-50%)}.wt-tip--centre .wt-step{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.wt-tip--centre .wt-step.has-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.wt-tip:focus{outline:none}.wt-step{flex-direction:column;gap:6px;min-width:0;display:flex}@media (prefers-reduced-motion:no-preference){.wt-step{animation:.18s ease-out wt-in}}.wt-head{align-items:baseline;gap:var(--sp-2);display:flex}.wt-tip h2.wt-heading{min-width:0;font-family:var(--font-body), var(--body);letter-spacing:-.02em;color:var(--ink);flex:auto;margin:0;font-size:16px;font-weight:800;line-height:1.25}.wt-tip--centre h2.wt-heading{font-size:20px}.wt-tip h2.wt-heading:focus{outline:none}.wt-body{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.wt-body p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.55}.wt-body p strong{color:var(--ink);white-space:nowrap;font-weight:650}.wt-tip--centre .wt-body{margin-top:var(--sp-2)}.wt-nav{align-items:center;gap:var(--sp-3);margin-top:2px;display:flex}.wt-dots{align-items:center;gap:6px;display:flex}.wt-dot{background:var(--line-2);border-radius:50%;width:6px;height:6px}.wt-dot.is-done{background:var(--ink-faint)}.wt-dot.is-on{background:var(--ink)}.wt-nav-right{align-items:center;gap:var(--sp-1);margin-left:auto;display:flex}.wt-tip button.wt-next,:root main.opal .wt-tip button.primary.wt-next{width:auto;min-width:0;height:36px;padding:0 18px;font-size:13px}.wt-tip button.wt-back{width:auto;height:36px;box-shadow:none;font-family:var(--body);color:var(--ink-soft);background:0 0;border:0;border-radius:999px;margin:0;padding:0 12px;font-size:13px;font-weight:600}.wt-tip button.wt-back:hover:not(:disabled){box-shadow:none;color:var(--ink);background:#ffffff0a;border:0}.wt-tip button.wt-back:active:not(:disabled){transform:none}@media (hover:none),(max-width:700px){.wt-tip button.wt-next,:root main.opal .wt-tip button.primary.wt-next,.wt-tip button.wt-back{height:44px}}.wt-nav .wt-nav-note{color:var(--ink-faint);margin:0;font-size:12px}@container (max-width:460px){.wt-nav{row-gap:var(--sp-2);column-gap:var(--sp-1);flex-wrap:wrap}.wt-nav:has(.wt-nav-note) .wt-nav-right{display:contents}.wt-nav:has(.wt-nav-note) .wt-nav-right>:first-child{margin-left:auto}.wt-nav .wt-nav-note{text-align:right;flex:1 0 100%;order:3}}button.wt-link{width:auto;height:auto;min-height:32px;padding:0 var(--sp-1);box-shadow:none;font-family:var(--body);color:var(--ink-soft);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);transition:color .16s var(--ease), text-decoration-color .16s var(--ease);background:0 0;border:0;border-radius:0;margin:0;font-size:13px;font-weight:500;line-height:1.3}button.wt-link:hover:not(:disabled){box-shadow:none;color:var(--ink);-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);background:0 0;border:0}button.wt-link:active:not(:disabled){background:0 0;border:0;transform:none}@media (hover:none),(max-width:700px){button.wt-link{min-height:44px}}.wt-tip button.wt-link.wt-skip{min-height:28px;color:var(--ink-faint);flex:none;margin:-6px -6px 0 0;padding:0 6px;font-size:12.5px;text-decoration:none}.wt-tip button.wt-link.wt-skip:hover:not(:disabled){color:var(--ink)}@media (hover:none),(max-width:700px){.wt-tip button.wt-link.wt-skip{min-height:40px;margin-top:-12px}}.guidance-recap-wrap{align-items:flex-start;gap:var(--sp-2);flex-direction:column;display:flex}.guidance-recap-wrap>.guidance-recap{align-self:stretch;min-width:0}.guidance-recap-wrap>button.wt-recap-link{flex:none;padding-left:0}.editor-workbench .editor-head button.editor-btn.link.wt-head-link{width:auto;height:var(--h-sm);min-height:0;padding:0 var(--sp-1);box-shadow:none;color:var(--ink-faint);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;margin:0;font-size:12px;font-weight:500}.editor-workbench .editor-head button.editor-btn.link.wt-head-link:hover:not(:disabled){box-shadow:none;color:var(--ink);-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);background:0 0;border:0}@media (max-width:1200px){.editor-head:has(.wt-head-link) .editor-head-meta{display:none}}.wt-head-break{display:none}@media (max-width:860px){.editor-workbench{--wt-link-row:36px}:root main.opal .editor-workbench--streamlined .editor-head{flex-wrap:wrap;row-gap:0}.editor-workbench .editor-head .wt-head-break{flex:0 0 100%;order:97;height:0;display:block}.editor-workbench .editor-head button.editor-btn.link.wt-head-link{height:var(--wt-link-row);order:98;margin-left:-4px}.surface-swap:has(.wt-head-link)>.surface-swap-switch{height:calc(var(--surface-head-h,60px) - var(--wt-link-row))}}@media (max-width:860px) and ((hover:none) or (max-width:700px)){.editor-workbench{--wt-link-row:44px}}.wt-tip--centre .guidance-list{gap:var(--sp-2)}.wt-tip--centre .guidance-item-title{font-size:13.5px}.wt-tip--centre .guidance-ack{flex-shrink:0}body:has(.wt-tour) .signup-attribution{display:none}
.farmer-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.farmer-head .panel-kicker{margin:0}button.editor-btn.farmer-close{width:auto;height:auto;padding:0}.farmer-question{font-family:var(--body);color:var(--ink);font-size:15px;font-weight:600;line-height:1.4}.farmer-answers{gap:var(--sp-2);flex-direction:column;display:flex}.farmer-answers .editor-btn{text-align:left;justify-content:flex-start;width:100%}.farmer-slider{gap:var(--sp-2);flex-direction:column;display:flex}.farmer-slider input[type=range]{width:100%;accent-color:var(--heat)}.farmer-slider-scale{justify-content:space-between;gap:var(--sp-2);font-family:var(--mono);color:var(--ink-faint);font-size:11px;display:flex}.farmer-slider-value{color:var(--ink)}.farmer-milk{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.farmer-milk .editor-btn{width:100%}.farmer-bucket{width:96px;height:96px}.farmer-bucket-outline{fill:none;stroke:var(--ink-soft);stroke-width:2px;stroke-linejoin:round}.farmer-bucket-milk{fill:var(--ink)}.farmer-apology{width:100%;min-height:84px;padding:var(--sp-3);resize:vertical;font-size:14px;line-height:1.5}
.offer-card{isolation:isolate;color:#0d1621;background:var(--opal-control);border:1px solid var(--opal-border);border-radius:22px;flex-direction:column;gap:18px;width:100%;max-width:460px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffa6,0 32px 80px -24px #000c}.offer-card:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background:linear-gradient(118deg,#0000 31%,#ffffff52 43%,#b9cce833 50%,#ffffff38 57%,#0000 69%);position:absolute;inset:-44%}@media (prefers-reduced-motion:no-preference){.offer-card:before{animation:12s ease-in-out infinite offerPearlDrift}}@keyframes offerPearlDrift{0%,to{transform:translate(-3%,-2%)}50%{transform:translate(3%,2%)}}.offer-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.offer-kicker,.offer-clock{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#3a5371}.offer-clock{color:#0d1621;font-variant-numeric:tabular-nums}.offer-card h2.offer-title{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:-.035em;color:#0d1621;margin:0;font-size:36px;font-weight:800;line-height:1.02}.offer-meter{gap:3px;height:30px;display:flex}.offer-meter>span{font:500 11px/1 var(--mono);letter-spacing:.04em;white-space:nowrap;border-radius:8px;flex-basis:0;align-items:center;padding:0 10px;display:flex}.offer-meter-base{color:#3a5371;background:#0d16211a}.offer-meter-bonus{background:var(--logo-opal-control);color:#0d1621;justify-content:center;box-shadow:inset 0 1px #ffffff8c;font-weight:600!important}.offer-body{color:#24364c;margin:0;font-size:14.5px;line-height:1.55}.offer-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.offer-card .offer-dismiss,.offer-card .offer-buy{width:auto;height:46px;font:600 14px/1 var(--body);letter-spacing:.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;transition:background .18s,transform .18s,border-color .18s;display:inline-flex}.offer-card button.offer-dismiss{color:#24364c;background:0 0;border:1px solid #0000}.offer-card button.offer-dismiss:hover:not(:disabled){color:#0d1621;background:#0d16210f;border-color:#0000}.offer-card .offer-buy{color:#f3f8fe;background:#0d1621;border:1px solid #0d1621}.offer-card .offer-buy:hover{background:#16253a;transform:translateY(-1px)}.offer-card :is(.offer-dismiss,.offer-buy):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.offer-small{color:#4a5d75;margin:0;font-size:12px;line-height:1.5}@media (max-width:480px){.offer-card{gap:16px;padding:22px}.offer-card h2.offer-title{font-size:30px}.offer-actions{flex-direction:column-reverse;align-items:stretch}.offer-card .offer-dismiss,.offer-card .offer-buy{width:100%}}@media (prefers-reduced-motion:reduce){.offer-card .offer-dismiss,.offer-card .offer-buy{transition:none}}.pack-tag.pack-tag--offer{background:var(--logo-opal-control);color:#0d1621;border-color:var(--logo-opal-border)}p.hint.billing-offer{color:#0d1621;background:var(--opal-control);border:1px solid var(--opal-border);border-radius:12px;align-self:flex-start;margin:0;padding:10px 14px;font-size:13.5px;font-weight:600;line-height:1.45;box-shadow:inset 0 1px #ffffffa6}
.packs-modal{--text:#f7fafe;--muted:#a2afc1;--faint:#7f8da2;width:100%;max-width:1120px;max-height:calc(100vh - 2 * var(--sp-4));max-height:calc(100dvh - 2 * var(--sp-4));overscroll-behavior:contain;color:var(--text);font-family:var(--font-body), system-ui, sans-serif;background:#060a11;border:1px solid #182232;border-radius:22px;flex-direction:column;gap:16px;padding:clamp(22px,3.4vw,44px);display:flex;position:relative;overflow-y:auto;box-shadow:0 32px 80px -24px #000c}.packs-modal p{margin:0}.packs-modal-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.packs-modal-kicker{font:500 11px/1.2 var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.packs-modal button.packs-modal-close{width:auto;height:36px;font:600 13px/1 var(--font-body), sans-serif;letter-spacing:.01em;color:var(--muted);background:0 0;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;transition:color .18s,border-color .18s;display:inline-flex}.packs-modal button.packs-modal-close:hover:not(:disabled){color:var(--text);background:0 0;border-color:#ffffff52}.packs-modal button.packs-modal-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.packs-modal-heading{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:32px;display:grid}.packs-modal-heading>p{color:var(--muted);font-size:16px;line-height:1.6}.packs-modal h2.packs-modal-title{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:1.02}.packs-modal-lead{color:var(--muted);max-width:90ch;font-size:14px;line-height:1.55}.packs-modal-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:4px;display:grid}.packs-modal article[data-pricing-motion-pack] h3{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:inherit;margin:0;font-size:22px;font-weight:600}.packs-modal-note{color:var(--faint);font-size:12.5px;line-height:1.5}body:has(.packs-modal) .signup-attribution{display:none}@media (max-width:960px){.packs-modal-heading{grid-template-columns:1fr;gap:10px}}@media (max-width:840px){.packs-modal-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.packs-modal-plans{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.packs-modal button.packs-modal-close{transition:none}}
html[data-home-snap]{scroll-snap-type:y proximity}
.back-to-top{z-index:20;right:max(.375rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--heat) 72%, transparent);background:var(--panel);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;padding:2px;transition:opacity .18s,transform .18s;display:grid;position:fixed;transform:translateY(.75rem)scale(.9)}.back-to-top:before{content:"";background:var(--panel);z-index:1;border-radius:50%;position:absolute;inset:3px}.back-to-top:after{content:"";background:conic-gradient(from 20deg, var(--heat), var(--cold), var(--heat));z-index:0;border-radius:50%;animation:2.6s linear infinite back-to-top-orbit;position:absolute;inset:0}.back-to-top span{z-index:2;font:500 1.35rem/1 var(--mono);position:relative}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (max-width:760px){.back-to-top{right:max(.375rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));border-color:color-mix(in srgb, var(--ink) 40%, transparent);padding:0;box-shadow:0 2px 10px #0009}.back-to-top:before,.back-to-top:after{display:none}}@media (prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:after{animation:none}}@keyframes back-to-top-orbit{to{transform:rotate(360deg)}}
:root{--opal-paper:#f4f5fa;--opal-ink:#0d1621;--opal-muted:#5b6a7d;--opal-line:#d8e6f5;--opal-dark:#060a11;--opal-lilac:#b3d0fc;--opal-cyan:#d5edff;--opal-focus:#6a89b8;--opal-border:#a9c4e4;--opal-control:radial-gradient(ellipse at 15% 0%, #ffffffe0, transparent 46%), radial-gradient(ellipse at 82% 100%, #d5edffa6, transparent 48%), linear-gradient(112deg, #b3d0fc 0%, #c5defd 36%, #d9ebfe 60%, #e7f3fe 78%, #c0d9f8 100%);--opal-control-hover:radial-gradient(ellipse at 20% 0%, #ffffffed, transparent 46%), radial-gradient(ellipse at 78% 100%, #d5edffc7, transparent 48%), linear-gradient(112deg, #bed7f9 0%, #cfe4fd 36%, #e5f2fe 60%, #e8f4ff 78%, #cbdef6 100%);--logo-opal-border:#d77956;--logo-opal-focus:#ffc46b;--logo-opal-control:radial-gradient(ellipse 54% 145% at 14% -24%, #fff6e7a6, transparent 75%), radial-gradient(ellipse 48% 132% at 63% 128%, #e9d7f066, transparent 76%), radial-gradient(ellipse 39% 115% at 99% -10%, #d2e0ff80, transparent 78%), linear-gradient(106deg, #ffc46b 0%, #e9662b 34%, #c9a8de 68%, #9ab8f5 100%);--logo-opal-control-hover:radial-gradient(ellipse 56% 148% at 17% -28%, #fff8edb3, transparent 75%), radial-gradient(ellipse 50% 136% at 60% 130%, #ead8f27a, transparent 76%), radial-gradient(ellipse 40% 118% at 96% -14%, #d8e4fe91, transparent 78%), linear-gradient(106deg, #ffd082 0%, #ed7441 34%, #d1b3e3 68%, #a9c4fb 100%)}html:has(.redesign-workspace){background:#f4f5fa}body:has(.redesign-workspace){color:#0d1621;background:#f4f5fa}:is(html:has(.redesign-home),body:has(.redesign-home)){color:#f7fafe;background:#040609}html:has(.redesign-home):before{display:none!important}html:has(.redesign-home):after{display:none!important}html:has(.redesign-workspace):before{display:none!important}html:has(.redesign-workspace):after{display:none!important}body:has(.redesign-home)>.site-foot{display:none!important}body:has(.redesign-workspace)>.site-foot{display:none!important}body:has(.redesign-home) #lyri-backdrop{display:none!important}body:has(.redesign-home) #lyri-backdrop-fallback{display:none!important}body:has(.redesign-workspace) #lyri-backdrop{display:none!important}body:has(.redesign-workspace) #lyri-backdrop-fallback{display:none!important}:is(html:has(main.opal),body:has(main.opal)){color:#f7fafe;background:#040609}html:has(main.opal):before{display:none!important}html:has(main.opal):after{display:none!important}body:has(main.opal)>.site-foot{display:none!important}body:has(main.opal) #lyri-backdrop{display:none!important}body:has(main.opal) #lyri-backdrop-fallback{display:none!important}:root main.opal :is(.panel,.mk-card,.editor-workbench,.modal-card,.guide-card,.pricing-card):not(.active,.over,.error,[aria-invalid=true],[role=alert]){transition:border-color .2s,box-shadow .2s}:root main.opal :is(.panel,.mk-card,.editor-workbench,.modal-card,.guide-card,.pricing-card):not(.active,.over,.error,[aria-invalid=true],[role=alert]):focus-within{border-color:#a6c7ef52;box-shadow:0 0 16px #a6c7ef06,inset 0 0 0 1px #a6c7ef06}@media (hover:hover) and (pointer:fine){:root main.opal :is(.panel,.mk-card,.editor-workbench,.modal-card,.guide-card,.pricing-card):not(.active,.over,.error,[aria-invalid=true],[role=alert]):hover{border-color:#a6c7ef52;box-shadow:0 0 16px #a6c7ef06,inset 0 0 0 1px #a6c7ef06}}@media (prefers-reduced-motion:reduce){:root main.opal :is(.panel,.mk-card,.editor-workbench,.modal-card,.guide-card,.pricing-card){transition:none}}body:not(:has(main.opal,main.redesign-home))>.opal-foot{display:none}body:has(main.app-shell,main.studio-page,main.studio-shell) .opal-foot-wordmark{display:none}
.signup-attribution{z-index:1000;border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--panel);width:min(26rem,100vw - 2rem);color:var(--ink);font:400 .9rem/1.45 var(--font-body), sans-serif;padding:1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 40px #0000006b}.signup-attribution strong{font-size:1rem;display:block}.signup-attribution p{color:var(--ink-soft);margin:.35rem 0}.signup-attribution a{color:var(--ink);text-underline-offset:.15em}.signup-attribution-actions{gap:.5rem;margin-top:.75rem;display:flex}.signup-attribution-actions button{border:1px solid var(--ink-faint);border-radius:var(--r);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;padding:.45rem .8rem}.signup-attribution-actions button:focus-visible,.signup-attribution a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.signup-attribution-settings{min-height:2.5rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.5rem;padding:.4rem .7rem}.signup-attribution-settings:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media (max-width:480px){.signup-attribution{width:calc(100vw - 1rem);padding:.6rem .75rem;font-size:.8rem;line-height:1.35;bottom:.5rem;right:.5rem}.signup-attribution .signup-attribution-title{display:none}.signup-attribution p{margin:0 .35em 0 0;display:inline}.signup-attribution-actions{margin-top:.5rem}.signup-attribution-actions button{flex:1;font-size:.85rem}}
.iRi-Rq_root{--support-ink:#f7fafe;--support-muted:#a2afc1;--support-line:#a6c7ef2e;--support-surface:#060a11;--support-raised:#0b121c;--support-focus:var(--opal-focus,#6a89b8);--support-border:var(--opal-border,#a9c4e4);--support-control:var(--opal-control,radial-gradient(ellipse at 15% 0%, #ffffffe0, transparent 46%), radial-gradient(ellipse at 82% 100%, #d5edffa6, transparent 48%), linear-gradient(112deg, #b3d0fc 0%, #c5defd 36%, #d9ebfe 60%, #e7f3fe 78%, #c0d9f8 100%));--support-control-hover:var(--opal-control-hover,radial-gradient(ellipse at 20% 0%, #ffffffed, transparent 46%), radial-gradient(ellipse at 78% 100%, #d5edffc7, transparent 48%), linear-gradient(112deg, #bed7f9 0%, #cfe4fd 36%, #e5f2fe 60%, #e8f4ff 78%, #cbdef6 100%));z-index:80;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));color:var(--support-ink);font:400 14px/1.45 var(--body,var(--font-body,"Hanken Grotesk")), sans-serif;position:fixed}.iRi-Rq_launcher,.iRi-Rq_close,.iRi-Rq_formFoot button,.iRi-Rq_failed button,.iRi-Rq_error button{cursor:pointer;text-transform:none;width:auto;min-width:0;max-width:100%;height:auto;font-family:inherit}.iRi-Rq_launcher{border:1px solid var(--support-border);background:var(--support-surface);width:50px;height:50px;color:var(--support-ink);border-radius:50%;place-items:center;padding:0;transition:border-color .14s,background-color .14s,transform .14s;display:grid;position:relative}.iRi-Rq_root .iRi-Rq_launcher:hover:not(:disabled){border-color:var(--support-focus);background:var(--support-raised);transform:translateY(-2px)}.iRi-Rq_launcher:focus-visible,.iRi-Rq_close:focus-visible,.iRi-Rq_form textarea:focus-visible,.iRi-Rq_formFoot button:focus-visible,.iRi-Rq_failed button:focus-visible,.iRi-Rq_error button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.iRi-Rq_launchIcon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:22px;height:22px}.iRi-Rq_unreadBadge{border:2px solid var(--support-surface);background:#d5edff;border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:1px}.iRi-Rq_onlineDot{border:2px solid var(--support-surface);background:#34d27b;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.iRi-Rq_dialog{border:1px solid #182232;border-top-color:var(--support-focus);background:var(--support-surface);border-radius:18px;flex-direction:column;width:min(360px,100vw - 32px);max-height:min(520px,100dvh - 100px);display:flex;position:absolute;bottom:62px;right:0;overflow:hidden;box-shadow:0 18px 54px #0008}.iRi-Rq_header{border-bottom:1px solid var(--support-line);justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 14px 12px;display:flex}.iRi-Rq_titleRow{align-items:center;gap:9px;display:flex}.iRi-Rq_brandMark{flex:0 0 22px;width:22px;height:22px;display:block}.iRi-Rq_header h2{font:700 16px/1.2 var(--body,var(--font-body,"Hanken Grotesk")), sans-serif;letter-spacing:-.02em;color:var(--support-ink);margin:0}.iRi-Rq_presence{color:var(--support-muted);align-items:center;gap:8px;margin:6px 0 0 31px;font-size:12px;line-height:1.35;display:flex}.iRi-Rq_dot{background:#6a89b8;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.iRi-Rq_online{background:#b3d0fc}.iRi-Rq_close{border:1px solid var(--support-line);width:44px;height:44px;color:var(--support-ink);background:0 0;border-radius:10px;flex:0 0 44px;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.iRi-Rq_root .iRi-Rq_close:hover:not(:disabled){border-color:var(--support-focus);background:#ffffff08}.iRi-Rq_messages{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:9px;min-height:130px;padding:13px 14px;display:flex;overflow-y:auto}.iRi-Rq_empty{max-width:28ch;color:var(--support-muted);text-align:center;margin:auto;font-size:13px}.iRi-Rq_message{border:1px solid var(--support-line);overflow-wrap:anywhere;background:#081019;border-radius:12px;max-width:88%;padding:9px 11px 7px}.iRi-Rq_message p{white-space:pre-wrap;margin:0}.iRi-Rq_message time,.iRi-Rq_pending>span,.iRi-Rq_failed{color:var(--support-muted);font:400 11px/1.35 var(--mono,var(--font-mono)), monospace;margin-top:6px;display:block}.iRi-Rq_customer{background:#0d1725;border-color:#2f4461;align-self:flex-end}.iRi-Rq_operator{align-self:flex-start}.iRi-Rq_pending{border-style:dashed}.iRi-Rq_failed{justify-content:space-between;align-items:center;gap:10px;display:flex}.iRi-Rq_failed button,.iRi-Rq_error button{color:#d5edff;background:0 0;border:0;min-height:24px;padding:2px 0;font-weight:700;text-decoration:underline}.iRi-Rq_root .iRi-Rq_failed button:hover:not(:disabled),.iRi-Rq_root .iRi-Rq_error button:hover:not(:disabled){color:#e7f3fe;background:0 0;border:0}.iRi-Rq_failed button:disabled,.iRi-Rq_error button:disabled{cursor:not-allowed;opacity:.55}.iRi-Rq_error{color:var(--support-ink);background:#0b121c;border-top:1px solid #4d6485;margin:0;padding:9px 14px;font-size:12px}.iRi-Rq_form{border-top:1px solid var(--support-line);padding:10px 14px 8px}.iRi-Rq_form textarea{resize:vertical;width:100%;min-height:62px;max-height:120px;color:var(--support-ink);font:inherit;background:#05080f;border:1px solid #182232;border-radius:10px;padding:9px 10px;display:block}.iRi-Rq_form textarea::placeholder{color:var(--support-muted)}.iRi-Rq_form textarea:focus{border-color:var(--support-border)}.iRi-Rq_form textarea:disabled{cursor:not-allowed;opacity:.65}.iRi-Rq_formFoot{color:var(--support-muted);font:400 12px/1 var(--mono,var(--font-mono)), monospace;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.iRi-Rq_formMeta{flex-direction:column;gap:5px;min-width:0;display:flex}.iRi-Rq_shortcutHint{color:var(--support-muted);font:400 12px/1.2 var(--body,var(--font-body,"Hanken Grotesk")), sans-serif}.iRi-Rq_formFoot button{border:1px solid var(--support-border);background:var(--support-control);color:#0d1621;width:auto;min-width:76px;min-height:44px;font:600 13px/1 var(--body,var(--font-body,"Hanken Grotesk")), sans-serif;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,0 2px 5px #303b800d}.iRi-Rq_root .iRi-Rq_formFoot button:hover:not(:disabled){border-color:var(--support-border);background:var(--support-control-hover);color:#0d1621}.iRi-Rq_formFoot button:disabled{cursor:not-allowed;opacity:.48}.iRi-Rq_privacy{color:var(--support-muted);margin:0;padding:0 14px 12px;font-size:11px;line-height:1.4}.iRi-Rq_srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (pointer:coarse){.iRi-Rq_form textarea{font-size:16px}}body:has(.iRi-Rq_root) .back-to-top{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 62px)}body:has(.wt-veil) .iRi-Rq_root{display:none}@media (max-width:520px){.iRi-Rq_root{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.iRi-Rq_dialog{inset:auto 8px max(68px, calc(env(safe-area-inset-bottom) + 64px));width:auto;max-height:min(520px,100dvh - 88px);position:fixed}.iRi-Rq_formFoot button,.iRi-Rq_failed button,.iRi-Rq_error button{min-height:44px}body:has(.iRi-Rq_root) .back-to-top{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 62px)}}@media (max-height:580px){.iRi-Rq_dialog{max-height:calc(100dvh - 80px);overflow-y:auto}.iRi-Rq_header,.iRi-Rq_form,.iRi-Rq_privacy{flex:none}.iRi-Rq_messages{flex:0 auto;min-height:90px;max-height:180px}}@media (prefers-reduced-motion:reduce){.iRi-Rq_root *,.iRi-Rq_root :before,.iRi-Rq_root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}