.session-kicked-banner{background:color-mix(in srgb,var(--app-red) 15%,transparent);color:var(--app-text);padding:12px 16px;text-align:center;font-size:14px;border-bottom:1px solid color-mix(in srgb,var(--app-red) 30%,transparent)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--app-accent);color:var(--app-bg);font-size:14px;font-weight:600;padding:8px 16px;border-radius:0 0 6px;z-index:9999;text-decoration:none}.skip-link:focus{left:0}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-nav{background:#1414188c;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;padding:0 20px}.landing-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1050px;margin:0 auto;padding:14px 0;min-height:34px}.landing-nav-brand{font-size:16px;font-weight:700;color:var(--app-accent);letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.landing-nav-tag{font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--app-text)}.landing-nav-links{display:flex;align-items:center;gap:4px}.landing-nav-link{font-size:14px;color:var(--app-text-dim);text-decoration:none;padding:6px 12px;border-radius:6px;transition:background .15s,color .15s}.landing-nav-link:hover{color:var(--app-text);background:var(--app-surface)}.landing-nav-signin{font-size:14px;font-weight:600;color:var(--app-bg);background:var(--app-accent);text-decoration:none;border:none;cursor:pointer;font-family:inherit;padding:7px 16px;border-radius:6px;margin-left:8px;transition:background .15s;letter-spacing:.5px;line-height:normal}.landing-nav-signin:hover{background:var(--app-accent-hover)}.landing-nav-try{font-size:14px;font-weight:600;color:var(--app-accent);background:transparent;border:1px solid var(--app-accent);text-decoration:none;cursor:pointer;font-family:inherit;padding:6px 14px;border-radius:6px;margin-right:4px;letter-spacing:.5px;line-height:normal;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,background .15s,color .15s}.landing-nav-try--visible{opacity:1;transform:translateY(0)}.landing-nav-try:hover{background:var(--app-accent);color:var(--app-bg)}.landing-nav-right{display:flex;align-items:center;gap:4px}.landing-nav-burger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;color:var(--app-text-dim);border-radius:6px;transition:color .15s,background .15s}.landing-nav-burger:hover{color:var(--app-text);background:var(--app-surface)}.burger-line{transition:transform .25s ease,opacity .25s ease}.burger-line--top{transform-origin:12px 6px}.burger-line--mid{transform-origin:12px 12px}.burger-line--bot{transform-origin:12px 18px}.landing-nav-burger--open .burger-line--top{transform:translateY(6px) rotate(45deg)}.landing-nav-burger--open .burger-line--mid{opacity:0}.landing-nav-burger--open .burger-line--bot{transform:translateY(-6px) rotate(-45deg)}.landing-hero{padding:48px 20px 0;text-align:center;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(123,237,0,.08) 0%,transparent 70%)}.landing-hero-inner{max-width:720px;margin:0 auto}.landing-hero-title{font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--app-white);line-height:1.15;text-wrap:balance}.landing-hero-accent{background-image:linear-gradient(135deg,#7bed00,#00c853);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.landing-hero-sub{font-size:17px;color:#ffffff8c;line-height:1.65;margin-bottom:0;text-wrap:pretty}.landing-section{padding:96px 32px}.landing-section--dark{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-section-inner{max-width:1000px;margin:0 auto}.landing-section-inner--narrow{max-width:640px}.landing-section-title{font-size:clamp(28px,3.5vw,44px);font-weight:700;color:var(--app-white);margin-bottom:10px;text-align:center;text-wrap:balance;letter-spacing:-.02em}.landing-section-sub{font-size:16px;color:var(--app-text-dim);text-align:center;margin-bottom:48px;text-wrap:pretty}.landing-gradient-text{background-image:linear-gradient(180deg,#fff 30%,#ffffff73);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.landing-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px}.landing-bento-cell{background:var(--app-bg);padding:40px;display:flex;flex-direction:column;position:relative;transition:background .3s ease;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.landing-bento-cell:nth-child(2),.landing-bento-cell:nth-child(4),.landing-bento-cell:last-child{border-right:none}.landing-bento-cell:nth-child(5),.landing-bento-cell:last-child{border-bottom:none}.landing-bento-cell--wide{grid-column:span 2}.landing-bento-cell:nth-child(5){grid-column:span 2}.landing-bento-cell:first-child{border-radius:16px 0 0}.landing-bento-cell:nth-child(2){border-radius:0 16px 0 0}.landing-bento-cell:nth-child(5){border-radius:0 0 0 16px}.landing-bento-cell:last-child{border-radius:0 0 16px}.landing-bento-cell:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--bg-hover),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none}.landing-bento-cell:hover:before{opacity:1}.landing-bento-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:20px;color:var(--icon-color, var(--app-accent))}.landing-bento-cell:nth-child(1) .landing-bento-icon{--icon-color: var(--app-purple)}.landing-bento-cell:nth-child(2) .landing-bento-icon{--icon-color: var(--app-blue)}.landing-bento-cell:nth-child(3) .landing-bento-icon{--icon-color: var(--app-green)}.landing-bento-cell:nth-child(4) .landing-bento-icon{--icon-color: var(--app-orange)}.landing-bento-cell:nth-child(5) .landing-bento-icon{--icon-color: var(--app-lightblue)}.landing-bento-cell:nth-child(6) .landing-bento-icon{--icon-color: var(--app-pink)}.landing-bento-title{font-size:17px;font-weight:600;color:var(--app-white);margin-bottom:8px}.landing-bento-desc{font-size:14px;color:#ffffff8c;line-height:1.6}.landing-bento-badge{display:inline-block;margin-top:12px;padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--app-accent);border:1px solid rgba(123,237,0,.3);border-radius:20px;opacity:.85;width:fit-content}.landing-pricing-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border-radius:16px;max-width:960px;margin:0 auto 32px}.landing-pricing-card-v2{background:#121214;padding:36px 28px 28px;display:flex;flex-direction:column;position:relative}.landing-pricing-card-v2:first-child{border-radius:16px 0 0 16px}.landing-pricing-card-v2:last-child{border-radius:0 16px 16px 0}.landing-pricing-card-v2--pro:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--app-accent),transparent)}.landing-pricing-card-v2--pro{background:#7bed0008}.landing-pricing-card-v2--core:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#fbbf24,transparent)}.landing-pricing-card-v2--core{background:#fbbf2405}.landing-pricing-inline-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:20px;margin-bottom:16px;width:fit-content}.landing-pricing-inline-badge--pro{color:var(--app-accent);background:#7bed001a;border:1px solid rgba(123,237,0,.25)}.landing-pricing-inline-badge--core{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.25)}.landing-pricing-tier{font-size:15px;font-weight:700;color:var(--app-text-dim);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px}.landing-pricing-card-v2:not(.landing-pricing-card-v2--core):not(.landing-pricing-card-v2--pro) .landing-pricing-tier{margin-bottom:46px}.landing-pricing-price{display:flex;align-items:flex-end;gap:8px;margin-bottom:24px}.landing-pricing-amount{font-size:48px;font-weight:800;color:var(--app-white);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.03em}.landing-pricing-price-meta{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}.landing-pricing-period{font-size:14px;font-weight:500;color:var(--app-text-dim);line-height:1}.landing-pricing-features{list-style:none;padding:20px 0 0;margin:0 0 28px;display:flex;flex-direction:column;gap:9px;flex:1;border-top:1px solid var(--border-subtle)}.landing-pricing-features li{font-size:13.5px;color:#a8a8b4;padding-left:22px;position:relative;line-height:1.45}.landing-pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--app-accent);font-weight:800;font-size:12px;top:1px}.landing-pricing-card-v2--core .landing-pricing-features li:before{color:#fbbf24}.landing-pricing-features li.feature-highlight{color:var(--app-text);font-weight:600}.landing-pricing-card-toggle{align-self:center;margin-bottom:12px}.landing-pricing-btn{display:flex;align-items:center;justify-content:center;width:100%;height:46px;text-align:center;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.4px;padding:0 16px;border-radius:10px;cursor:pointer;font-family:inherit;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;touch-action:manipulation}.landing-pricing-btn:active{transform:scale(.98)}.landing-pricing-btn--free{background:transparent;border-color:var(--border-hover);color:var(--app-text)}.landing-pricing-btn--free:hover{background:var(--bg-hover);border-color:var(--border-hover)}.landing-pricing-btn--pro{background:var(--app-accent);color:var(--app-bg);font-weight:700}.landing-pricing-btn--pro:hover{background:var(--app-accent-hover)}.landing-pricing-btn--core{background:linear-gradient(135deg,#b45309,#92400e);border-color:transparent;color:#fef3c7;font-weight:700}.landing-pricing-btn--core:hover{background:linear-gradient(135deg,#d97706,#b45309)}.landing-pricing-btn--current{background:var(--app-bg);border-color:var(--border-subtle);color:var(--app-text-dim);cursor:default;opacity:.7}.landing-pricing-note{font-size:12.5px;color:var(--app-text-dim);text-align:center;line-height:1.6}.landing-contact-form{display:flex;flex-direction:column;gap:16px}.landing-field{display:flex;flex-direction:column;gap:6px}.landing-label{font-size:13px;color:var(--app-text-dim);font-weight:500}.landing-input{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;color:var(--app-text);font-size:14px;padding:12px 16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.landing-input:focus{outline:none;border-color:var(--app-accent);box-shadow:0 0 0 3px #7bed001a}.landing-input:focus-visible{outline:none}.landing-textarea{resize:vertical;min-height:120px}.landing-contact-submit{background:var(--app-accent);border:none;border-radius:10px;color:var(--app-bg);font-size:14px;font-weight:600;padding:12px 24px;cursor:pointer;align-self:flex-start;letter-spacing:.5px;transition:background .15s,box-shadow .2s}.landing-contact-submit:hover{background:var(--app-accent-hover);box-shadow:0 0 20px #7bed0026}.landing-contact-submit:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.landing-contact-submit:disabled{opacity:.6;cursor:not-allowed}.landing-contact-error{font-size:13px;color:#ff6b6b;margin:0}.landing-contact-success{background:#7bed0014;border:1px solid rgba(123,237,0,.2);border-radius:8px;padding:20px 24px;font-size:15px;color:var(--app-text-dim);line-height:1.6}.landing-contact-email{color:var(--app-accent)}.landing-contact-reveal{background:none;border:none;color:var(--app-accent);font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;font-family:inherit}.landing-contact-reveal:hover{color:var(--app-accent-hover)}.landing-desktop-section{padding-right:0;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(123,237,0,.04) 0%,transparent 70%)}.landing-desktop-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center;max-width:1000px;margin-left:auto;margin-right:0}.landing-desktop-title{text-align:left;font-size:clamp(24px,2.8vw,36px)}.landing-desktop-desc{font-size:16px;color:var(--app-text-dim);line-height:1.7;margin-bottom:32px}.landing-desktop-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:20px}.landing-desktop-features li{display:flex;align-items:flex-start;gap:14px}.landing-desktop-feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#7bed0014;border:1px solid rgba(123,237,0,.15);color:var(--app-accent)}.landing-desktop-features strong{display:block;font-size:14px;font-weight:600;color:var(--app-text);margin-bottom:2px}.landing-desktop-feature-sub{display:block;font-size:13px;color:var(--app-text-dim);line-height:1.5}.landing-desktop-req-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.landing-desktop-req-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--app-text-dim);background:color-mix(in srgb,var(--app-accent) 8%,var(--app-surface));border:1px solid color-mix(in srgb,var(--app-accent) 20%,transparent);border-radius:20px;padding:5px 12px}.landing-desktop-cta-note{font-size:13px;color:var(--app-accent);font-weight:600;letter-spacing:.02em}.landing-desktop-visual{display:flex;align-items:center;justify-content:flex-end;margin:-20px 0}.landing-desktop-img{width:100%;max-width:860px;border-radius:12px}.landing-seo-section{background:var(--app-bg);border-top:1px solid var(--border-subtle);padding:0 32px}.landing-seo-inner{max-width:800px;margin:0 auto}.landing-seo-details{border-bottom:none}.landing-seo-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:500;color:var(--app-text-dim);-webkit-user-select:none;user-select:none;transition:color .15s}.landing-seo-summary::-webkit-details-marker{display:none}.landing-seo-summary:hover{color:var(--app-text)}.landing-seo-chevron{flex-shrink:0;transition:transform .2s ease}.landing-seo-details[open] .landing-seo-chevron{transform:rotate(180deg)}.landing-seo-body{padding:4px 0 28px;display:flex;flex-direction:column;gap:14px}.landing-seo-body p{font-size:14px;color:var(--app-text-dim);line-height:1.75;margin:0}.landing-seo-body h3{font-size:14px;font-weight:600;color:var(--app-text);margin:6px 0 0}.landing-seo-body strong{color:var(--app-text);font-weight:600}.landing-seo-body code{font-family:ui-monospace,monospace;font-size:13px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;color:var(--app-accent)}.landing-footer{margin-top:auto;background:var(--app-bg);border-top:1px solid var(--border-subtle);padding:40px 32px}.landing-footer-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.landing-footer-copy{font-size:13px;color:var(--app-text-dim)}.landing-footer-disclaimer{font-size:12px;color:var(--app-text-dim);opacity:.45;line-height:1.6;text-align:center;max-width:60%;margin:0 auto;padding:18px 0 4px}.landing-footer-links{display:flex;gap:4px}.landing-footer-link{font-size:13px;color:var(--app-text-dim);text-decoration:none;padding:4px 10px;border-radius:4px;transition:color .15s,background .15s}.landing-footer-link:hover{color:var(--app-text);background:var(--app-surface)}.landing-footer-contact-btn{background:none;border:none;cursor:pointer;font-family:inherit}.landing-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.landing-reveal.visible{opacity:1;transform:none}.landing-reveal.landing-reveal--done{transition:none}.landing-bento-cell.landing-reveal--done{transition:background .3s ease}.landing-bento-cell.landing-reveal:nth-child(1){transition-delay:0ms}.landing-bento-cell.landing-reveal:nth-child(2){transition-delay:80ms}.landing-bento-cell.landing-reveal:nth-child(3){transition-delay:.16s}.landing-bento-cell.landing-reveal:nth-child(4){transition-delay:.24s}.landing-bento-cell.landing-reveal:nth-child(5){transition-delay:.32s}.landing-bento-cell.landing-reveal:nth-child(6){transition-delay:.4s}@media(prefers-reduced-motion:reduce){.landing-reveal{opacity:1;transform:none;transition:none}}@media(max-width:740px){.landing-nav-tag{display:none}}@media(max-width:680px){.landing-nav-burger{display:flex}.landing-nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;background:#141418f2;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-subtle);padding:8px 20px 16px}.landing-nav-links--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.landing-nav-link{padding:12px 0}.landing-nav-link+.landing-nav-link{border-top:1px solid var(--border-subtle)}.landing-nav-try,.landing-nav-try.landing-nav-try--visible{opacity:1;transform:none;margin-right:0;padding:12px 0;border:none;border-bottom:1px solid var(--border-subtle)}.landing-nav-signin{margin-left:0;margin-top:8px;width:100%;text-align:center}}@media(max-width:900px){.landing-desktop-layout{grid-template-columns:1fr;gap:40px;text-align:center}.landing-desktop-title{text-align:center}.landing-desktop-features{align-items:center}.landing-desktop-features li{text-align:left;max-width:360px}.landing-desktop-section{padding-right:32px}.landing-desktop-layout{max-width:none;margin-left:auto;margin-right:auto}.landing-desktop-visual{order:-1;justify-content:center}.landing-desktop-img{max-width:400px}.landing-desktop-req-chips{justify-content:center}.landing-desktop-cta-note{text-align:center}.landing-bento-grid{grid-template-columns:repeat(2,1fr)}.landing-bento-cell--wide{grid-column:span 2}.landing-bento-cell:nth-child(5){grid-column:span 1}.landing-bento-cell:first-child,.landing-bento-cell:nth-child(3),.landing-bento-cell:nth-child(4){border-right:none}.landing-bento-cell:nth-child(2){border-right:1px solid var(--border-subtle)}.landing-bento-cell:nth-child(5),.landing-bento-cell:last-child{border-bottom:none}.landing-bento-cell:first-child{border-radius:16px 16px 0 0}.landing-bento-cell:nth-child(2),.landing-bento-cell:nth-child(3),.landing-bento-cell:nth-child(4){border-radius:0}.landing-bento-cell:nth-child(5){border-radius:0 0 0 16px}.landing-bento-cell:last-child{border-radius:0 0 16px}.landing-pricing-grid-v2{grid-template-columns:1fr;border-radius:12px}.landing-pricing-card-v2:first-child{border-radius:12px 12px 0 0}.landing-pricing-card-v2:last-child{border-radius:0 0 12px 12px}.landing-pricing-card-v2:not(.landing-pricing-card-v2--core):not(.landing-pricing-card-v2--pro) .landing-pricing-tier{margin-bottom:10px}.landing-footer-disclaimer{max-width:70%}}@media(max-width:640px){.landing-hero{padding:36px 20px 0}.landing-hero-title{margin-bottom:20px}.landing-section{padding:56px 20px}.landing-bento-grid{grid-template-columns:1fr}.landing-bento-cell--wide{grid-column:span 1}.landing-bento-cell{padding:28px 24px;border-right:none;border-bottom:1px solid var(--border-subtle)}.landing-bento-cell:last-child{border-bottom:none}.landing-bento-cell:first-child{border-radius:16px 16px 0 0}.landing-bento-cell:nth-child(2),.landing-bento-cell:nth-child(3),.landing-bento-cell:nth-child(4),.landing-bento-cell:nth-child(5){border-radius:0}.landing-bento-cell:last-child{border-radius:0 0 16px 16px}.landing-legal-row{flex-direction:column;gap:2px}.landing-legal-row dt{min-width:0}.landing-footer-inner{flex-direction:column;align-items:center;gap:12px}.landing-contact-submit{align-self:stretch;text-align:center}.landing-footer-disclaimer{max-width:90%;padding:12px 0 4px}}.auth-subtitle{text-align:center;font-size:14px;color:var(--app-text-dim);margin-top:12px;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--app-text);font-size:14px;padding:10px 14px;width:100%}.auth-input:focus{outline:none;border-color:var(--app-accent)}.auth-btn{background:var(--app-accent);border:none;border-radius:6px;color:var(--app-bg);font-size:14px;font-weight:600;padding:12px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:background .15s}.auth-btn:hover{background:var(--app-accent-hover)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--app-text-dim);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-google-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--app-text);font-size:14px;padding:10px;cursor:pointer;transition:background .15s,border-color .15s;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.auth-google-btn:hover{background:var(--app-border-light);border-color:var(--app-border-light)}.auth-toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--app-text-dim)}.auth-toggle button{background:none;border:none;color:var(--app-accent);cursor:pointer;font-size:13px;text-decoration:none}.auth-error{color:var(--app-red);font-size:13px;text-align:center;background:color-mix(in srgb,var(--app-red) 12%,transparent);border:1px solid color-mix(in srgb,var(--app-red) 35%,transparent);border-radius:6px;padding:10px 14px;margin-bottom:4px}.auth-verify-hint{font-size:13px;color:var(--app-text-dim);text-align:center;line-height:1.55;margin-top:-8px;margin-bottom:20px}.auth-verify-hint strong{color:var(--app-text);font-weight:500}.auth-input--code{text-align:center;font-size:22px;font-family:SF Mono,Fira Mono,ui-monospace,monospace;letter-spacing:10px;padding-left:24px}.auth-confirm-spinner{width:32px;height:32px;border:3px solid var(--app-border);border-top-color:var(--app-accent);border-radius:50%;margin:8px auto 0;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-legal-notice{text-align:center;margin-top:16px;font-size:11.5px;color:var(--app-text-dim);line-height:1.5;opacity:.7}.auth-legal-notice a{color:var(--app-text-dim);text-decoration:none;text-underline-offset:2px}.auth-legal-notice a:hover{color:var(--app-text)}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field-hint{font-size:11.5px;color:var(--app-text-dim);margin:0;padding-left:2px;opacity:.75}.auth-drawer-backdrop{position:fixed;inset:0;background:#0000008c;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.auth-drawer-backdrop--visible{opacity:1;pointer-events:auto}.auth-drawer{position:fixed;right:0;top:0;bottom:0;width:400px;max-width:92vw;background:#141418f2;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-left:1px solid var(--border-subtle);box-shadow:-6px 0 48px #000000b3;z-index:201;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.auth-drawer--open{transform:translate(0)}.auth-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.auth-drawer-brand{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--app-accent)}.auth-drawer-close{background:none;border:none;color:var(--app-text-dim);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;line-height:1}.auth-drawer-close:hover{color:var(--app-text);background:var(--app-surface)}.auth-drawer-body{padding:32px 28px 40px;display:flex;flex-direction:column;gap:0;flex:1}.auth-drawer-body .auth-message{margin:0 0 20px;padding:12px 16px;font-size:13.5px;color:var(--app-skyblue);background:color-mix(in srgb,var(--app-skyblue) 7%,transparent);border:1px solid color-mix(in srgb,var(--app-skyblue) 14%,transparent);border-radius:8px;text-align:center;letter-spacing:.2px}.auth-drawer-body .auth-subtitle{margin-top:0;margin-bottom:24px;font-size:18px}.auth-drawer-body .auth-form{gap:14px}.auth-drawer-body .auth-btn{margin-top:4px}.auth-drawer-body .auth-divider{margin:16px 0}.auth-drawer-body .auth-toggle{margin-top:20px}.auth-drawer-body .auth-field{display:flex;flex-direction:column;gap:5px}.auth-drawer-body .auth-field-hint{font-size:11.5px;color:var(--app-text-dim);margin:0;padding-left:2px;opacity:.75}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-label{font-size:11px;font-weight:700;color:var(--app-text-dim);text-transform:uppercase;letter-spacing:.5px}.contact-input{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;color:var(--app-text);font-size:14px;padding:10px 12px;width:100%;outline:none;font-family:inherit}.contact-input:focus{border-color:var(--app-accent)}.contact-textarea{resize:vertical;min-height:100px}.contact-divider{text-align:center;position:relative;margin-bottom:28px}.contact-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-subtle)}.contact-divider span{position:relative;background:var(--app-bg);padding:0 14px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--app-text-dim)}.contact-title{font-size:18px;font-weight:700;color:var(--app-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.contact-sub{font-size:13px;color:var(--app-text-dim);margin-bottom:24px;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-success{background:#7bed0014;border:1px solid var(--app-accent);border-radius:8px;padding:16px 20px;color:var(--app-accent);font-size:14px}.contact-error{color:var(--app-red);font-size:13px}.contact-submit{background:var(--app-accent);border:none;border-radius:6px;color:#000;padding:11px 22px;font-size:14px;font-weight:700;cursor:pointer;align-self:flex-start}.contact-submit:hover:not(:disabled){background:var(--app-accent-hover)}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.contact-modal-card{position:relative;background:var(--app-bg);border:1px solid var(--border-subtle);border-radius:12px;padding:32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.contact-modal-close{position:absolute;top:14px;right:16px;background:transparent;border:none;color:var(--app-text-dim);font-size:16px;cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px}.contact-modal-close:hover{color:var(--app-text);background:var(--app-surface)}.trial-editor-section{padding:40px 12px}.trial-editor-header{text-align:center;max-width:600px;margin:0 auto 52px}.trial-editor-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--app-accent);background:#7bed0014;border:1px solid rgba(123,237,0,.28);border-radius:20px;padding:5px 14px;margin-bottom:22px}.trial-editor-badge-dot{width:6px;height:6px;background:var(--app-accent);border-radius:50%;flex-shrink:0;animation:trial-pulse 2.4s ease-in-out infinite}@keyframes trial-pulse{0%,to{opacity:1;box-shadow:0 0 #7bed0099}50%{opacity:.5;box-shadow:0 0 0 4px #7bed0000}}.trial-editor-title{font-size:clamp(18px,3vw,26px);font-weight:700;color:var(--app-white);line-height:1.2;margin:0 auto 32px;text-align:center;letter-spacing:.5px}.trial-editor-sub{font-size:16px;color:var(--app-text-dim);line-height:1.7;text-wrap:pretty}.trial-editor-wrap{max-width:1200px;margin:0 auto;overflow:hidden}.trial-status-error{text-align:center;font-size:13px;color:var(--app-red);margin:0 auto 12px;min-height:1.4em;opacity:1;transition:opacity .7s ease;-webkit-user-select:none;user-select:none}.trial-status-error.hidden{opacity:0}.trial-upsell-text{text-align:center;font-size:16px;color:var(--app-text-dim);line-height:1.7;max-width:720px;margin:0 auto 24px}.trial-upsell-link{background:none;border:none;padding:0;font-size:inherit;font-weight:600;color:var(--app-text);cursor:pointer;text-decoration:none}.trial-upsell-link:hover{opacity:.8}.trial-upsell-highlight{color:#fff}@media(max-width:640px){.trial-editor-section{padding:16px 16px 56px}.trial-editor-wrap{border-radius:10px}.trial-upsell-text{max-width:90%}}.pad-grid-container{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:1200px;margin:0 auto 18px;padding:0 18px}.pad-grid-row{display:flex;justify-content:center;gap:12px;width:100%}.pad-grid-row .slot,.pad-grid-row .grid-export-cell{width:var(--pad-width, 160px);flex:0 1 auto}.slot[data-pad=BD]{--slot-accent: var(--app-purple)}.slot[data-pad=SD]{--slot-accent: var(--app-blue)}.slot[data-pad=LT],.slot[data-pad=MT],.slot[data-pad=HT]{--slot-accent: var(--app-green)}.slot[data-pad=RS]{--slot-accent: var(--app-lime)}.slot[data-pad=HC]{--slot-accent: var(--app-pink)}.slot[data-pad=CH],.slot[data-pad=OH]{--slot-accent: var(--app-lightblue)}.slot[data-pad=CC],.slot[data-pad=RC]{--slot-accent: var(--app-skyblue)}.slot{--slot-accent: var(--app-accent);background:var(--app-panel);border:2px dashed var(--app-border);border-radius:8px;padding:14px 10px 8px;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s;aspect-ratio:5 / 4;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;isolation:isolate;touch-action:manipulation;-webkit-touch-callout:none}.slot-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.slot:not(.loaded):hover{background:color-mix(in srgb,var(--slot-accent) 6%,var(--app-panel));border-color:color-mix(in srgb,var(--slot-accent) 30%,var(--app-border))}.slot.drag-over{border-color:color-mix(in srgb,var(--slot-accent) 55%,var(--app-border));background:var(--app-surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--slot-accent) 40%,transparent)}.slot.loaded{border-style:solid;border-color:color-mix(in srgb,var(--slot-accent) 55%,var(--app-border))}@keyframes slot-play-flash{0%{border-color:var(--slot-accent);background:color-mix(in srgb,var(--slot-accent) 22%,var(--app-panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--slot-accent) 35%,transparent)}60%{border-color:color-mix(in srgb,var(--slot-accent) 80%,var(--app-border));background:color-mix(in srgb,var(--slot-accent) 10%,var(--app-panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--slot-accent) 15%,transparent)}to{border-color:color-mix(in srgb,var(--slot-accent) 55%,var(--app-border));background:var(--app-panel);box-shadow:none}}.slot.playing{animation:slot-play-flash .6s ease-out forwards}.grid-export-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--app-panel);border:2px solid var(--app-border);border-radius:8px;color:var(--app-text);font-size:15px;font-weight:600;padding:10px 0;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;transition:border-color .2s,background .2s;width:100%;margin:0}.grid-export-btn:hover:not(:disabled){border-color:var(--app-border-light);background:var(--app-surface)}.grid-export-btn:disabled{color:var(--app-text-dim);cursor:not-allowed}.grid-export-cell{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:start}.export-counter{font-size:11px;letter-spacing:.5px;color:var(--app-text-dim)}.export-counter--limit{color:#e05555}.grid-new-kit-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--app-panel);border:2px solid var(--app-border);border-radius:8px;color:var(--app-text);font-size:15px;font-weight:600;padding:10px 0;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;transition:border-color .2s,background .2s;width:100%;margin:0}.grid-new-kit-btn:hover{border-color:var(--app-border-light);background:var(--app-surface)}.grid-save-demo-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#f5a623;background:#f5a6230f;border:1px dashed rgba(245,166,35,.4);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;margin:0}.grid-save-demo-btn:hover:not(:disabled){background:#f5a6231f;border-color:#f5a623b3}.grid-save-demo-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes rainbow-border{0%{border-color:#e44444;background:#280606}14%{border-color:#eead2b;background:#261a03}28%{border-color:#80d926;background:#142306}42%{border-color:#1fd6b8;background:#05241f}57%{border-color:#5184ec;background:#051129}71%{border-color:#9e55e7;background:#170628}85%{border-color:#e444af;background:#28061d}to{border-color:#e44444;background:#280606}}.grid-export-btn--rainbow{animation:rainbow-border 5.5s linear infinite;color:var(--app-white)}.slot-waveform{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:var(--slot-accent);overflow:hidden;animation:waveform-appear .5s ease forwards}@keyframes waveform-appear{0%{opacity:0}to{opacity:.13}}.slot-label{font-size:18px;font-weight:700;color:var(--slot-accent);margin-bottom:6px;letter-spacing:1px;-webkit-user-select:none;user-select:none}.slot-hint{font-size:11px;color:var(--app-text-dim)}.slot.loaded .slot-hint{display:none}.slot-sample-name{font-size:12px;color:color-mix(in srgb,var(--app-text-dim) 60%,var(--app-text));margin-bottom:4px;word-break:break-all;max-width:100%;display:none;cursor:text;min-height:1.2em;-webkit-user-select:none;user-select:none;padding:2px 6px;border:1px solid transparent;border-radius:4px;box-sizing:border-box}.slot.loaded .slot-sample-name{display:block}.slot-sample-name:hover{color:var(--app-text)}.slot-sample-name.editing{border-color:color-mix(in srgb,var(--slot-accent) 55%,var(--app-border));background:var(--app-surface)}.slot-sample-name-input{width:100%;max-width:100%;min-width:0;font-size:12px;color:var(--app-text);background:transparent;border:none;padding:0;box-sizing:border-box}.slot-sample-name-input:focus{outline:none}.slot-info{font-size:10px;color:color-mix(in srgb,var(--app-text-dim) 60%,var(--app-text));display:none;-webkit-user-select:none;user-select:none}.slot.loaded .slot-info{display:block}.slot-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:flex-end;flex-shrink:0;padding-top:6px;width:100%;max-width:100%;align-self:stretch}.slot-mono,.slot-filter,.slot-fadeout,.slot-edit{display:none;flex:0 0 auto;min-width:0}.slot.loaded .slot-mono,.slot.loaded .slot-filter,.slot.loaded .slot-fadeout,.slot.loaded .slot-edit{display:flex;align-items:flex-end;height:20px}.edit-btn{width:28px;min-width:28px;height:20px;flex-shrink:0;font-size:11px;font-weight:600}.edit-btn .filter-icon{display:flex;align-items:center;justify-content:center;line-height:0}.edit-btn .filter-icon svg{display:block}.edit-btn:hover .filter-icon svg{opacity:1}.filter-btn,.fadeout-btn{width:28px;min-width:28px;height:20px;flex-shrink:0;font-size:11px;font-weight:600}.filter-btn .filter-icon,.fadeout-btn .filter-icon{display:flex;align-items:center;justify-content:center;line-height:0}.filter-btn .filter-icon svg,.fadeout-btn .filter-icon svg{display:block}.filter-btn:hover .filter-icon svg,.fadeout-btn:hover .filter-icon svg{opacity:1}.mono-btn{background:var(--app-surface);border:1px solid var(--app-border);border-radius:4px;color:var(--app-text-dim);padding:0 6px;width:28px;min-width:28px;height:20px;flex-shrink:0;cursor:pointer;transition:background .15s,color .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center}.mono-btn .mono-btn-icon{display:flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.mono-btn .mono-btn-icon svg{display:block;width:16px;height:16px;max-width:100%;max-height:100%}.mono-btn:hover{background:var(--app-border-light);color:var(--app-text)}.mono-btn.active{background:var(--slot-accent);border-color:var(--slot-accent);color:var(--app-bg)}.slot-remove{display:none;position:absolute;top:4px;right:6px;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:#ffffff0f;color:var(--app-text-dim);font-size:16px;cursor:pointer;transition:background .15s,color .15s;align-items:center;justify-content:center}.slot-remove:hover{background:var(--app-red);color:var(--app-white)}.slot.loaded .slot-remove{display:flex}.slot-builtin-badge{display:none;font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--app-text-dim);background:var(--app-border);border-radius:3px;padding:1px 5px;-webkit-user-select:none;user-select:none}.slot.loaded.internal .slot-builtin-badge{display:inline-block}.slot.internal .slot-sample-name{opacity:.65;font-style:italic}.slot.dragging{opacity:.4;cursor:grabbing}.slot.drag-over{border-color:var(--slot-accent);background:color-mix(in srgb,var(--slot-accent) 8%,var(--app-panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--slot-accent) 30%,transparent)}.filter-popover{position:fixed;z-index:1000;background:var(--app-surface);border:1px solid var(--app-border);border-radius:6px;padding:8px 10px;width:220px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:8px}.filter-popover-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--app-text-dim)}.filter-popover-labels strong{color:var(--app-text);font-weight:600}.filter-dual-slider{position:relative;height:24px;display:flex;align-items:center}.filter-dual-track{position:absolute;left:0;right:0;height:4px;background:var(--app-border);border-radius:2px;pointer-events:none}.filter-dual-fill{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--slot-accent) 80%,white);border-radius:2px}.filter-range-hpf,.filter-range-lpf{position:absolute;top:-5px;width:100%;height:24px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.filter-range-hpf::-webkit-slider-thumb,.filter-range-lpf::-webkit-slider-thumb{pointer-events:all;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--slot-accent);border:2px solid var(--app-bg);cursor:pointer;box-shadow:0 0 0 1px var(--slot-accent)}.filter-range-hpf::-moz-range-thumb,.filter-range-lpf::-moz-range-thumb{pointer-events:all;box-sizing:border-box;width:14px;height:14px;border-radius:50%;background:var(--slot-accent);border:2px solid var(--app-bg);cursor:pointer;box-shadow:0 0 0 1px var(--slot-accent)}.filter-range-hpf::-webkit-slider-runnable-track,.filter-range-lpf::-webkit-slider-runnable-track{background:transparent;height:4px}.filter-range-hpf::-moz-range-track,.filter-range-lpf::-moz-range-track{background:transparent;height:4px}.fade-popover{position:fixed;z-index:1000;background:var(--app-surface);border:1px solid var(--app-border);border-radius:6px;padding:8px 10px;width:220px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:8px}.fade-popover-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--app-text-dim)}.fade-popover-labels strong{color:var(--app-text);font-weight:600}.fade-dual-slider{position:relative;height:24px;display:flex;align-items:center}.fade-dual-track{position:absolute;left:0;right:0;height:4px;background:var(--app-border);border-radius:2px;pointer-events:none}.fade-dual-fill{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--slot-accent) 80%,white);border-radius:2px}.fade-range-in,.fade-range-out{position:absolute;top:-5px;width:100%;height:24px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.fade-range-in::-webkit-slider-thumb,.fade-range-out::-webkit-slider-thumb{pointer-events:all;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--slot-accent);border:2px solid var(--app-bg);cursor:pointer;box-shadow:0 0 0 1px var(--slot-accent)}.fade-range-in::-moz-range-thumb,.fade-range-out::-moz-range-thumb{pointer-events:all;box-sizing:border-box;width:14px;height:14px;border-radius:50%;background:var(--slot-accent);border:2px solid var(--app-bg);cursor:pointer;box-shadow:0 0 0 1px var(--slot-accent)}.fade-range-in::-webkit-slider-runnable-track,.fade-range-out::-webkit-slider-runnable-track{background:transparent;height:4px}.fade-range-in::-moz-range-track,.fade-range-out::-moz-range-track{background:transparent;height:4px}@supports (-moz-appearance: none){.filter-range-hpf,.filter-range-lpf,.fade-range-in,.fade-range-out{top:0}}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-layout-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:78px 0 16px;overflow-x:hidden}.app-layout--electron{height:100dvh;min-height:0;overflow:hidden}.app-layout--electron .app-layout-content{overflow-y:auto;min-height:0;padding-top:78px}.app-layout--electron .app-footer{display:none}.app-layout--electron .nav-bar{padding-left:92px;-webkit-app-region:drag}html.is-electron-fullscreen .app-layout--electron .nav-bar{padding-left:20px}.app-layout--electron .nav-inner{max-width:none}.app-layout--electron .nav-bar a,.app-layout--electron .nav-bar button{-webkit-app-region:no-drag}.nav-bar{background:#1414188c;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-subtle);padding:0 20px;position:fixed;top:0;left:0;right:0;z-index:200}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;min-height:34px}.nav-brand{font-size:16px;font-weight:700;color:var(--app-accent);text-decoration:none;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.nav-brand-logo{width:26px;height:26px;flex-shrink:0}.nav-brand-subtitle{font-size:12px;font-weight:600;color:var(--app-text);letter-spacing:1.2px;text-transform:uppercase}@media(max-width:740px){.nav-brand-roland{display:none}}@media(max-width:600px){.nav-brand-subtitle{display:none}}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{font-size:14px;color:var(--app-text-dim);text-decoration:none;padding:6px 12px;border-radius:6px;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{color:var(--app-text);background:var(--bg-hover)}.nav-link--admin{color:var(--app-text-dim)}.nav-link--admin:hover,.nav-link--admin.active{color:#f5a623}.nav-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--app-text);text-decoration:none;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.nav-avatar:hover,.nav-avatar.active{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-bg)}.nav-avatar--admin{color:var(--app-orange);border-color:color-mix(in srgb,var(--app-orange) 40%,transparent)}.nav-avatar--admin:hover{background:color-mix(in srgb,var(--app-orange) 12%,transparent);border-color:var(--app-orange)}.nav-avatar--admin.active{background:var(--app-orange);border-color:var(--app-orange);color:var(--app-bg)}.nav-avatar-icon{width:17px;height:17px;flex-shrink:0}.nav-avatar-label{display:none}.nav-signout{font-size:14px;color:var(--app-text-dim);background:none;border:1px solid var(--border-subtle);border-radius:6px;padding:6px 12px;margin-left:10px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.nav-signout:hover{background:var(--app-red);border-color:var(--app-red);color:var(--app-white)}.nav-upgrade-btn{font-size:13px;font-weight:700;font-family:inherit;letter-spacing:.8px;text-transform:uppercase;color:#0c0c0e;background:linear-gradient(110deg,var(--app-lime) 0%,var(--app-skyblue) 55%,var(--app-magenta) 100%);background-size:200% 100%;border:none;border-radius:6px;padding:7px 14px;cursor:pointer;transition:background-position .4s ease,opacity .15s;animation:upgrade-shimmer 3s ease-in-out infinite alternate}.nav-upgrade-btn:hover{opacity:.9;animation-play-state:paused;background-position:100% 0}@keyframes upgrade-shimmer{0%{background-position:0% 0}to{background-position:100% 0}}.nav-upgrade-btn--desktop{display:flex;margin-right:8px}.nav-right{display:flex;align-items:center;gap:8px}.nav-right .nav-upgrade-btn{display:none}.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:1px solid var(--border-subtle);border-radius:6px;padding:9px 10px;cursor:pointer;width:38px;height:36px;flex-shrink:0}.nav-burger span{display:block;width:18px;height:2px;background:var(--app-text);border-radius:2px;transition:transform .2s ease,opacity .15s ease}.nav-burger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none}@media(max-width:680px){.nav-burger{display:flex}.nav-upgrade-btn--desktop{display:none}.nav-right .nav-upgrade-btn{display:flex}.nav-overlay{display:block;position:fixed;inset:0;z-index:100}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#141418f2;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border-subtle);padding:8px;gap:2px;z-index:200;box-shadow:0 8px 24px #00000080}.nav-links.nav-menu-open{display:flex}.nav-links .nav-link{width:100%;text-align:left;padding:10px 14px;font-size:14px;border-radius:6px;box-sizing:border-box;font-family:inherit}.nav-links .nav-avatar{width:100%;height:auto;border-radius:6px;padding:10px 14px;border:none;background:transparent;justify-content:flex-start;gap:10px;font-size:14px;box-sizing:border-box}.nav-links .nav-avatar:hover,.nav-links .nav-avatar.active{background:var(--app-surface);border:none;color:var(--app-text)}.nav-links .nav-avatar-label{display:inline}.nav-links .nav-signout{width:100%;text-align:left;padding:10px 14px;font-size:14px;border-radius:6px;border:none;margin-top:4px;box-sizing:border-box}}.app-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:16px 20px;padding-left:calc(var(--sample-browser-width, 0px) + 20px);width:100%;box-sizing:border-box;background:transparent;transition:padding-left .2s ease}.app-footer-copy{font-size:13px;color:color-mix(in srgb,var(--app-text-dim) 70%,transparent)}.app-footer-copy,.app-footer-links{flex:1 0 auto;text-align:center;justify-content:center}.app-footer-links{display:flex;align-items:center;gap:8px}.app-footer-link{font-size:13px;white-space:nowrap;color:color-mix(in srgb,var(--app-text-dim) 70%,transparent);text-decoration:none;padding:4px 10px;border-radius:4px;transition:background .15s,color .15s}.app-footer-link:hover{color:var(--app-text);background:var(--app-surface)}.app-footer-contact{background:none;border:none;cursor:pointer;font-family:inherit}.pricing-modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:200;animation:pricing-backdrop-in .2s ease}@keyframes pricing-backdrop-in{0%{opacity:0}to{opacity:1}}.pricing-modal{position:fixed;inset:0;z-index:201;display:flex;flex-direction:column;background:var(--app-bg);overflow-y:auto;animation:pricing-modal-in .25s cubic-bezier(.16,1,.3,1)}@keyframes pricing-modal-in{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 32px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.pricing-modal-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--app-accent);margin:0 0 6px}.pricing-modal-title{font-size:20px;font-weight:700;color:var(--app-white);margin:0;line-height:1.25}.pricing-modal-close{flex-shrink:0;background:none;border:none;color:var(--app-text-dim);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;line-height:1;margin-top:2px}.pricing-modal-close:hover{color:var(--app-text);background:var(--app-surface)}.pricing-modal-body{flex:1;padding:40px 32px 48px;display:flex;flex-direction:column;align-items:center;gap:0}.pricing-modal-grid{width:100%;max-width:980px}.pricing-modal-error{width:100%;max-width:980px;background:#ff505014;border:1px solid rgba(255,80,80,.25);border-radius:8px;color:var(--app-red, #ff5050);font-size:13.5px;padding:10px 14px;margin-bottom:20px}.pricing-modal-grid.landing-pricing-grid-v2{grid-template-columns:repeat(3,1fr);border-radius:16px;max-width:960px;margin-bottom:32px}.pricing-modal-grid--two-cards.landing-pricing-grid-v2{grid-template-columns:repeat(2,1fr);max-width:640px}.pricing-modal-grid .landing-pricing-card-v2:first-child{border-radius:16px 0 0 16px}.pricing-modal-grid .landing-pricing-card-v2:last-child{border-radius:0 16px 16px 0}.pricing-desktop-addon{display:flex;gap:3px;background:color-mix(in srgb,#fbbf24 2%,var(--app-bg));border:1px solid rgba(251,191,36,.2);border-radius:20px;padding:3px;width:fit-content;align-self:center;margin-bottom:12px;-webkit-user-select:none;user-select:none}.pricing-desktop-addon-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 14px;border-radius:20px;border:none;background:transparent;color:var(--app-text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.pricing-desktop-addon-btn:hover{color:var(--app-text)}.pricing-desktop-addon-btn.active{background:#fbbf2424;color:#fbbf24}.pricing-desktop-addon-price{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 5px;border-radius:6px;background:#fbbf2426;color:#fbbf24}@media(max-width:700px){.pricing-modal-header{padding:20px 20px 16px}.pricing-modal-body{padding:28px 16px 40px}.pricing-modal-title{font-size:17px}.pricing-modal-grid.landing-pricing-grid-v2{grid-template-columns:1fr;border-radius:12px}.pricing-modal-grid .landing-pricing-card-v2:first-child{border-radius:12px 12px 0 0}.pricing-modal-grid .landing-pricing-card-v2:last-child{border-radius:0 0 12px 12px}.pricing-modal-grid .landing-pricing-card-v2:not(.landing-pricing-card-v2--core):not(.landing-pricing-card-v2--pro) .landing-pricing-tier{margin-bottom:10px}}.machine-picker-modal{max-width:380px;padding:28px 28px 24px}.machine-picker-title{font-size:17px;font-weight:600;color:var(--app-white);margin:0 0 20px;text-align:center}.machine-picker-cards{display:flex;gap:12px}.machine-picker-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;border-radius:8px;border:2px solid var(--app-border);background:var(--app-surface);cursor:pointer;transition:border-color .15s,background .15s}.machine-picker-card:hover{border-color:var(--app-accent);background:var(--app-panel)}.machine-picker-name{font-size:20px;font-weight:700;color:var(--app-white);letter-spacing:.5px}.machine-picker-slots{font-size:13px;color:var(--app-text-dim)}@media(max-width:480px){.machine-picker-cards{flex-direction:column}}:root{--app-bg: #0c0c0e;--app-panel: #1a1a1d;--app-surface: #222226;--app-border: #2e2e33;--app-border-light: #3a3a40;--app-text: #e8e8ec;--app-text-dim: #90909a;--app-accent: #7bed00;--app-accent-hover: #9fff33;--app-red: #ff3b5c;--app-orange: #ff6b35;--app-yellow: #ffd93d;--app-lime: #7bed00;--app-green: #00c853;--app-skyblue: #00d4ff;--app-lightblue: #5eb8ff;--app-blue: #2196f3;--app-purple: #b388ff;--app-magenta: #ff4081;--app-pink: #ff80ab;--app-white: #ffffff;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--bg-elevated: rgba(255, 255, 255, .02);--bg-hover: rgba(255, 255, 255, .04)}*{box-sizing:border-box;margin:0;padding:0}*:focus{outline:none}button{-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}html.is-electron,html.is-electron body{height:100%;overflow:hidden}.btn-tooltip-wrap{position:relative;display:flex}.grid-export-cell .btn-tooltip-wrap{width:100%}.btn-tooltip-wrap:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);opacity:0;pointer-events:none;background:var(--app-surface);border:1px solid var(--app-border-light);color:var(--app-text-dim);font-size:11px;letter-spacing:.7px;padding:7px 13px;border-radius:6px;white-space:nowrap;z-index:300;transition:opacity .18s ease,transform .18s ease}.btn-tooltip-wrap:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(5px);opacity:0;pointer-events:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--app-border-light);z-index:301;transition:opacity .18s ease,transform .18s ease}.btn-tooltip-wrap:has(:disabled):hover:after,.btn-tooltip-wrap:has(:disabled):hover:before{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.5s}.btn-tooltip-wrap:has(.saving):hover:after,.btn-tooltip-wrap:has(.saving):hover:before{opacity:0;transition-delay:0s}.btn-tooltip-wrap--always:hover:after,.btn-tooltip-wrap--always:hover:before{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.5s}.btn-tooltip-wrap--active-tip:after{content:attr(data-tip-active)}.btn-tooltip-wrap--active-tip:has(:disabled):after{content:attr(data-tip)}.btn-tooltip-wrap--active-tip:hover:after,.btn-tooltip-wrap--active-tip:hover:before{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.5s}.btn-tooltip-wrap--active-tip:has(.saving):hover:after,.btn-tooltip-wrap--active-tip:has(.saving):hover:before{opacity:0;transition-delay:0s}body{font-family:Segoe UI,Roboto,system-ui,sans-serif;background:var(--app-bg);color:var(--app-text);min-height:100dvh}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(123,237,0,.07) 0%,transparent 65%),radial-gradient(ellipse 70% 55% at 100% 110%,rgba(33,150,243,.05) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 0% 110%,rgba(123,237,0,.03) 0%,transparent 60%)}#root{position:relative;z-index:1}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--app-text-dim);letter-spacing:1px}.deletion-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.deletion-gate-card{background:var(--app-surface);border:1px solid #5c1a1a;border-radius:12px;padding:36px;max-width:480px;width:100%;display:flex;flex-direction:column;gap:16px}.deletion-gate-title{font-size:20px;font-weight:700;color:#e05555}.deletion-gate-body{font-size:14px;color:var(--app-text-dim);line-height:1.6}.deletion-gate-body strong{color:var(--app-text)}.deletion-gate-error{font-size:13px;color:#e05555}.deletion-gate-actions{display:flex;gap:12px;margin-top:8px}.deletion-gate-recover{background:var(--app-accent);border:none;border-radius:6px;color:var(--app-bg);font-size:14px;font-weight:600;padding:10px 20px;cursor:pointer;transition:background .15s,opacity .15s}.deletion-gate-recover:hover:not(:disabled){background:var(--app-accent-hover)}.deletion-gate-recover:disabled{opacity:.5;cursor:not-allowed}.deletion-gate-signout{background:transparent;border:1px solid var(--app-border);border-radius:6px;color:var(--app-text-dim);font-size:14px;font-weight:500;padding:10px 20px;cursor:pointer;transition:border-color .15s,color .15s}.deletion-gate-signout:hover:not(:disabled){border-color:var(--app-text);color:var(--app-text)}.deletion-gate-signout:disabled{opacity:.5;cursor:not-allowed}.billing-interval-pill{display:flex;gap:3px;background:color-mix(in srgb,var(--app-accent) 2%,var(--app-bg));border:1px solid rgba(123,237,0,.2);border-radius:20px;padding:3px;width:fit-content}.billing-interval-pill-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;border:none;background:transparent;color:var(--app-text-dim);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;letter-spacing:.2px}.billing-interval-pill-btn.active{background:#7bed0024;color:var(--app-accent)}.billing-interval-save-badge{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--app-bg);background:var(--app-accent);border-radius:10px;padding:2px 5px}.billing-interval-billed{font-size:14px;font-weight:500;color:var(--app-text-dim);line-height:1}