@import "https://fonts.googleapis.com/css2?family=Lexend:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Material+Symbols+Outlined:FILL@0..1&display=swap";.public-header-hoppla{--header-gutter:clamp(16px, 2.5vw, 36px);--header-pill-h:40px;--header-pill-w:132px;padding-top:max(14px, env(safe-area-inset-top));padding-inline:var(--header-gutter);will-change:transform;transition:transform .22s,opacity .18s;transform:translateY(0)}.public-header-hoppla .public-header-bar{width:min(1320px,100%);min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;margin-inline:auto;padding:0;display:grid}.public-header-hoppla .brand-public{align-self:start;align-items:center;min-height:40px;padding-top:9px;display:inline-flex}.public-header-hoppla .brand-logo{object-fit:contain;filter:drop-shadow(0 10px 20px #02061714);width:auto;max-width:min(230px,28vw);height:36px}.public-header-hoppla .public-nav{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;flex:none;grid-template-rows:auto auto;justify-content:stretch;align-items:center;gap:10px;padding:0;display:grid;position:static}.public-header-hoppla .public-nav-links{border-bottom:1px solid var(--hoppla-rail-line);justify-content:center;align-items:center;gap:clamp(.7rem,2vw,1.55rem);width:100%;min-height:42px;padding:10px 0 11px;display:flex}.public-header-hoppla .public-nav-links a,.public-header-hoppla .public-login-link{color:var(--hoppla-nav-text);font-family:var(--hoppla-font-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:950;transition:color .18s,transform .18s}.public-header-hoppla .public-nav-links a:hover,.public-header-hoppla .public-login-link:hover{color:var(--tone-brand-light);transform:translateY(-1px)}.public-header-hoppla .public-header-actions{justify-content:center;gap:10px;min-width:0}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{min-height:var(--header-pill-h);min-width:var(--header-pill-w);color:#e2e8f0e6;-webkit-backdrop-filter:blur(10px);font-family:var(--hoppla-font-sans);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:950;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 20px #0206170f}.public-header-hoppla .theme-toggle-button:hover,.public-header-hoppla .language-picker-button:hover,.public-header-hoppla .public-login-link:hover,.public-header-hoppla .nav-cta:hover,.public-header-hoppla .public-early-access-header-button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #0206171a}.public-header-hoppla .public-theme-pill{width:auto;height:auto}.public-header-hoppla .public-theme-pill svg{width:16px;height:16px}.public-header-hoppla .language-picker-code{min-width:auto;height:auto;color:inherit;letter-spacing:.14em;border:0;font-size:11px}.public-header-hoppla .language-picker-menu{background:#fffffff5;border-color:#94a3b838;box-shadow:0 18px 44px #0206171f}.public-header-hoppla .nav-cta{color:#fff;background:#1967c3;border-color:#1967c36b;box-shadow:0 18px 38px #1967c338}.public-header-hoppla .public-early-access-header-button{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b57;grid-template-columns:1.1rem auto 1.1rem;display:inline-grid;box-shadow:0 12px 28px #f59e0b1a}.public-header-hoppla .public-early-access-header-buttonArrow{color:currentColor}.public-nav-toggle-bars{flex-direction:column;gap:5px;display:inline-flex}.public-nav-toggle-bars span{border-radius:999px;width:24px;height:3px}.public-nav-toggle-bars [data-tone=blue]{background:#38bdf8}.public-nav-toggle-bars [data-tone=amber]{background:#f59e0b}.public-nav-toggle-bars [data-tone=emerald]{background:#34d399}:root[data-theme=light] .public-header-hoppla .theme-toggle-button,:root[data-theme=light] .public-header-hoppla .language-picker-button,:root[data-theme=light] .public-header-hoppla .public-login-link,:root[data-theme=light] .public-header-hoppla .public-early-access-header-button,:root.light .public-header-hoppla .theme-toggle-button,:root.light .public-header-hoppla .language-picker-button,:root.light .public-header-hoppla .public-login-link,:root.light .public-header-hoppla .public-early-access-header-button,html.light .public-header-hoppla .theme-toggle-button,html.light .public-header-hoppla .language-picker-button,html.light .public-header-hoppla .public-login-link,html.light .public-header-hoppla .public-early-access-header-button{color:#020617c7;background:#ffffffb8;border-color:#0206171a;box-shadow:0 10px 20px #0206170f}:root[data-theme=dark] .public-header-hoppla .public-nav-links a,:root[data-theme=dark] .public-header-hoppla .public-login-link,:root.dark .public-header-hoppla .public-nav-links a,:root.dark .public-header-hoppla .public-login-link,html.dark .public-header-hoppla .public-nav-links a,html.dark .public-header-hoppla .public-login-link{color:#e2e8f0eb}:root[data-theme=dark] .public-header-hoppla .public-nav-links,:root.dark .public-header-hoppla .public-nav-links,html.dark .public-header-hoppla .public-nav-links{border-bottom-color:#e2e8f029}@media (width<=1120px){.public-header-hoppla .public-header-actions{gap:7px}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{--header-pill-w:112px;padding-inline:10px;font-size:10px}}@media (width<=980px){.public-header-hoppla{padding-top:max(10px, env(safe-area-inset-top));padding-inline:var(--page-gutter,16px)}.public-header-hoppla .public-header-bar{justify-content:space-between;align-items:center;min-height:58px;padding:0;display:flex}.public-header-hoppla .brand-public{padding-top:0}.public-header-hoppla .brand-logo{max-width:min(210px,100vw - 104px);height:34px}.public-header-hoppla .public-nav-toggle{z-index:140;color:#e2e8f0e6;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:40px;display:inline-flex;position:relative;box-shadow:0 12px 26px #0003}:root[data-theme=light] .public-header-hoppla .public-nav-toggle,:root.light .public-header-hoppla .public-nav-toggle,html.light .public-header-hoppla .public-nav-toggle{color:#020617c7;background:#ffffffb8;border-color:#0206171a;box-shadow:0 12px 26px #02061714}.public-header-hoppla .public-nav{z-index:120;width:100%;max-width:none;padding:max(20px, env(safe-area-inset-top)) 20px 24px;color:#111827;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transition:transform .22s,opacity .18s,visibility .18s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.public-header-hoppla .public-nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}:root[data-theme=dark] .public-header-hoppla .public-nav,:root.dark .public-header-hoppla .public-nav,html.dark .public-header-hoppla .public-nav{color:#e2e8f0f0;background:#020617fa}.public-header-hoppla .public-nav-links{border-top:1px solid #e2e8f0eb;border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;margin-top:58px;padding:0}.public-header-hoppla .public-nav-links a{color:#111827;letter-spacing:0;text-transform:none;border-bottom:1px solid #e2e8f0eb;justify-content:space-between;align-items:center;min-height:54px;font-size:1rem;font-weight:800;display:flex}:root[data-theme=dark] .public-header-hoppla .public-nav-links,:root[data-theme=dark] .public-header-hoppla .public-nav-links a,:root.dark .public-header-hoppla .public-nav-links,:root.dark .public-header-hoppla .public-nav-links a,html.dark .public-header-hoppla .public-nav-links,html.dark .public-header-hoppla .public-nav-links a{color:#e2e8f0f0;border-color:#94a3b838}.public-header-hoppla .public-header-actions{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:grid}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{width:100%;min-width:0;min-height:46px}.public-header-hoppla .public-login-link{order:2}.public-header-hoppla .nav-cta{order:1}.public-header-hoppla .public-early-access-header-button{order:3}.public-header-hoppla .theme-toggle-button{order:4}.public-header-hoppla .language-picker{order:5;width:100%}.public-header-hoppla .language-picker-menu{width:100%;margin-top:8px;position:static}}.qh-home-header-frame{z-index:90;pointer-events:none;width:100%;padding:max(8px, env(safe-area-inset-top)) 0 0;transition:transform .22s,opacity .18s;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.qh-home-header-frame:before{content:"";pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#020617b8;width:100%;height:100%;transition:opacity .18s,background .18s,box-shadow .18s;position:absolute;inset:0 0 auto;box-shadow:0 18px 45px #0206172e}.qh-home-header-frame:after{content:"";z-index:1;pointer-events:none;opacity:1;background:#94a3b847;height:1px;transition:background .18s,opacity .18s;position:absolute;bottom:0;left:0;right:0}.qh-home-header-scrolled:before,.qh-home-header-menu-open:before{opacity:1}:root[data-theme=light] .qh-home-header-frame:before,:root:not([data-theme=dark]) .qh-home-header-frame:before{background:#ffffffe6;box-shadow:0 18px 45px #0206171a}:root[data-theme=light] .qh-home-header-frame:after,:root:not([data-theme=dark]) .qh-home-header-frame:after{background:#0f172a24}.qh-home-header-hidden{transform:translateY(calc(-100% - 18px))}.qh-home-header-menu-open{transform:translateY(0)}.qh-home-header-inner{z-index:2;width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max);pointer-events:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-inline:auto;padding-inline:0;transition:padding .18s;position:relative}.qh-home-header-scrolled .qh-home-header-inner,.qh-home-header-menu-open .qh-home-header-inner{padding-inline:0}.qh-home-header-top-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 0 12px;display:flex}.qh-home-header-logo-btn{cursor:pointer;background:0 0;border:0;align-items:center;min-width:0;min-height:48px;margin:0;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.qh-home-header-logo-stage,.qh-home-header-wordmark-wrap{align-items:center;line-height:1;display:inline-flex;position:relative}.qh-home-header-logo{object-fit:contain;width:auto;max-width:min(135px,18vw);height:26px;display:block}.qh-home-header-actions{--hoppla-pill-h:40px;--hoppla-pill-w:124px;flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.qh-home-header-actions-mobile{display:none}.qh-home-header-actions .language-picker-button,.qh-home-header-early,.qh-home-header-primary,.qh-home-header-secondary{text-transform:uppercase;white-space:nowrap;font-family:var(--hoppla-font-sans);flex:0 auto;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;box-shadow:0 10px 20px #0206170f;height:var(--hoppla-pill-h)!important;min-width:var(--hoppla-pill-w)!important;letter-spacing:.14em!important;color:#e2e8f0db!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;font-size:11px!important;font-weight:900!important;display:inline-flex!important}.qh-home-header-actions .language-picker-button span:not(.language-picker-code),.qh-home-header-actions .language-picker-button svg{display:none!important}.qh-home-header-actions .language-picker-code{min-width:0;height:auto;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.qh-home-header-primary{color:#fff!important;background:#1967c3!important;border-color:#1967c357!important}.qh-home-header-early{gap:7px;animation:1.55s ease-in-out infinite qhEarlyAccessPulse;color:#fb7185!important;background:#f43f5e24!important;border-color:#f43f5e6b!important}.qh-home-header-early-arrow{justify-content:center;align-items:center;font-size:14px;line-height:1;transition:transform .18s;display:inline-flex;transform:translate(0)}.qh-home-header-early:hover .qh-home-header-early-arrow{transform:translate(2px)}.qh-home-header-early:hover .qh-home-header-early-arrow-right{transform:translate(-2px)}:root[data-theme=light] .qh-home-header-actions .language-picker-button,:root[data-theme=light] .qh-home-header-early,:root[data-theme=light] .qh-home-header-secondary,:root:not([data-theme=dark]) .qh-home-header-actions .language-picker-button,:root:not([data-theme=dark]) .qh-home-header-early,:root:not([data-theme=dark]) .qh-home-header-secondary{color:#020617b8!important;background:#ffffffb8!important;border-color:#0206171a!important}:root[data-theme=light] .qh-home-header-early,:root:not([data-theme=dark]) .qh-home-header-early{color:#be123c!important;background:#e11d481a!important;border-color:#e11d483d!important}.qh-home-header-actions .language-picker-button:hover,.qh-home-header-early:hover,.qh-home-header-primary:hover,.qh-home-header-secondary:hover{transform:translateY(-1px)}.qh-home-header-actions .language-picker-button:hover{box-shadow:0 14px 28px #0ea5e929;color:#7dd3fc!important;background:#38bdf824!important;border-color:#38bdf86b!important}.qh-home-header-early:hover{box-shadow:0 14px 30px #e11d4838;color:#fff!important;background:#e11d48!important;border-color:#f43f5e9e!important}.qh-home-header-primary:hover{box-shadow:0 14px 30px #1967c33d;color:#fff!important;background:#1967c3!important;border-color:#1967c38f!important}.qh-home-header-secondary:hover{box-shadow:0 14px 30px #10b98129;color:#34d399!important;background:#10b98129!important;border-color:#10b98175!important}.qh-home-header-nav{border-top:0;border-bottom:0;justify-content:space-between;align-items:center;gap:clamp(18px,4vw,72px);width:100%;padding:12px 0 14px;display:flex}.qh-home-header-nav-item{appearance:none;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0db;white-space:nowrap;font-size:12px;font-weight:950;font-family:var(--hoppla-font-sans);background:0 0;border:0;text-decoration:none;transition:transform .16s,color .16s,opacity .16s}:root[data-theme=light] .qh-home-header-nav-item,:root:not([data-theme=dark]) .qh-home-header-nav-item{color:#020617b8}.qh-home-header-nav-item:hover{color:#38bdf8f2;transform:translateY(-1px)}.qh-home-header-menu-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#e2e8f0e6;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:40px;transition:transform .18s,filter .18s,box-shadow .18s;display:none;box-shadow:0 12px 26px #0003}.qh-home-header-menu-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 34px #00000042}:root[data-theme=light] .qh-home-header-menu-btn,:root:not([data-theme=dark]) .qh-home-header-menu-btn{color:#020617c7;background:#ffffffb8;border-color:#0206171a;box-shadow:0 12px 26px #02061714}.qh-home-header-menu-bars{flex-direction:column;gap:6px;display:inline-flex}.qh-home-header-menu-bar{border-radius:999px;width:24px;height:3px}.qh-home-header-menu-bar[data-tone=oneoff]{background:#f59e0b}.qh-home-header-menu-bar[data-tone=services]{background:#38bdf8}:root[data-theme=light] .qh-home-header-menu-bar[data-tone=oneoff],:root:not([data-theme=dark]) .qh-home-header-menu-bar[data-tone=oneoff]{background:#f59e0b}:root[data-theme=light] .qh-home-header-menu-bar[data-tone=services],:root:not([data-theme=dark]) .qh-home-header-menu-bar[data-tone=services]{background:#0ea5e9}@media (width<=860px){.qh-home-header-nav{flex-wrap:wrap;justify-content:center;gap:18px}}@media (width<=980px){.qh-home-header-frame{padding-top:max(8px, env(safe-area-inset-top))}.qh-home-header-inner{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max);box-shadow:none;background:0 0;border:0;padding-inline:0}.qh-home-header-scrolled .qh-home-header-inner,.qh-home-header-menu-open .qh-home-header-inner{border:0;border-radius:0;padding-inline:0}.qh-home-header-top-row{min-height:64px;padding:12px 0}.qh-home-header-logo{max-width:min(125px,100vw - 108px);height:24px}.qh-home-header-actions-desktop{display:none}.qh-home-header-menu-btn{z-index:142;display:inline-flex;position:relative}.qh-home-header-nav{z-index:130;color:#111827;opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:100dvh;padding:92px 20px 24px;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s,visibility .18s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}:root[data-theme=dark] .qh-home-header-nav{color:#f1f5f9f5;background:#09101bfc}.qh-home-header-nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,0)}.qh-home-header-nav-item{color:#111827;letter-spacing:0;text-transform:none;border-bottom:1px solid #e2e8f0eb;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:1rem;font-weight:700;transition:background .18s,color .18s;display:flex}.qh-home-header-nav-item:first-child{border-top:1px solid #e2e8f0eb}:root[data-theme=dark] .qh-home-header-nav-item{color:#f1f5f9f5;border-bottom-color:#1e293bf2}:root[data-theme=dark] .qh-home-header-nav-item:first-child{border-top-color:#1e293bf2}.qh-home-header-nav-item:hover{color:#111827;background:#f8fafcf5;transform:none}:root[data-theme=dark] .qh-home-header-nav-item:hover{color:#f1f5f9f5;background:#0f172ad6}.qh-home-header-actions-mobile{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:grid}.qh-home-header-actions-mobile .language-picker,.qh-home-header-actions-mobile .language-picker-button,.qh-home-header-actions-mobile .qh-home-header-early,.qh-home-header-actions-mobile .qh-home-header-primary,.qh-home-header-actions-mobile .qh-home-header-secondary{width:100%}.qh-home-header-actions-mobile .language-picker-button,.qh-home-header-actions-mobile .qh-home-header-early,.qh-home-header-actions-mobile .qh-home-header-primary,.qh-home-header-actions-mobile .qh-home-header-secondary{min-width:0!important;height:44px!important;min-height:44px!important}}@media (width<=420px){.qh-home-header-actions{--hoppla-pill-h:36px;--hoppla-pill-w:104px}.qh-home-header-logo{max-width:min(114px,100vw - 102px);height:22px}}@media (prefers-reduced-motion:reduce){.qh-home-header-frame,.qh-home-header-inner,.qh-home-header-nav,.qh-home-header-nav-item,.qh-home-header-actions .language-picker-button,.qh-home-header-early,.qh-home-header-primary,.qh-home-header-secondary,.qh-home-header-menu-btn{transition:none!important}.qh-home-header-early{animation:none!important}}@keyframes qhEarlyAccessPulse{0%,to{filter:brightness();box-shadow:0 10px 20px #0206170f,0 0 #f43f5e00}50%{filter:brightness(1.08);box-shadow:0 14px 30px #e11d4833,0 0 18px #f43f5e57}}.content-public,.content-public-home{padding-top:calc(var(--public-header-height) + 4.15rem)!important}@media (width<=640px){.content-public,.content-public-home{padding-top:calc(var(--public-header-height) + 3.65rem)!important}}.solutions-page{margin-top:0!important}.solutions-hero,.contact-general-page{padding-top:10px!important}.contact-general-page .contact-simple-shell{gap:1rem;width:min(100%,72rem)}.contact-general-page .hoppla-local-request-form.contact-simple-form{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.public-footer{border-top:0!important;margin-top:1rem!important;padding-top:1.25rem!important}.public-footer-main{padding-top:0!important}@media (width<=640px){.solutions-hero,.contact-general-page{padding-top:8px!important}.public-footer{margin-top:.75rem!important;padding-top:1rem!important}}@media (width<=430px){.public-header-hoppla .brand-logo{max-width:min(188px,100vw - 100px);height:30px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-gutter:clamp(20px, 2.8vw, 36px);--content-max:1440px;--public-header-height:5.5rem;--hoppla-font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hoppla-font-logo:"Lexend", var(--hoppla-font-sans);--hoppla-font-title:var(--hoppla-font-logo);--hoppla-font-hand:var(--hoppla-font-title);--hoppla-font-body:var(--hoppla-font-sans);--tone-brand-light:#1967c3;--tone-sky:#1967c3;--tone-sky-soft:#1967c3;--tone-emerald:#10b981;--tone-emerald-soft:#34d399;--tone-indigo:#6366f1;--tone-indigo-soft:#818cf8;--tone-amber:#f59e0b;--tone-amber-soft:#fbbf24;--tone-rose:#f43f5e;--tone-rose-dark:#f43f5e;--tone-rose-soft:#fb7185;--hoppla-bg:#fff;--hoppla-text:#0f172a;--hoppla-text-soft:#020617b8;--hoppla-accent:#1967c3;--hoppla-surface:#ffffffc7;--hoppla-surface-strong:#fffffff0;--hoppla-border:#0206171f;--hoppla-surface-lowest:#fff;--hoppla-surface-low:#f6f8fb;--hoppla-surface-container:#f1f5f9;--hoppla-surface-elevated:#ffffffeb;--hoppla-panel-shadow:0 18px 40px #17223514;--hoppla-panel-shadow-strong:0 28px 60px #1722351f;--hoppla-type-title:clamp(32px, 2.8vw, 46px);--hoppla-type-subtitle:clamp(20px, 1.7vw, 26px);--hoppla-type-body:clamp(16px, calc(.35vw + 14px), 18px);--hoppla-type-body-sm:clamp(14px, calc(.25vw + 12px), 16px);--hoppla-type-kicker:clamp(11px, calc(.15vw + 10px), 12px);--hoppla-type-btn:clamp(12px, calc(.2vw + 11px), 13px);--hoppla-card-radius:24px;--hoppla-card-radius-lg:32px;--hoppla-card-shadow:0 18px 40px #17223514;--hoppla-card-shadow-lg:0 28px 60px #1722351f;--hoppla-hero-kicker:#0206179e;--hoppla-hero-title:#0f172a;--hoppla-hero-footer:#02061785;--hoppla-nav-text:#020617d1;--hoppla-rail-line:#0206171a;--hoppla-rail-text:#020617e0;--hoppla-focus-inset-y:22px;--hoppla-shell-pad-x:10px;--hoppla-footer-safe:48px;--bg:var(--hoppla-bg);--bg-soft:#f6f8fb;--surface:var(--hoppla-surface);--surface-strong:var(--hoppla-surface-strong);--line:var(--hoppla-border);--ink:var(--hoppla-text);--muted:var(--hoppla-text-soft);--brand:var(--tone-brand-light);--accent:var(--hoppla-accent);--accent-soft:#1967c31f;--success:var(--tone-emerald);--danger:var(--tone-rose-dark);--danger-soft:#f43f5e1f;--indigo:var(--tone-indigo);--rose:var(--tone-rose-dark);--shadow:var(--hoppla-card-shadow);font-family:var(--hoppla-font-sans);background:var(--hoppla-bg);color:var(--ink)}:root[data-theme=light],:root.light,html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hoppla-bg:#fff;--hoppla-text:#0f172a;--hoppla-text-soft:#020617b8;--hoppla-accent:#1967c3;--hoppla-surface:#ffffffc7;--hoppla-surface-strong:#fffffff0;--hoppla-border:#0206171f;--hoppla-surface-lowest:#fff;--hoppla-surface-low:#f6f8fb;--hoppla-surface-container:#f1f5f9;--hoppla-surface-elevated:#ffffffeb;--hoppla-panel-shadow:0 18px 40px #17223514;--hoppla-panel-shadow-strong:0 28px 60px #1722351f;--hoppla-hero-kicker:#0206179e;--hoppla-hero-title:#0f172a;--hoppla-hero-footer:#02061785;--hoppla-nav-text:#020617d1;--hoppla-rail-line:#0206171a;--hoppla-rail-text:#020617e0}:root[data-theme=dark],:root.dark,html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hoppla-bg:#020617;--hoppla-text:#fff;--hoppla-text-soft:#e2e8f0cc;--hoppla-accent:#38bdf8;--hoppla-surface:#02061738;--hoppla-surface-strong:#0206175c;--hoppla-border:#ffffff24;--hoppla-surface-lowest:#0f172ae0;--hoppla-surface-low:#0f172ab8;--hoppla-surface-container:#0f172a9e;--hoppla-surface-elevated:#020617e6;--hoppla-panel-shadow:0 22px 46px #02061747;--hoppla-panel-shadow-strong:0 30px 64px #02061757;--hoppla-hero-kicker:#ffffffc7;--hoppla-hero-title:#fff;--hoppla-hero-footer:#ffffff9e;--hoppla-nav-text:#e2e8f0eb;--hoppla-rail-line:#ffffff1a;--hoppla-rail-text:#e2e8f0f0;--bg-soft:#0f172a80;--line:var(--hoppla-border);--ink:var(--hoppla-text);--muted:var(--hoppla-text-soft)}@media (width>=1024px){:root{--hoppla-shell-pad-x:16px;--hoppla-focus-inset-y:26px}}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:clip}@supports not (overflow-x:clip){html,body,#root{overflow-x:hidden}}body{background:radial-gradient(1100px circle at 0% 22%, #38bdf814, transparent 58%), radial-gradient(900px circle at 92% 8%, #6366f129, transparent 58%), var(--hoppla-bg);min-height:100vh;color:var(--ink);font-family:var(--hoppla-font-sans);margin:0}.auth-page-root{background:radial-gradient(48rem 48rem at 0% 10%, #38bdf814, transparent 58%), radial-gradient(34rem 34rem at 100% 0%, #6366f11f, transparent 54%), linear-gradient(180deg, var(--hoppla-surface-low) 0%, var(--hoppla-surface-lowest) 26%);min-height:100vh;position:relative}.auth-modal-shell{z-index:90;place-items:center;padding:clamp(.75rem,2vw,1.5rem);display:grid;position:fixed;inset:0}.auth-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b;position:absolute;inset:0}.auth-modal-frame{z-index:1;width:min(100%,1220px);height:min(92vh,980px);max-height:min(92vh,980px);box-shadow:var(--hoppla-panel-shadow-strong);border-radius:1.5rem;position:relative;overflow:hidden}.auth-modal-close{z-index:3;border:0;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);width:2.75rem;height:2.75rem;color:var(--hoppla-text);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:1rem;right:1rem;box-shadow:0 10px 24px #0f172a1f}.auth-screen{background:linear-gradient(180deg, var(--hoppla-surface-low) 0%, var(--hoppla-surface-lowest) 100%);grid-template-columns:60vw 40vw;width:100%;height:100%;min-height:100%;max-height:100%;display:grid;overflow:hidden}.auth-screen-visual{background:radial-gradient(circle at top left, #38bdf82e, transparent 42%), radial-gradient(circle at bottom right, #6366f12e, transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--hoppla-surface-low) 84%, #fff) 0%, color-mix(in srgb, var(--tone-brand-light) 12%, var(--hoppla-surface-lowest)) 100%);justify-content:center;align-items:center;min-width:0;padding:3rem;display:none;position:relative;overflow:hidden}.auth-screen-dots{opacity:.2;background-image:radial-gradient(var(--tone-brand-light) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.auth-screen-glow{filter:blur(72px);opacity:.28;border-radius:999px;position:absolute}.auth-screen-glow-left{background:#60a5fa;width:18rem;height:18rem;top:16%;left:-4rem}.auth-screen-glow-right{background:#a78bfa;width:20rem;height:20rem;top:28%;right:-5rem}.auth-screen-visual-card{z-index:1;text-align:center;gap:1.25rem;max-width:34rem;display:grid;position:relative}.auth-screen-visual-badge{background:color-mix(in srgb, var(--hoppla-surface-elevated) 84%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:7rem;height:7rem;color:var(--tone-brand-light);border:1px solid color-mix(in srgb, var(--tone-brand-light) 16%, var(--hoppla-border));border-radius:1.25rem;place-items:center;margin:0 auto;display:grid;box-shadow:0 24px 42px #1967c32e}.auth-screen-visual-badge img{object-fit:contain;width:100%;max-width:4.25rem;height:auto}.auth-screen-visual-card h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.08}.auth-screen-visual-card p{color:var(--hoppla-text-soft);margin:0;font-size:1.03rem;line-height:1.75}.auth-screen-panel{background:var(--hoppla-surface-elevated);overscroll-behavior:contain;scrollbar-gutter:stable;justify-content:center;align-items:flex-start;min-width:0;height:100%;min-height:0;padding:2rem clamp(1.5rem,4vw,3rem);display:flex;overflow-y:auto}.auth-panel{gap:1.4rem;width:min(100%,25.5rem);min-height:min-content;margin:0 auto;display:grid}.auth-brand{align-items:center;display:inline-flex}.auth-brand-logo{object-fit:contain;width:auto;height:3rem}.auth-panel-head{gap:.45rem;display:grid}.auth-panel-head h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.auth-panel-head p{color:var(--hoppla-text-soft);margin:0;font-size:.95rem;line-height:1.65}.auth-form-stack{gap:1rem;display:grid}.auth-inline-banner{color:#1e3a8a;background:#eff4ff;border:1px solid #1967c31f;border-radius:.9rem;gap:.32rem;padding:.95rem 1rem;font-size:.92rem;line-height:1.55;display:grid}.auth-inline-banner-soft{color:#475569;background:#f8f9ff}.auth-inline-verifyRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:.4rem;display:grid}.code-verify-shell{color:#1557a6;background:linear-gradient(#eaf3ffd1,#fffffffa);border:1px solid #1967c32e;border-radius:1rem;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.9rem 1.05rem;display:inline-flex;box-shadow:0 16px 30px #1967c314}.code-verify-shell strong{letter-spacing:.01em;font-size:.92rem;font-weight:800}.code-verify-input{width:100%}.code-verify-grid{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.code-verify-slot{color:#0f172a;text-align:center;letter-spacing:.01em;background:#fff;border:1px solid #1967c32e;border-radius:.95rem;width:3rem;height:3.35rem;font-size:1.08rem;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s;box-shadow:0 10px 24px #1967c314}.code-verify-slot:focus{background:#fff;border-color:#1967c3;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #1967c31f,0 14px 28px #1967c31f}.code-verify-slot.is-filled{background:#eaf3ff;border-color:#1967c342}.code-verify-separator{color:#1967c3;-webkit-user-select:none;user-select:none;align-self:center;font-size:1rem;font-weight:900;line-height:1}.input-invalid.code-verify-input .code-verify-slot,.code-verify-input.input-invalid .code-verify-slot{border-color:#dc262659;box-shadow:0 10px 24px #dc262614}.code-verify-shell.is-success{color:#15803d;background:linear-gradient(#f0fdf4eb,#fffffffa);border-color:#10a34a3d;box-shadow:0 16px 30px #10a34a14}.code-verify-spinner{border:2px solid #1967c32e;border-top-color:#1967c3;border-radius:999px;flex:0 0 1.2rem;width:1.2rem;height:1.2rem;animation:.8s linear infinite code-verify-spin}.code-verify-check{color:#16a34a;background:#10a34a24;border-radius:999px;flex:0 0 1.4rem;place-items:center;width:1.4rem;height:1.4rem;font-size:.94rem;font-weight:900;display:inline-grid}@keyframes code-verify-spin{to{transform:rotate(360deg)}}@media (width<=640px){.code-verify-grid{gap:.45rem}.code-verify-slot{border-radius:.82rem;width:2.7rem;height:3rem;font-size:1rem}}.auth-form{gap:1rem;display:grid}.turnstile-widget{justify-content:center;width:100%;min-height:68px;display:flex}.auth-turnstile{justify-content:flex-start}.auth-field{gap:.45rem;display:grid}.auth-field label{color:#1b1b1f;font-size:.92rem;font-weight:600}.auth-field small{color:#6b7280;font-size:.8rem;line-height:1.5}.auth-input.input{color:#1b1b1f;width:100%;min-height:3rem;box-shadow:none;background:#fff;border:1px solid #c4c6d0;border-radius:.5rem;padding:.9rem 1rem}.auth-input.input:focus{border-color:var(--tone-brand-light);box-shadow:0 0 0 1px var(--tone-brand-light)}.auth-password-wrap{position:relative}.auth-input-with-toggle.input{padding-right:3.25rem}.auth-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-actions-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-checkbox{color:#44464f;align-items:center;gap:.7rem;font-size:.9rem;display:inline-flex}.auth-checkbox input{width:1rem;height:1rem;accent-color:var(--tone-brand-light)}.auth-inline-link,.auth-switch-link{color:var(--tone-brand-light);font-size:.9rem;font-weight:600}.auth-switch-link-accent{color:var(--tone-emerald)}.auth-inline-link-alert{color:var(--tone-rose-dark);animation:.55s ease-in-out 3 auth-link-alert-blink}.auth-submit-button,.auth-secondary-button,.auth-google-fallback{width:100%;min-height:3rem;font-family:var(--hoppla-font-title);letter-spacing:.03em;text-transform:uppercase;border:0;border-radius:.5rem;padding:.85rem 1rem;font-size:.88rem;font-weight:800;transition:background-color .2s,border-color .2s,transform .2s}.auth-submit-button{background:var(--tone-brand-light);color:#fff;box-shadow:0 10px 20px #1967c329}.auth-submit-button:hover:not(:disabled),.auth-secondary-button:hover:not(:disabled),.auth-google-fallback:hover:not(:disabled){transform:translateY(-1px)}.auth-submit-button:disabled,.auth-secondary-button:disabled,.auth-google-fallback:disabled{cursor:not-allowed;opacity:.66}.auth-secondary-button{color:#1b1b1f;background:#fff;border:1px solid #c4c6d0}.auth-secondary-button-muted{background:#f8f9ff}.auth-divider{justify-content:center;margin:.2rem 0;display:flex;position:relative}.auth-divider:before{content:"";border-top:1px solid #c4c6d094;position:absolute;inset:50% 0 auto}.auth-divider span{z-index:1;color:#6b7280;background:#fff;padding:0 1rem;font-size:.85rem;font-weight:500;position:relative}.auth-google-wrap{gap:.55rem;display:grid;position:relative}.auth-google-head{justify-content:center;display:flex}.auth-google-head span{color:#44464f;font-size:.84rem;font-weight:600}.auth-google-slot{min-height:44px}.auth-google-slot-ready+.auth-google-fallback{display:none}.auth-google-fallback{color:#1b1b1f;background:#fff;border:1px solid #c4c6d0}.auth-footer-stack{justify-items:center;gap:.45rem;display:grid}.auth-footer-stack-left{justify-items:start}@keyframes auth-link-alert-blink{0%,to{color:inherit;transform:translateY(0)}50%{color:var(--tone-rose-dark);transform:translateY(-1px)}}.auth-google-card{background:radial-gradient(circle at 100% 0,#1967c314,#0000 28%),linear-gradient(#fff,#f8fbff);border:1px solid #1967c31f;border-radius:1.1rem;gap:1rem;padding:1.35rem;display:grid;box-shadow:0 18px 34px #1967c314}.auth-google-card-badge{background:#1967c314;border-radius:1rem;place-items:center;width:4rem;height:4rem;display:grid;box-shadow:0 12px 22px #1967c314}.auth-google-card-badge img{object-fit:contain;width:100%;max-width:2.4rem;height:auto}.auth-google-card-copy{gap:.35rem;display:grid}.auth-google-card-copy h3{color:#0f172a;margin:0;font-size:1.08rem;font-weight:700}.auth-google-card-copy p{color:#475569;margin:0;font-size:.92rem;line-height:1.65}@media (width>=1024px){.auth-screen-visual{display:flex}.auth-screen{grid-template-columns:minmax(0,60%) minmax(0,40%)}.auth-screen-panel{padding-inline:clamp(2rem,4vw,4rem)}.auth-panel{margin-inline:auto}}@media (width<=1023px){.auth-modal-shell{padding:max(.5rem, env(safe-area-inset-top)) .5rem max(.5rem, env(safe-area-inset-bottom));align-items:stretch}.auth-modal-frame{width:100%;height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:1.1rem}.auth-screen{grid-template-columns:1fr;height:100%;min-height:0;max-height:none;overflow:hidden}.auth-screen-panel{-webkit-overflow-scrolling:touch;height:100%;min-height:0;max-height:100%;padding:4.5rem 1rem max(1.75rem, env(safe-area-inset-bottom));background:linear-gradient(#f8f9ff 0%,#fff 24%);overflow-y:auto}.auth-screen-visual{min-height:14rem;padding:2rem 1.25rem 1.5rem}.auth-screen-visual-card{gap:.9rem}.auth-screen-visual-card h2{font-size:1.65rem}.auth-panel{width:min(100%,26rem);padding-bottom:.5rem}}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,h4,.section-head h2,.card h2,.card h3,.app-page-title,.topbar h1{font-family:var(--hoppla-font-title);letter-spacing:-.03em}.topbar-account{position:relative}.topbar-profile-pulse{animation:2s ease-in-out infinite topbar-account-pulse}.topbar-onboarding-bubble{z-index:30;background:#fffffffa;border:1px solid #1967c31f;border-radius:1rem;align-items:flex-start;gap:.75rem;width:min(22rem,92vw);padding:.9rem 1rem;display:flex;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 18px 40px #0f172a29}.topbar-onboarding-mascot{background:linear-gradient(135deg,#1967c324,#6366f12e);border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.topbar-onboarding-copy{gap:.28rem;min-width:0;display:grid}.topbar-onboarding-copy strong{color:#0f172a;font-size:.92rem}.topbar-onboarding-copy span{color:#475569;font-size:.83rem;line-height:1.45}.topbar-onboarding-close{color:#64748b;cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}.topbar-profile-copy{text-align:left;gap:.08rem;display:grid}.topbar-account-menu{z-index:20;background:#fffffffa;border:1px solid #1967c31f;border-radius:1rem;gap:.35rem;min-width:18rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 18px 40px #0f172a24}.topbar-account-option{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.9rem;gap:.16rem;padding:.8rem .9rem;display:grid}.topbar-account-option strong{color:#0f172a}.topbar-account-option span{color:#64748b;font-size:.84rem}.topbar-account-option-active{background:#1967c314;border-color:#1967c324}.topbar-account-option-active-personal{background:#f59e0b1f;border-color:#f59e0b47}.topbar-account-option-active-personal strong{color:#b45309}.topbar-account-option-active-personal span{color:#92400e}.topbar-account-option-active-organization{background:#6366f11f;border-color:#6366f13d}.topbar-account-option-active-organization strong{color:#4f46e5}.topbar-account-option-active-organization span{color:#4338ca}@keyframes topbar-account-pulse{0%,to{filter:drop-shadow(0 0 #1967c300);transform:translateY(0)}50%{filter:drop-shadow(0 0 10px #1967c338);transform:translateY(-1px)}}.admin-grid-table{gap:.8rem;display:grid}.admin-dashboard-shell{--admin-primary:#1967c3;--admin-ink:#131b2e;--admin-muted:#526070;--admin-surface:#fff;--admin-soft:#edf5ff;--admin-border:#131b2e24;--admin-shadow:0 18px 42px #1967c314}.admin-page-header{border:1px solid var(--admin-border,#131b2e24);box-shadow:var(--admin-shadow,0 18px 42px #1967c314);background:radial-gradient(circle at 100% 0,#1967c31c,#0000 36%),linear-gradient(#fffffff5,#f7fbffeb);border-radius:1.6rem;padding:1.35rem}.admin-page-kicker{width:fit-content;color:var(--admin-primary,#1967c3);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;background:#1967c314;border:1px solid #1967c32e;border-radius:999px;margin-bottom:.35rem;padding:.32rem .7rem;font-size:.68rem;font-weight:900;display:inline-flex}.admin-dashboard-hero{border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);background:radial-gradient(circle at 92% 8%,#1967c31f,#0000 34%),linear-gradient(135deg,#fff 0%,#f6fbff 100%);border-radius:1.75rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:stretch;gap:1rem;padding:1.25rem;display:grid}.admin-dashboard-hero-copy{align-content:center;gap:.75rem;display:grid}.admin-dashboard-hero-copy h2{color:var(--admin-ink);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,3vw,2.65rem)}.admin-dashboard-hero-copy p,.admin-section-heading p{max-width:64rem;color:var(--admin-muted);margin:0;font-weight:700;line-height:1.65}.admin-dashboard-role-pill,.admin-dashboard-hero-guards span,.admin-status-pill,.admin-action-card-guard{width:fit-content;font-family:var(--hoppla-font-title);border-radius:999px;align-items:center;gap:.45rem;font-size:.74rem;font-weight:900;display:inline-flex}.admin-dashboard-role-pill{background:var(--admin-soft);color:var(--admin-primary);letter-spacing:.08em;text-transform:uppercase;border:1px solid #1967c32e;padding:.38rem .72rem}.admin-dashboard-hero-guards{background:#ffffffb8;border:1px dashed #1967c338;border-radius:1.25rem;align-content:center;gap:.7rem;padding:1rem;display:grid}.admin-dashboard-hero-guards span{color:var(--admin-ink);background:#fff;padding:.58rem .72rem;box-shadow:0 10px 20px #1967c30f}.admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric-card{border-color:var(--admin-border);background:radial-gradient(circle at 100% 0,#1967c314,#0000 36%),#fff;gap:.7rem;min-height:9rem;display:grid}.admin-metric-card-head{align-items:center;gap:.7rem;display:flex}.admin-metric-icon{background:var(--admin-soft);width:2.4rem;height:2.4rem;color:var(--admin-primary);border-radius:.95rem;flex:none;place-items:center;display:inline-grid}.admin-metric-card h3{color:var(--admin-ink);margin:0;font-size:.82rem;line-height:1.2}.admin-metric-card p{color:var(--admin-ink);font-family:var(--hoppla-font-title);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.15rem);font-weight:950}.admin-stripe-console{background:radial-gradient(circle at 100% 0,#1967c31a,#0000 36%),linear-gradient(#fff,#f8fbff);border-color:#1967c329;gap:1rem}.admin-stripe-console-head,.admin-stripe-console-title,.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-stripe-console-title{justify-content:flex-start}.admin-stripe-console-title h3,.admin-section-heading h2{color:var(--admin-ink);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0}.admin-stripe-console-title p{color:var(--admin-muted);margin:.25rem 0 0;font-weight:700;line-height:1.5}.admin-stripe-icon,.admin-action-card-icon{background:var(--admin-soft);width:2.7rem;height:2.7rem;color:var(--admin-primary);border:1px solid #1967c324;border-radius:1rem;flex:none;place-items:center;display:inline-grid}.admin-status-pill{border:1px solid #0000;padding:.42rem .75rem}.admin-status-pill-success{color:#047857;background:#10b9811f;border-color:#10b9812e}.admin-status-pill-warning{color:#b45309;background:#f59e0b24;border-color:#f59e0b33}.admin-stripe-warning{color:var(--admin-ink);background:#edf5ffc7;border:1px solid #1967c324;border-radius:1rem;align-items:center;gap:.6rem;padding:.8rem .95rem;font-size:.9rem;font-weight:800;display:flex}.admin-section-heading{align-items:end;padding:.4rem .15rem 0}.admin-section-heading span{color:var(--admin-primary);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:950;display:block}.admin-section-heading p{text-align:right;max-width:31rem}.admin-action-grid{align-items:stretch}.admin-filter-row{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:.75rem;display:grid}.admin-grid-head,.admin-grid-row{align-items:start;gap:1rem;width:100%;display:grid}.admin-grid-head{padding:0 .9rem}.admin-grid-head strong{color:#02061785;font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.admin-grid-row{border:1px solid color-mix(in srgb, var(--tone-brand-light) 12%, var(--hoppla-border));background:linear-gradient(180deg, var(--hoppla-surface-elevated), color-mix(in srgb, var(--tone-sky) 6%, var(--hoppla-surface-elevated))), radial-gradient(circle at top right, #6366f10d, transparent 42%);border-radius:1.25rem;padding:1rem;box-shadow:0 12px 28px #1722350d}.admin-grid-cell{overflow-wrap:anywhere;min-width:0}.admin-action-group{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.admin-emoji-button{background:var(--hoppla-surface-elevated);cursor:pointer;border:1px solid #1967c324;border-radius:999px;place-items:center;width:2.7rem;height:2.7rem;font-size:1.1rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-grid;box-shadow:0 8px 18px #1967c314}.admin-emoji-button:hover:enabled{border-color:#1967c338;transform:translateY(-1px);box-shadow:0 14px 28px #1967c324}.admin-emoji-button:disabled{cursor:not-allowed;opacity:.5}.admin-inline-select{min-width:11rem}.admin-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.admin-panel-card{min-height:100%}.admin-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.admin-kv-grid div{background:color-mix(in srgb, var(--hoppla-surface-elevated) 82%, transparent);border:1px solid color-mix(in srgb, var(--tone-brand-light) 10%, var(--hoppla-border));border-radius:1rem;gap:.2rem;padding:.85rem .95rem;display:grid}.admin-kv-grid span{color:#02061780;font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.admin-membership-card{border:1px solid color-mix(in srgb, var(--tone-brand-light) 12%, var(--hoppla-border));background:linear-gradient(180deg, var(--hoppla-surface-elevated), color-mix(in srgb, var(--tone-sky) 6%, var(--hoppla-surface-elevated))), radial-gradient(circle at top right, #10b9810d, transparent 40%);border-radius:1.2rem;gap:.8rem;padding:1rem;display:grid}.admin-membership-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-membership-head small{color:var(--hoppla-text-soft)}.admin-membership-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}@media (width<=1023px){.admin-dashboard-hero,.admin-metrics-grid{grid-template-columns:1fr}.admin-section-heading,.admin-stripe-console-head{flex-direction:column;align-items:stretch}.admin-section-heading p{text-align:left;max-width:none}.admin-kv-grid{grid-template-columns:1fr}.admin-grid-head{display:none}.admin-grid-row{gap:.65rem;grid-template-columns:1fr!important}.admin-grid-cell{border-bottom:1px dashed #131b2e24;padding-bottom:.65rem}.admin-grid-cell:last-child{border-bottom:0;padding-bottom:0}}@media (width<=767px){.admin-page-header,.admin-dashboard-hero,.admin-stripe-console,.admin-action-card{border-radius:1.25rem}.admin-page-header,.admin-dashboard-hero,.admin-stripe-console{padding:1rem}.admin-dashboard-hero-copy p,.admin-section-heading p,.admin-stripe-console-title p,.admin-action-card-copy p{font-size:.86rem;line-height:1.5}.admin-filter-row{grid-template-columns:1fr}.admin-dashboard-hero-guards,.admin-stripe-warning{padding:.8rem}.admin-dashboard-hero-guards span,.admin-stripe-warning{font-size:.78rem}.admin-action-group{grid-template-columns:1fr;display:grid}.admin-action-group .btn{width:100%}.admin-action-card{min-height:12.5rem}}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);background:radial-gradient(circle at 50% 20%,#1967c324,#0000 34rem),#0f172a5c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-panel{background:linear-gradient(#fffffffa,#f8fafcf5),#fff;border:1px solid #e2e8f0eb;border-radius:28px;width:min(100%,32rem);max-height:min(90vh,48rem);padding:1.35rem;position:relative;overflow:auto;box-shadow:0 24px 80px #0f172a29,inset 0 1px #fffffff2}.modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h3{color:#0b1c30;letter-spacing:-.03em;margin:0;font-size:1.1rem;font-weight:900}.modal-floating-close{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(#fffffffa,#f6f8fbf0);border:1px solid #1967c31f;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;transition:background-color .18s,border-color .18s,box-shadow .24s;display:inline-flex;position:absolute;top:.9rem;right:.9rem;box-shadow:0 12px 28px #0f172a1a}.modal-floating-close-lines{transform-origin:50%;width:1.05rem;height:1.05rem;transition:none;position:relative}.modal-floating-close-lines span{transform-origin:50%;background:#1967c3;border-radius:999px;width:100%;height:2px;transition:background-color .18s;position:absolute;top:50%;left:50%}.modal-floating-close-lines span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.modal-floating-close-lines span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.modal-floating-close:hover,.modal-floating-close:focus-visible{background:#1967c3;border-color:#1967c3;box-shadow:0 16px 32px #1967c338}.modal-floating-close:hover .modal-floating-close-lines,.modal-floating-close:focus-visible .modal-floating-close-lines{transform:none}.modal-floating-close:hover .modal-floating-close-lines span,.modal-floating-close:focus-visible .modal-floating-close-lines span{background:#fff}:root[data-theme=dark] .modal-floating-close-lines span,:root.dark .modal-floating-close-lines span,html.dark .modal-floating-close-lines span{background:#bfdbfe}:root[data-theme=dark] .modal-floating-close,:root.dark .modal-floating-close,html.dark .modal-floating-close{background:linear-gradient(#162034f5,#0f172af0);border-color:#94a3b82e;box-shadow:0 18px 34px #02061757}:root[data-theme=dark] .modal-floating-close:hover,:root[data-theme=dark] .modal-floating-close:focus-visible,:root.dark .modal-floating-close:hover,:root.dark .modal-floating-close:focus-visible,html.dark .modal-floating-close:hover,html.dark .modal-floating-close:focus-visible{background:#1967c3;border-color:#1967c3}.shell,.app-shell{min-height:100vh}.dashboard-qr-content,.link-studio-page{--dashboard-primary:var(--hoppla-accent);--dashboard-on-primary:#fff;--dashboard-secondary:var(--tone-indigo);--dashboard-secondary-container:color-mix(in srgb, var(--tone-indigo) 13%, transparent);--dashboard-on-secondary-container:var(--tone-indigo);--dashboard-surface-card:var(--hoppla-surface-strong);--dashboard-surface:var(--hoppla-bg);--dashboard-surface-low:var(--hoppla-surface-low);--dashboard-surface-container:color-mix(in srgb, var(--hoppla-accent) 9%, transparent);--dashboard-surface-high:color-mix(in srgb, var(--tone-indigo) 10%, transparent);--dashboard-surface-variant:color-mix(in srgb, var(--hoppla-accent) 9%, transparent);--dashboard-on-surface:var(--hoppla-text);--dashboard-on-surface-variant:var(--hoppla-text-soft);--dashboard-outline:var(--hoppla-border);--dashboard-outline-variant:var(--hoppla-border);--dashboard-green:var(--tone-emerald);--dashboard-red-soft:color-mix(in srgb, var(--tone-rose-dark) 12%, transparent)}.public-site-shell{min-height:calc(100vh + var(--hoppla-footer-safe));min-height:calc(100svh + var(--hoppla-footer-safe));min-height:calc(100dvh + var(--hoppla-footer-safe));padding-bottom:var(--hoppla-footer-safe);background:0 0;position:relative}.content,.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));min-width:0;margin:0 auto;padding:28px 0 56px}.public-footer{border-top:1px solid var(--hoppla-border);color:var(--hoppla-text-soft);background:0 0;margin-top:2.5rem;padding-top:3rem;position:relative}.public-footer-glow{pointer-events:none;z-index:-1;filter:blur(48px);background:linear-gradient(#0ea5e91f,#6366f100);height:14rem;position:absolute;inset:-5.5rem 0 auto}.public-footer-shell{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));min-width:0;margin:0 auto}.public-footer-main{padding-inline:var(--hoppla-header-pad-x,36px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2.5rem;padding-bottom:3rem;display:grid}.public-footer-brand{gap:1rem;display:grid}.public-header{z-index:80;width:100%;padding-top:var(--hoppla-focus-inset-y,22px);background:0 0;transition:background-color .18s,box-shadow .18s,border-color .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;position:fixed;inset:0 0 auto}.public-header-top{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.public-header-scrolled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0}.public-header-home.public-header-top .public-header-bar{border-bottom:1px solid var(--hoppla-rail-line)}.public-header-home.public-header-scrolled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.public-header-home.public-header-scrolled .public-header-bar{border-bottom:1px solid var(--hoppla-rail-line)}.public-header-bar{width:min(1480px, calc(100% - (var(--hoppla-shell-pad-x) * 2)));min-height:var(--public-header-height);border:1px solid var(--hoppla-border);background:var(--hoppla-surface);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);border-radius:1.35rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1rem;display:flex}.content{padding-top:28px}.content-public{padding-top:calc(var(--public-header-height) + 1.4rem)}.content-public-home{padding-top:calc(var(--public-header-height) + 3.2rem)}.public-marketing-page{gap:1.5rem;display:grid}.public-hero{border:1px solid var(--hoppla-border);background:linear-gradient(180deg, var(--hoppla-surface), var(--hoppla-surface-strong)), linear-gradient(135deg, #1967c314, #6366f114);box-shadow:var(--hoppla-card-shadow-lg);border-radius:1.75rem;padding:clamp(1.4rem,3vw,2.4rem);position:relative;overflow:hidden}.public-hero-home{background:linear-gradient(#ffffffe6,#f7fbfff2),radial-gradient(circle at 12% 20%,#0ea5e924,#0000 28%),radial-gradient(circle at 88% 14%,#6366f129,#0000 30%)}.public-hero-solutions{background:linear-gradient(#ffffffe6,#f6fffbf2),radial-gradient(circle at 12% 20%,#10b98124,#0000 28%),radial-gradient(circle at 88% 14%,#6366f126,#0000 30%)}.public-hero-pricing{background:linear-gradient(#ffffffe6,#fffaf4f2),radial-gradient(circle at 12% 20%,#f59e0b29,#0000 28%),radial-gradient(circle at 88% 14%,#be185d1f,#0000 30%)}.public-hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:1.2rem;display:grid;position:relative}.public-hero-grid-single{grid-template-columns:minmax(0,1fr)}.public-hero-surface{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem}.public-hero-copy,.public-hero-aside{z-index:1;padding:clamp(1.4rem,3vw,2.2rem);position:relative}.public-hero-copy h1{max-width:12ch;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.05em;margin:.7rem 0 1rem;font-size:clamp(2.35rem,6vw,4.8rem);font-weight:800;line-height:.96}.public-hero-copy p{max-width:62ch;color:var(--hoppla-text-soft);margin:0;font-size:1rem;line-height:1.75}.public-hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.35rem;display:flex}.public-home-hero-mobile-summary{display:none}.public-secondary-cta{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);min-height:2.75rem;color:var(--hoppla-text);box-shadow:var(--hoppla-card-shadow);border-radius:1rem;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.public-chip-row{flex-wrap:wrap;gap:.7rem;margin-top:1.1rem;display:flex}.public-chip{letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;min-height:2.2rem;padding:0 .9rem;font-size:.82rem;font-weight:800;display:inline-flex}.public-chip-brand{color:var(--tone-brand-light);background:#1967c31a;border-color:#1967c329}.public-chip-emerald{color:var(--tone-emerald);background:#10b9811f;border-color:#10b9812e}.public-chip-indigo{color:var(--tone-indigo);background:#6366f11f;border-color:#6366f12e}.public-chip-amber{color:var(--tone-amber);background:#f59e0b21;border-color:#f59e0b2e}.public-hero-orb{filter:blur(78px);opacity:.22;pointer-events:none;border-radius:999px;position:absolute}.public-hero-orb-brand{background:var(--tone-brand-light);width:15rem;height:15rem;top:-2rem;left:-3rem}.public-hero-orb-indigo{background:var(--tone-indigo);width:18rem;height:18rem;top:15%;right:-3rem}.public-hero-orb-amber{background:var(--tone-amber);width:14rem;height:14rem;bottom:-4rem;left:28%}.public-hero-orb-emerald{background:var(--tone-emerald);width:15rem;height:15rem;top:-2rem;right:-2rem}.public-hero-orb-rose{background:var(--tone-rose-dark);width:16rem;height:16rem;bottom:-3rem;left:-3rem}.public-metric-grid,.public-trust-grid{gap:.9rem;display:grid}.public-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.public-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-section-surface{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #1967c31a;border-radius:1.5rem;padding:clamp(1.35rem,2.6vw,2rem);box-shadow:0 18px 44px #1967c30f}.public-glass-card{background:#ffffffc7;border:1px solid #1967c31f;box-shadow:0 16px 34px #1967c312}.contact-simple-page{justify-items:center;display:grid}.contact-general-page{padding-top:clamp(2rem,8vh,5rem)}.contact-simple-shell{gap:1.1rem;width:min(100%,46rem);display:grid}.contact-simple-head{gap:.45rem;display:grid}.contact-simple-head h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,6vw,3.6rem);font-weight:850;line-height:.98}.contact-simple-head p{max-width:38rem;color:var(--hoppla-text-soft);margin:0;font-size:1rem;line-height:1.65}.contact-simple-form{background:#ffffffb8;border:1px solid #1967c31a;border-radius:1.4rem;gap:.9rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid;box-shadow:0 16px 34px #1967c30f}.contact-simple-field{gap:.42rem;display:grid}.contact-simple-field>span{color:var(--hoppla-text);font-size:.86rem;font-weight:800}.contact-simple-field .input,.contact-simple-textarea{width:100%;min-height:3.05rem;color:var(--hoppla-text);box-shadow:none;background:#fffffff0;border:1px solid #1967c321;border-radius:.95rem}.contact-simple-field .input{padding-inline:1rem}.contact-simple-textarea{resize:vertical;min-height:11rem;font:inherit;padding:.9rem 1rem;line-height:1.55}.contact-simple-field .input:focus,.contact-simple-textarea:focus{border-color:#1967c361;outline:none;box-shadow:0 0 0 4px #1967c317}.contact-simple-turnstile{margin-top:.1rem}.contact-simple-submit{border-radius:999px;width:fit-content;min-width:11rem;min-height:3rem}.hoppla-local-request-grid{grid-template-columns:minmax(0,1fr) minmax(9rem,.45fr);gap:.85rem;display:grid}.hoppla-local-request-page{--folder-ink:#0f172a;--folder-blue:#1967c3;--folder-surface:#fff;--folder-surface-low:#f6f8fb;align-items:start;padding-block:clamp(.75rem,3vw,2rem)}.hoppla-local-request-shell{gap:1.2rem;width:min(100%,48rem)}.hoppla-local-request-hero{text-align:center;justify-items:center;gap:.85rem;padding:.9rem .5rem .2rem;display:grid}.hoppla-local-request-badge{color:#2563eb;letter-spacing:.11em;text-transform:uppercase;background:#dbeafee6;border:1px solid #93c5fdd1;border-radius:999px;justify-content:center;align-items:center;min-height:2rem;padding:.34rem 1rem;font-size:.82rem;font-weight:900;display:inline-flex}.hoppla-local-request-hero h1{color:#111827;max-width:19.5ch;font-family:var(--hoppla-font-title);letter-spacing:-.06em;margin:0;font-size:clamp(2.45rem,4.6vw,4.3rem);font-weight:900;line-height:.97}.hoppla-local-request-hero p{color:#111827;max-width:44rem;margin:0;font-size:1.05rem;font-weight:750;line-height:1.68}.hoppla-local-request-form.contact-simple-form{--folder-ink:#0f172a;--folder-blue:#1967c3;--folder-surface:#fff;--folder-surface-low:#f6f8fb;border:4px solid var(--folder-ink);box-shadow:4px 4px 0 0 var(--folder-ink);background:linear-gradient(#fffffff5,#f8fbfff5),radial-gradient(circle at 100% 0,#1967c321,#0000 34%);border-radius:1.45rem;gap:1rem;padding:clamp(1rem,2.7vw,1.45rem)}.hoppla-local-request-form .contact-simple-field>span{font-size:.9rem;font-weight:950}.hoppla-local-request-form .contact-field-email>span{color:#7c3aed}.hoppla-local-request-form .contact-field-town>span{color:#f59e0b}.hoppla-local-request-form .contact-field-postal>span{color:#10b981}.hoppla-local-request-form .contact-field-message>span{color:#ea580c}.hoppla-local-request-form .input,.hoppla-local-request-form .select,.hoppla-local-request-form .contact-simple-textarea{border:3px solid var(--folder-ink);color:var(--folder-ink);background:#fff;border-radius:.95rem;font-weight:800}.hoppla-local-request-form .select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--folder-ink) 50%), linear-gradient(135deg, var(--folder-ink) 50%, transparent 50%);background-position:calc(100% - 1.15rem),calc(100% - .8rem);background-repeat:no-repeat;background-size:.38rem .38rem,.38rem .38rem;width:100%;min-height:3.05rem;padding:0 2.4rem 0 1rem}.hoppla-local-request-form .input:focus,.hoppla-local-request-form .select:focus,.hoppla-local-request-form .contact-simple-textarea:focus{border-color:var(--folder-blue);box-shadow:4px 4px #0f172a29}.hoppla-local-request-help{color:var(--folder-blue);font-size:.82rem;font-weight:850;line-height:1.45}.hoppla-local-request-readonly{background:var(--folder-surface-low);min-height:7rem;color:var(--folder-ink)}.hoppla-local-request-consent{border:3px solid var(--folder-ink);background:var(--folder-surface-low);color:#334155;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;font-size:.88rem;font-weight:750;line-height:1.5;display:grid}.hoppla-local-request-consent>span{color:var(--folder-ink)}.hoppla-local-request-consent input{width:1.05rem;height:1.05rem;accent-color:var(--hoppla-primary);margin-top:.15rem}.hoppla-local-request-consent a{color:var(--folder-blue);font-weight:950;text-decoration:none}.hoppla-local-request-consent a:hover{text-decoration:underline}.hoppla-local-request-form .contact-simple-submit.btn{border:3px solid var(--folder-ink);background:var(--folder-blue);color:#fff;min-height:3.15rem;box-shadow:4px 4px 0 0 var(--folder-ink);border-radius:1rem;justify-self:center;padding-inline:1.2rem;font-weight:950}.hoppla-local-request-form .turnstile-widget,.hoppla-local-request-form .contact-simple-turnstile{justify-content:center;justify-self:center;justify-items:center;width:100%;margin-inline:auto;display:flex}.hoppla-local-request-form .turnstile-widget>*,.hoppla-local-request-form .contact-simple-turnstile>*{margin-inline:auto}.hoppla-local-request-form .contact-simple-submit.btn:hover:enabled{box-shadow:5px 6px 0 0 var(--folder-ink);transform:translateY(-2px)}.hoppla-local-request-form .contact-simple-submit.btn:active:enabled{box-shadow:2px 2px 0 0 var(--folder-ink);transform:translateY(1px)}.public-builder-offer{background:linear-gradient(#ffffffeb,#fffbf5f5),radial-gradient(circle at 12% 18%,#10b9811f,#0000 28%),radial-gradient(circle at 88% 22%,#1967c31f,#0000 30%);border-radius:1.5rem;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem;margin-bottom:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.public-builder-offer-copy{flex-direction:column;justify-content:center;gap:.9rem;min-width:0;display:flex}.public-builder-offer-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1}.public-builder-offer-copy p{color:var(--hoppla-text-soft);margin:0;line-height:1.7}.public-early-access-card{border-radius:1.25rem;flex-direction:column;justify-content:center;gap:1rem;padding:1.1rem;display:flex}.public-early-access-card h3{color:var(--hoppla-text);font-family:var(--hoppla-font-title);margin:0;font-size:1.35rem;line-height:1.1}.public-early-access-card p,.public-early-access-card small{color:var(--hoppla-text-soft)}.qr-early-access-banner{z-index:1;isolation:isolate;box-shadow:none;background:0 0;border:0;justify-items:center;gap:1.5rem;margin-bottom:3rem;padding:0;display:grid;position:relative;overflow:visible}.qr-public-home-hero{z-index:2;justify-items:center;margin:0 0 2rem;padding:0;display:grid;position:relative}.qr-public-home-hero-copy{text-align:center;justify-items:center;gap:.9rem;width:min(100%,60rem);display:grid}.qr-public-home-hero-copy h1{color:var(--hoppla-hero-title);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,1.7rem + 1.6vw,3.6rem);line-height:1.04}.qr-public-home-hero-copy p{max-width:54rem;color:var(--hoppla-text-soft);margin:0;font-size:1.03rem;line-height:1.75}.qr-early-access-dismiss{z-index:3;width:2.3rem;height:2.3rem;color:var(--tone-rose-dark);cursor:pointer;background:0 0;border:2px solid #e11d4861;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s;animation:2.8s cubic-bezier(.4,0,.2,1) infinite qrEarlyAccessDismissPulse;display:inline-flex;position:absolute;top:.1rem;right:.1rem}.qr-early-access-dismiss:hover{color:#e11d48;border-color:#e11d48b8}.qr-early-access-dismiss span{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex;transform:translateY(-.12rem)}@keyframes qrEarlyAccessDismissPulse{0%,to{opacity:.82;border-color:#e11d484d}50%{opacity:1;border-color:#e11d48db}}.qr-early-access-banner-success{margin-bottom:3.35rem}.qr-early-access-banner:before{content:"";filter:blur(36px);pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 26%,#38bdf824,#0000 28%),radial-gradient(circle at 50% 8%,#1967c324,#0000 34%),radial-gradient(circle at 82% 34%,#10b9811f,#0000 28%);height:clamp(12rem,24vw,18rem);position:absolute;inset:-1.5rem 0 auto}.qr-early-access-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:0;max-width:960px;padding:.75rem .5rem 0;display:flex;position:relative}.qr-early-access-copy:before{content:"";filter:blur(20px);opacity:1;pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 24%,#38bdf81a,#0000 30%),radial-gradient(circle at 82% 18%,#1967c31a,#0000 34%),radial-gradient(circle at 52% 88%,#10b98114,#0000 32%);border-radius:1.75rem;position:absolute;inset:-.85rem -1rem -.5rem}.qr-early-access-copy>*{z-index:1;position:relative}.qr-early-access-copy .eyebrow{min-height:2.35rem;color:var(--tone-rose-dark);letter-spacing:.16em;text-transform:uppercase;background:#be185d1a;border-radius:999px;justify-content:center;padding-inline:1rem;font-size:.72rem;box-shadow:0 10px 24px #be185d1a,inset 0 0 0 1px #be185d1f}.qr-early-access-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,4.8vw,4.2rem);line-height:1.03}.qr-early-access-copy p,.qr-early-access-note{color:var(--hoppla-text-soft);margin:0;line-height:1.72}.qr-early-access-countdown{z-index:1;gap:.8rem;width:min(100%,700px);margin-top:.35rem;display:grid;position:relative}.qr-early-access-countdown-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:.82rem;font-weight:800}.qr-early-access-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.qr-early-access-countdown-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8f;border:1px solid #c3c6d629;border-radius:1.2rem;place-items:center;gap:.18rem;min-height:5.4rem;padding:.85rem .6rem;display:grid;box-shadow:0 12px 24px #0f172a0a}.qr-early-access-countdown-item strong{font-family:var(--hoppla-font-title);letter-spacing:-.04em;color:var(--hoppla-text);font-size:clamp(1.5rem,1rem + 1vw,2.2rem);font-weight:900;line-height:1}.qr-early-access-countdown-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--hoppla-text-soft);font-size:.76rem;font-weight:700}.qr-early-access-countdown-expired{text-align:center;color:var(--tone-rose-dark);font-weight:700}.qr-early-access-inline-link{color:var(--tone-emerald);text-underline-offset:.18em;font-weight:800;text-decoration:underline}.qr-early-access-inline-link:hover{opacity:.88}.qr-early-access-emphasis{color:var(--hoppla-text);font-weight:800}.qr-early-access-form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1;background:linear-gradient(#fffffffa,#fcf9f8fa),radial-gradient(circle at 100% 0,#1967c30f,#0000 42%);border:1px solid #c3c6d624;border-radius:2rem;flex-direction:column;justify-content:center;gap:.9rem;width:min(100%,620px);padding:1.75rem;display:flex;position:relative;box-shadow:0 30px 60px #0f172a0f,inset 0 1px #ffffffb3}.qr-early-access-form .btn.btn-primary{letter-spacing:.08em;text-transform:uppercase;background:var(--pricing-primary,var(--brand));border-radius:1rem;width:100%;min-height:3.55rem;font-size:.95rem;font-weight:800;box-shadow:0 14px 28px #1967c32e}.qr-early-access-form .input{text-align:center;min-height:3.5rem;color:var(--hoppla-text);background:#f3edec;border-color:#0000;border-radius:1rem;padding-inline:1.15rem}.qr-early-access-form .input:focus{border-color:#1967c347;box-shadow:0 0 0 4px #0ea5e91f}.qr-early-access-note{z-index:1;text-align:center;color:#64748beb;margin-top:.65rem;padding-inline:1rem;font-size:.72rem;font-weight:500;line-height:1.45;position:relative}.qr-early-access-note-link{color:inherit;text-underline-offset:.16em;font-weight:700;text-decoration:underline}.qr-early-access-note-link:hover{color:var(--hoppla-text-soft)}.qr-early-access-success-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffffffa,#fcf9f8fa),radial-gradient(circle at 14% 22%,#10b98114,#0000 28%),radial-gradient(circle at 84% 18%,#1967c314,#0000 30%);border:1px solid #c3c6d624;border-radius:2.15rem;justify-items:center;gap:1.2rem;width:min(100%,760px);padding:2.25rem 1.6rem 2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 68px #0f172a14,inset 0 1px #ffffffc7}.qr-early-access-success-badge{min-height:2rem;color:var(--tone-emerald);letter-spacing:.14em;text-transform:uppercase;z-index:1;background:#10b9811a;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.76rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #10b9811f}.qr-early-access-success-stage{place-items:center;width:11rem;height:11rem;display:grid;position:relative}.qr-early-access-success-core{background:linear-gradient(135deg, var(--pricing-primary,var(--brand)), #1967c3);color:#fff;z-index:2;border-radius:1.8rem;justify-content:center;align-items:center;width:5.25rem;height:5.25rem;animation:3.8s ease-in-out infinite qrEarlyAccessLift;display:inline-flex;position:relative;transform:rotate(-8deg);box-shadow:0 18px 34px #1967c338,0 0 0 10px #38bdf80f}.qr-early-access-success-ring{border:1px solid #1967c31f;border-radius:999px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.qr-early-access-success-ring-a{width:7.6rem;height:7.6rem;animation:2.8s ease-out infinite qrEarlyAccessPulse}.qr-early-access-success-ring-b{width:10rem;height:10rem;animation:2.8s ease-out .45s infinite qrEarlyAccessPulse}.qr-early-access-success-orbit{pointer-events:none;opacity:.8;border-radius:999px;position:absolute}.qr-early-access-success-orbit-a{background:#38bdf847;width:.8rem;height:.8rem;animation:4.2s ease-in-out infinite qrEarlyAccessFloat;top:1.6rem;left:12%}.qr-early-access-success-orbit-b{background:#10b9814d;width:.95rem;height:.95rem;animation:4.8s ease-in-out .5s infinite qrEarlyAccessFloat;top:2.8rem;right:14%}.qr-early-access-success-orbit-c{background:#be185d38;width:.7rem;height:.7rem;animation:4.6s ease-in-out .9s infinite qrEarlyAccessFloat;bottom:2.35rem;left:20%}.qr-early-access-success-copy{z-index:1;text-align:center;gap:.8rem;max-width:38rem;display:grid;position:relative}.qr-early-access-success-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.03}.qr-early-access-success-copy p{color:var(--hoppla-text-soft);margin:0;line-height:1.72}.qr-early-access-success-email{min-height:2.75rem;color:var(--hoppla-text);background:#ffffffd1;border:1px solid #c3c6d62e;border-radius:999px;place-self:center;align-items:center;padding:.55rem 1rem;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #0f172a0d}.qr-early-access-success-copy small{color:#64748beb;line-height:1.55}@keyframes qrEarlyAccessLift{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes qrEarlyAccessPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}30%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}@keyframes qrEarlyAccessFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}:root[data-theme=dark] .qr-early-access-emphasis,:root.dark .qr-early-access-emphasis,html.dark .qr-early-access-emphasis{color:#fffffff5}:root[data-theme=dark] .qr-early-access-banner:before,:root.dark .qr-early-access-banner:before,html.dark .qr-early-access-banner:before{background:radial-gradient(circle at 18% 26%,#38bdf824,#0000 28%),radial-gradient(circle at 50% 8%,#1967c32e,#0000 34%),radial-gradient(circle at 82% 34%,#10b9811f,#0000 28%)}:root[data-theme=dark] .qr-early-access-copy .eyebrow,:root.dark .qr-early-access-copy .eyebrow,html.dark .qr-early-access-copy .eyebrow{color:#fb7185;background:#be185d2e;box-shadow:0 12px 28px #02061738,inset 0 0 0 1px #f43f5e2e}:root[data-theme=dark] .qr-early-access-inline-link,:root.dark .qr-early-access-inline-link,html.dark .qr-early-access-inline-link{color:var(--tone-emerald-soft)}:root[data-theme=dark] .qr-early-access-dismiss,:root.dark .qr-early-access-dismiss,html.dark .qr-early-access-dismiss{color:#fb7185}:root[data-theme=dark] .qr-early-access-dismiss:hover,:root.dark .qr-early-access-dismiss:hover,html.dark .qr-early-access-dismiss:hover{color:#fda4af}:root[data-theme=dark] .qr-early-access-countdown-label,:root.dark .qr-early-access-countdown-label,html.dark .qr-early-access-countdown-label{color:#93c5fd}:root[data-theme=dark] .qr-early-access-countdown-item,:root.dark .qr-early-access-countdown-item,html.dark .qr-early-access-countdown-item{background:#ffffff0a;border-color:#94a3b829;box-shadow:0 12px 24px #02061729}:root[data-theme=dark] .qr-early-access-countdown-item strong,:root.dark .qr-early-access-countdown-item strong,html.dark .qr-early-access-countdown-item strong{color:#fffffff5}:root[data-theme=dark] .qr-early-access-countdown-item span,:root.dark .qr-early-access-countdown-item span,html.dark .qr-early-access-countdown-item span{color:#e2e8f0b8}:root[data-theme=dark] .qr-early-access-form,:root.dark .qr-early-access-form,html.dark .qr-early-access-form{background:linear-gradient(#0f172adb,#020617e6),radial-gradient(circle at 100% 0,#38bdf814,#0000 42%);border-color:#94a3b824;box-shadow:0 30px 60px #02061752,inset 0 1px #ffffff08}:root[data-theme=dark] .qr-early-access-form .input,:root.dark .qr-early-access-form .input,html.dark .qr-early-access-form .input{color:#fffffff5;background:#ffffff0d}:root[data-theme=dark] .qr-early-access-form .input::placeholder,:root.dark .qr-early-access-form .input::placeholder,html.dark .qr-early-access-form .input::placeholder{color:#e2e8f07a}:root[data-theme=dark] .qr-early-access-note,:root.dark .qr-early-access-note,html.dark .qr-early-access-note{color:#94a3b8e6}:root[data-theme=dark] .qr-early-access-success-card,:root.dark .qr-early-access-success-card,html.dark .qr-early-access-success-card{background:linear-gradient(#0f172adb,#020617eb),radial-gradient(circle at 14% 22%,#10b9811a,#0000 28%),radial-gradient(circle at 84% 18%,#38bdf81f,#0000 30%);border-color:#94a3b824;box-shadow:0 34px 68px #02061757,inset 0 1px #ffffff08}:root[data-theme=dark] .qr-early-access-success-badge,:root.dark .qr-early-access-success-badge,html.dark .qr-early-access-success-badge{color:#6ee7b7;background:#10b98129;box-shadow:inset 0 0 0 1px #10b98129}:root[data-theme=dark] .qr-early-access-success-email,:root.dark .qr-early-access-success-email,html.dark .qr-early-access-success-email{color:#fffffff5;background:#ffffff0d;border-color:#94a3b824;box-shadow:0 12px 24px #02061729}:root[data-theme=dark] .qr-early-access-success-copy small,:root.dark .qr-early-access-success-copy small,html.dark .qr-early-access-success-copy small{color:#94a3b8eb}.qr-frame-style-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.qr-frame-style-card{color:#334155;text-align:left;cursor:pointer;background:#fff;border:1px solid #1967c31f;border-radius:1rem;gap:.35rem;min-height:5.5rem;padding:.9rem .95rem;display:grid}.qr-frame-style-card strong{color:#0f172a;font-size:.88rem}.qr-frame-style-card small{color:#64748b;line-height:1.4}.qr-frame-style-card-active{background:#1967c30f;border-color:#1967c373}.qr-hoppla-field{gap:.45rem;display:grid}.qr-hoppla-field>span{color:#0f172a;font-size:.82rem;font-weight:700}.qr-hoppla-marker-toggles{flex-wrap:wrap;gap:.85rem;margin-bottom:1rem;display:flex}.qr-hoppla-marker-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=1024px){.qr-early-access-banner{margin-bottom:4.25rem}}@media (width<=680px){.qr-early-access-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-early-access-success-card{border-radius:1.75rem;padding:1.75rem 1.1rem 1.6rem}.qr-early-access-success-stage{width:8.8rem;height:8.8rem}.qr-early-access-success-core{border-radius:1.45rem;width:4.35rem;height:4.35rem}}.public-nav{flex:1;justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.public-nav-links,.public-header-actions{align-items:center;gap:1rem;display:flex}.public-header-actions{justify-content:flex-end}.public-nav-links a,.public-login-link{color:var(--hoppla-nav-text);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.public-nav-links a:hover,.public-login-link:hover{color:var(--brand)}.language-picker{position:relative}.language-picker-button,.language-picker-option{min-height:2.6rem;color:var(--hoppla-nav-text);cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #94a3b83d;border-radius:1rem;align-items:center;gap:.55rem;padding:0 .9rem;display:inline-flex;box-shadow:0 10px 24px #1967c30f}.language-picker-code{min-width:2rem;height:1.5rem;color:var(--brand);letter-spacing:.08em;border:1px solid #1967c32e;border-radius:.45rem;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.language-picker-menu{z-index:100;min-width:15rem;box-shadow:var(--shadow);background:#fffffff5;border:1px solid #14171f17;border-radius:1rem;gap:.4rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.language-picker-option{justify-content:flex-start;width:100%}.language-picker-option-active{color:var(--brand);border-color:#1967c359}.language-picker-hint{color:var(--muted);padding:.25rem .35rem 0;font-size:.78rem;line-height:1.4}.theme-toggle-button{width:2.8rem;height:2.8rem;color:var(--brand);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #94a3b83d;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,filter .18s,background-color .18s;display:inline-flex}.theme-toggle-button:hover{filter:brightness(1.04);box-shadow:var(--hoppla-card-shadow-lg);transform:translateY(-1px)}.brand{align-items:center;display:inline-flex}.brand-logo{width:auto;height:52px;display:block}.public-nav-toggle{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.75rem;height:2.75rem;color:var(--hoppla-text);box-shadow:var(--hoppla-card-shadow);border-radius:1rem;justify-content:center;align-items:center;display:none}.footer-wordmark{width:auto;height:54px;display:block}.public-footer-column{align-content:start;gap:.95rem;display:grid}.public-footer-column-copy{max-width:38rem}.public-footer-text{color:var(--hoppla-text-soft);margin:0;font-size:.92rem;line-height:1.75}.public-footer-kicker{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:900}.public-footer-links,.public-footer-contact-list{margin:0;padding:0;list-style:none;display:grid}.public-footer-links{gap:.55rem}.public-footer-links a{color:var(--hoppla-text-soft);font-size:.92rem;line-height:1.55;text-decoration:none;transition:color .18s}.public-footer-links a:hover{color:var(--hoppla-text)}.public-footer-contact-list{gap:.8rem}.public-footer-contact-card{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);box-shadow:var(--hoppla-panel-shadow);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.public-footer-contact-card span{color:var(--hoppla-text-soft);font-size:.9rem}.public-footer-contact-card a,.public-footer-contact-link{appearance:none;color:var(--tone-indigo);font-family:var(--hoppla-font-title);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .18s}.public-footer-contact-card a:hover,.public-footer-contact-link:hover,.public-footer-contact-link:focus-visible{color:var(--tone-brand-light);text-decoration:underline}.public-footer-copy-toast{width:fit-content;color:var(--tone-brand-light,#1967c3);background:#1967c31a;border-radius:999px;justify-self:start;margin:-.25rem 0 .85rem;padding:.55rem .8rem;font-size:.78rem;font-weight:800}.public-footer-bottom{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));padding-inline:var(--hoppla-header-pad-x,36px);border-top:1px solid var(--hoppla-border);text-align:center;color:#0206178c;margin:0 auto;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.75rem}.public-footer-bottom-link{color:inherit;text-decoration:none;transition:color .18s}.public-footer-bottom-link:hover{color:var(--tone-brand-light)}.nav-cta,.btn,.input,.select,.card,.sidebar{border-radius:20px}.nav-cta,.btn{transition:transform .16s,box-shadow .16s,background-color .16s}.nav-cta{border:1px solid color-mix(in srgb, var(--hoppla-border) 88%, transparent);background:color-mix(in srgb, var(--hoppla-surface-elevated) 18%, transparent);min-height:3rem;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-size:.84rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 10px 24px #1967c30f}.nav-cta:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px #1967c32e}.card,.sidebar,.hero-copy,.hero-info-card{background:var(--hoppla-surface-elevated);border:1px solid var(--line);box-shadow:var(--hoppla-panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{gap:20px;display:grid;position:relative;overflow:hidden}.hero-simple{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.hero-copy,.hero-info-card,.studio-card,.cta-banner{padding:28px}.hero-bg{pointer-events:none;opacity:.5;position:absolute}.hero-bg-left{width:260px;top:-60px;left:-80px}.hero-bg-right{width:320px;bottom:-80px;right:-70px}.hero-copy h1{letter-spacing:-.05em;max-width:11ch;margin:14px 0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95}.hero-copy p,.section-head p,.card p,.topbar-copy p,.field-help,.mini-stat span,.hero-note,.studio-hint,.public-footer{color:var(--muted)}.hero-note{margin-top:18px}.eyebrow{background:var(--accent-soft);color:var(--brand);font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-kicker);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:900;display:inline-flex}.section,.stack-lg{margin-top:28px}.stack-md,.stack-lg,.stack-xl,.field-grid{gap:18px;display:grid}.stack-xl{gap:32px}.stack-md{gap:18px}.section-head{margin-bottom:14px}.section-head h2,.card h2,.card h3,.topbar h1{margin:0}.section-head h2{font-size:var(--hoppla-type-subtitle);font-weight:800}.feature-grid,.trust-grid,.pricing-grid,.stats-grid,.mini-stat-grid{gap:16px;display:grid}.feature-grid,.trust-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.illustration-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px;display:grid}.pricing-grid-single{grid-template-columns:minmax(0,420px)}.pricing-grid-dual{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mini-stat-grid{grid-template-columns:repeat(3,1fr);margin-top:18px}.mini-stat{background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--hoppla-card-shadow);border-radius:18px;padding:16px;position:relative;overflow:hidden}.mini-stat:before{content:"";background:var(--tone-brand-light);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.mini-stat strong{margin-bottom:6px;font-size:1.25rem;display:block}.mini-stat-brand:before{background:var(--tone-brand-light)}.mini-stat-sky:before{background:var(--tone-sky)}.mini-stat-emerald:before{background:var(--tone-emerald)}.mini-stat-indigo:before{background:var(--tone-indigo)}.mini-stat-amber:before{background:var(--tone-amber)}.mini-stat-rose:before{background:var(--tone-rose-dark)}.studio-card{background:linear-gradient(#ffffffeb,#fbf8f3f5)}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:24px;display:grid}.studio-preview{gap:16px;display:grid}.hero-mockup-card,.feature-art-card,.illustration-card{overflow:hidden}.hero-mockup-image,.feature-pack-image,.feature-illustration-image,.studio-frame-art,.dashboard-preview-image{width:100%;height:auto;display:block}.studio-points,.type-strip{flex-wrap:wrap;gap:8px;display:flex}.studio-points span,.type-strip span{border:1px solid var(--line);background:color-mix(in srgb, var(--hoppla-surface-elevated) 78%, transparent);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.85rem}.studio-mini-panel{gap:12px;display:grid}.studio-mini-panel>div{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.studio-mini-panel strong{margin-bottom:4px;display:block}.studio-actions,.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-span{grid-column:1/-1}label{gap:8px;display:grid}label span{color:color-mix(in srgb, var(--hoppla-text) 66%, transparent);font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-kicker);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.btn,.input,.select{border:1px solid var(--line);padding:13px 16px}.btn{cursor:pointer;min-height:36px;font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-btn);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--hoppla-card-shadow);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s,background-color .16s;display:inline-flex}.btn-primary{background:var(--hoppla-surface-elevated);color:var(--tone-brand-light);box-shadow:none;border-color:#1967c329}.btn-primary:hover{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:#fff;filter:none}.btn-secondary{background:var(--hoppla-surface);color:color-mix(in srgb, var(--tone-brand-light) 78%, var(--hoppla-text));border-color:#0206171a}.btn-ghost{color:color-mix(in srgb, var(--tone-brand-light) 78%, var(--hoppla-text));background:0 0;border-color:#02061714}.btn-danger{background:var(--hoppla-surface-strong);color:var(--tone-rose-dark);border-color:#be185d2e}.btn:hover{box-shadow:var(--hoppla-card-shadow-lg);transform:translateY(-1px)}.btn:focus-visible,.input:focus-visible,.select:focus-visible,button:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 4px #38bdf838}.card,.sidebar,.modal-panel,.plan-card,.feature-card,.trust-item,.showcase-card,.illustration-card,.feature-art-card{border-radius:var(--hoppla-card-radius);border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);box-shadow:var(--hoppla-panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card{padding:24px}.input,.select{background:var(--hoppla-surface-elevated);width:100%;min-height:52px;color:var(--ink);font-family:var(--hoppla-font-sans);font-size:var(--hoppla-type-body-sm);border-radius:18px}.input::placeholder,.select::placeholder{color:#02061775}.badge{min-height:2rem;font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-kicker);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-weight:900;display:inline-flex}.badge-neutral{color:var(--tone-brand-light);background:#1967c31a;border-color:#1967c329}.badge-success{color:#047857;background:#10b9811f;border-color:#10b9812e}.badge-warning{color:#b45309;background:#f59e0b21;border-color:#f59e0b2e}.badge-danger{color:var(--tone-rose-dark);background:#be185d1f;border-color:#be185d2e}.badge-info{color:#4f46e5;background:#6366f11f;border-color:#6366f12e}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input[type=color]{min-height:52px;padding:6px}.field-help{font-size:.85rem}:root[data-theme=dark] .card,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .modal-panel,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .trust-item,:root[data-theme=dark] .showcase-card,:root[data-theme=dark] .illustration-card,:root[data-theme=dark] .feature-art-card,:root[data-theme=dark] .public-header-bar,:root[data-theme=dark] .public-footer,:root[data-theme=dark] .topbar-shell,:root[data-theme=dark] .dashboard-qr-card,:root[data-theme=dark] .dashboard-qr-list-item,:root[data-theme=dark] .admin-grid-row,:root[data-theme=dark] .admin-membership-card,:root[data-theme=dark] .admin-kv-grid div,:root[data-theme=dark] .auth-screen-panel,:root[data-theme=dark] .auth-google-card,:root[data-theme=dark] .qr-style-section,:root[data-theme=dark] .public-section-surface,:root[data-theme=dark] .public-glass-card{background:var(--hoppla-surface);border-color:var(--hoppla-border);color:var(--hoppla-text)}:root[data-theme=dark] .input,:root[data-theme=dark] .select,:root[data-theme=dark] .topbar-search-input,:root[data-theme=dark] .auth-input.input,:root[data-theme=dark] .dashboard-qr-filter-group select,:root[data-theme=dark] .dashboard-qr-actions button,:root[data-theme=dark] .dashboard-qr-edit-button,:root[data-theme=dark] .theme-toggle-button,:root[data-theme=dark] .language-picker-button,:root[data-theme=dark] .public-nav-toggle,:root[data-theme=dark] .topbar-profile,:root[data-theme=dark] .topbar-account-menu,:root[data-theme=dark] .topbar-account-option,:root[data-theme=dark] .qr-style-card,:root[data-theme=dark] .public-type-item,:root[data-theme=dark] .public-preview-link-pill,:root[data-theme=dark] .dashboard-qr-tag-cloud span,:root[data-theme=dark] .dashboard-qr-limit-pill,:root[data-theme=dark] .dashboard-qr-badge-neutral{background:var(--hoppla-surface-low);border-color:var(--hoppla-border);color:var(--hoppla-text)}:root[data-theme=dark] .auth-page-root,:root.dark .auth-page-root,html.dark .auth-page-root{background:radial-gradient(48rem 48rem at 0 10%,#38bdf81f,#0000 58%),radial-gradient(34rem 34rem at 100% 0,#6366f11f,#0000 54%),linear-gradient(#081224 0%,#060b18 100%)}:root[data-theme=dark] .auth-screen,:root.dark .auth-screen,html.dark .auth-screen{background:linear-gradient(#081224f5,#060b18fa)}:root[data-theme=dark] .auth-screen-visual,:root.dark .auth-screen-visual,html.dark .auth-screen-visual{background:radial-gradient(circle at 0 0,#38bdf833,#0000 42%),radial-gradient(circle at 100% 100%,#6366f133,#0000 42%),linear-gradient(135deg,#081224e0 0%,#0f172aeb 100%)}:root[data-theme=dark] .auth-screen-visual-badge,:root.dark .auth-screen-visual-badge,html.dark .auth-screen-visual-badge{background:#ffffff0f;border-color:#38bdf829}:root[data-theme=dark] .auth-modal-close,:root.dark .auth-modal-close,html.dark .auth-modal-close{color:#fffffff0;background:#0f172ae0}:root[data-theme=dark] .nav-cta,:root.dark .nav-cta,html.dark .nav-cta{color:#fffffff5;background:#ffffff0f;border-color:#94a3b82e}:root[data-theme=dark] .btn-primary,:root.dark .btn-primary,html.dark .btn-primary{color:var(--tone-brand-light);background:#0f172ae0;border-color:#1967c352}:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .btn-ghost,:root.dark .btn-secondary,:root.dark .btn-ghost,html.dark .btn-secondary,html.dark .btn-ghost{color:#e2e8f0f0;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .public-site-shell,:root[data-theme=dark] .dashboard-qr-shell{background:radial-gradient(circle at top left, #0ea5e91f, transparent 28%), radial-gradient(circle at top right, #6366f124, transparent 26%), var(--hoppla-bg)}:root[data-theme=dark] .public-login-link,:root[data-theme=dark] .public-nav-links a,:root[data-theme=dark] .app-page-description,:root[data-theme=dark] .dashboard-qr-card-label,:root[data-theme=dark] .dashboard-qr-card-cta p,:root[data-theme=dark] .dashboard-qr-section-head p,:root[data-theme=dark] .public-hero-copy p,:root[data-theme=dark] .public-footer-text,:root[data-theme=dark] .public-footer-copy,:root[data-theme=dark] .public-footer-links a,:root[data-theme=dark] .topbar-profile-label,:root[data-theme=dark] .topbar-account-option span,:root[data-theme=dark] .admin-membership-head small,:root[data-theme=dark] .qr-style-card small,:root[data-theme=dark] .qr-style-section-head p,:root[data-theme=dark] .public-footer-links a,:root[data-theme=dark] .public-footer-contact-card span,:root[data-theme=dark] .field-help{color:var(--hoppla-text-soft)}:root[data-theme=dark] .public-hero-copy h1,:root[data-theme=dark] .public-step-head h2,:root[data-theme=dark] .qr-style-section-head h3,:root[data-theme=dark] .dashboard-qr-page-head h2,:root[data-theme=dark] .dashboard-qr-list-copy h4,:root[data-theme=dark] .app-page-title,:root[data-theme=dark] .auth-panel-head h1,:root[data-theme=dark] .auth-screen-visual-card h2,:root[data-theme=dark] .dashboard-qr-brand h1,:root[data-theme=dark] .dashboard-qr-topbar-title,:root[data-theme=dark] .topbar-account-option strong,:root[data-theme=dark] .admin-grid-head strong,:root[data-theme=dark] .public-footer-kicker,:root[data-theme=dark] .admin-kv-grid span{color:var(--hoppla-text)}:root[data-theme=dark] .metric-card,:root[data-theme=dark] .dashboard-info-card{color:#fff;background:linear-gradient(#081224f0,#0a1426f5),radial-gradient(circle at 100% 0,#38bdf81a,#0000 40%);border-color:#38bdf824}:root[data-theme=dark] .admin-page-header,:root[data-theme=dark] .admin-dashboard-hero,:root[data-theme=dark] .admin-stripe-console,:root.dark .admin-page-header,:root.dark .admin-dashboard-hero,:root.dark .admin-stripe-console,html.dark .admin-page-header,html.dark .admin-dashboard-hero,html.dark .admin-stripe-console{color:var(--hoppla-text);background:radial-gradient(circle at 100% 0,#38bdf81a,#0000 36%),linear-gradient(#081224f0,#0a1426f5);border-color:#38bdf824}:root[data-theme=dark] .admin-dashboard-hero-copy h2,:root[data-theme=dark] .admin-section-heading h2,:root[data-theme=dark] .admin-stripe-console-title h3,:root[data-theme=dark] .admin-action-card-copy h3,:root[data-theme=dark] .admin-metric-card h3,:root[data-theme=dark] .admin-metric-card p,:root.dark .admin-dashboard-hero-copy h2,:root.dark .admin-section-heading h2,:root.dark .admin-stripe-console-title h3,:root.dark .admin-action-card-copy h3,:root.dark .admin-metric-card h3,:root.dark .admin-metric-card p,html.dark .admin-dashboard-hero-copy h2,html.dark .admin-section-heading h2,html.dark .admin-stripe-console-title h3,html.dark .admin-action-card-copy h3,html.dark .admin-metric-card h3,html.dark .admin-metric-card p{color:var(--hoppla-text)}:root[data-theme=dark] .admin-dashboard-hero-copy p,:root[data-theme=dark] .admin-section-heading p,:root[data-theme=dark] .admin-stripe-console-title p,:root[data-theme=dark] .admin-action-card-copy p,:root.dark .admin-dashboard-hero-copy p,:root.dark .admin-section-heading p,:root.dark .admin-stripe-console-title p,:root.dark .admin-action-card-copy p,html.dark .admin-dashboard-hero-copy p,html.dark .admin-section-heading p,html.dark .admin-stripe-console-title p,html.dark .admin-action-card-copy p{color:var(--hoppla-text-soft)}:root[data-theme=dark] .admin-dashboard-hero-guards,:root[data-theme=dark] .admin-dashboard-hero-guards span,:root[data-theme=dark] .admin-stripe-warning,:root[data-theme=dark] .admin-action-card-guard,:root[data-theme=dark] .admin-action-card-arrow,:root.dark .admin-dashboard-hero-guards,:root.dark .admin-dashboard-hero-guards span,:root.dark .admin-stripe-warning,:root.dark .admin-action-card-guard,:root.dark .admin-action-card-arrow,html.dark .admin-dashboard-hero-guards,html.dark .admin-dashboard-hero-guards span,html.dark .admin-stripe-warning,html.dark .admin-action-card-guard,html.dark .admin-action-card-arrow{color:var(--hoppla-text);background:#ffffff0f;border-color:#38bdf824}:root[data-theme=dark] .metric-card-brand{background:linear-gradient(#081224f0,#0a1426f5),radial-gradient(circle at 100% 0,#1967c329,#0000 42%)}:root[data-theme=dark] .metric-card-secondary{background:linear-gradient(#081224f0,#0a1426f5),radial-gradient(circle at 100% 0,#818cf829,#0000 42%)}:root[data-theme=dark] .metric-card-tertiary{background:linear-gradient(#081224f0,#0a1426f5),radial-gradient(circle at 100% 0,#34d39929,#0000 42%)}:root[data-theme=dark] .metric-card-neutral{background:linear-gradient(#081224f0,#0a1426f5),radial-gradient(circle at 100% 0,#fbbf2424,#0000 42%)}:root[data-theme=dark] .metric-card-head h3,:root[data-theme=dark] .dashboard-info-card h3,:root[data-theme=dark] .metric-card-body strong{color:#fff}:root[data-theme=dark] .metric-card-icon{color:var(--tone-sky-soft);background:#38bdf81f}:root[data-theme=dark] .metric-pill{color:var(--tone-indigo-soft);background:#818cf824;border:1px solid #818cf833}:root[data-theme=dark] .dashboard-info-card p,:root[data-theme=dark] .dashboard-info-card small{color:#ffffffe0}:root[data-theme=dark] .dashboard-info-card small{color:var(--tone-amber-soft);margin-top:.5rem;display:block}:root[data-theme=dark] .dashboard-info-card a{color:var(--tone-sky-soft)}:root[data-theme=dark] .dashboard-info-card a:hover{color:#fff}:root[data-theme=dark] .app-page-actions .btn-secondary{color:#fff;background:#ffffff0a;border-color:#38bdf829}:root[data-theme=dark] .app-page-actions .btn-secondary:hover:enabled{background:#38bdf814;border-color:#38bdf847}:root[data-theme=dark] .app-page-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#1967c338,#38bdf82e);border-color:#38bdf83d}:root[data-theme=dark] .qr-detail-action,:root.dark .qr-detail-action,html.dark .qr-detail-action{box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-brand,:root.dark .qr-detail-action-brand,html.dark .qr-detail-action-brand{border-color:var(--tone-brand-light)!important;color:#7dd3fc!important;box-shadow:none!important;background:#0f172ae0!important}:root[data-theme=dark] .qr-detail-action-brand:hover:enabled,:root.dark .qr-detail-action-brand:hover:enabled,html.dark .qr-detail-action-brand:hover:enabled{background:var(--tone-brand-light)!important;color:#fff!important}:root[data-theme=dark] .qr-detail-action-indigo,:root.dark .qr-detail-action-indigo,html.dark .qr-detail-action-indigo{border-color:var(--tone-indigo)!important;color:#a5b4fc!important;box-shadow:none!important;background:#0f172ae0!important}:root[data-theme=dark] .qr-detail-action-indigo:hover:enabled,:root.dark .qr-detail-action-indigo:hover:enabled,html.dark .qr-detail-action-indigo:hover:enabled{background:var(--tone-indigo)!important;color:#fff!important}:root[data-theme=dark] .qr-detail-action-emerald,:root.dark .qr-detail-action-emerald,html.dark .qr-detail-action-emerald{border-color:var(--tone-emerald)!important;color:#34d399!important;box-shadow:none!important;background:#0f172ae0!important}:root[data-theme=dark] .qr-detail-action-emerald:hover:enabled,:root.dark .qr-detail-action-emerald:hover:enabled,html.dark .qr-detail-action-emerald:hover:enabled{background:var(--tone-emerald)!important;color:#fff!important}:root[data-theme=dark] .qr-detail-action-amber,:root.dark .qr-detail-action-amber,html.dark .qr-detail-action-amber{border-color:var(--tone-amber)!important;color:#fbbf24!important;box-shadow:none!important;background:#0f172ae0!important}:root[data-theme=dark] .qr-detail-action-amber:hover:enabled,:root.dark .qr-detail-action-amber:hover:enabled,html.dark .qr-detail-action-amber:hover:enabled{background:var(--tone-amber)!important;color:#fff!important}:root[data-theme=dark] .qr-detail-action-rose,:root.dark .qr-detail-action-rose,html.dark .qr-detail-action-rose{border-color:var(--tone-rose-dark)!important;color:#f472b6!important;box-shadow:none!important;background:#0f172ae0!important}:root[data-theme=dark] .qr-detail-action-rose:hover:enabled,:root.dark .qr-detail-action-rose:hover:enabled,html.dark .qr-detail-action-rose:hover:enabled{background:var(--tone-rose-dark)!important;color:#fff!important}:root[data-theme=dark] .auth-field label,:root.dark .auth-field label,html.dark .auth-field label,:root[data-theme=dark] .auth-checkbox,:root.dark .auth-checkbox,html.dark .auth-checkbox,:root[data-theme=dark] .auth-google-head span,:root.dark .auth-google-head span,html.dark .auth-google-head span,:root[data-theme=dark] .auth-divider span,:root.dark .auth-divider span,html.dark .auth-divider span{color:var(--hoppla-text)}:root[data-theme=dark] .auth-field small,:root.dark .auth-field small,html.dark .auth-field small,:root[data-theme=dark] .auth-inline-link,:root.dark .auth-inline-link,html.dark .auth-inline-link,:root[data-theme=dark] .auth-switch-link,:root.dark .auth-switch-link,html.dark .auth-switch-link,:root[data-theme=dark] .auth-password-toggle,:root.dark .auth-password-toggle,html.dark .auth-password-toggle{color:var(--hoppla-text-soft)}:root[data-theme=dark] .auth-input.input::placeholder,:root.dark .auth-input.input::placeholder,html.dark .auth-input.input::placeholder{color:#e2e8f07a}:root[data-theme=dark] .auth-divider:before,:root.dark .auth-divider:before,html.dark .auth-divider:before{border-top-color:#94a3b842}:root[data-theme=dark] .public-footer-contact-card{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 14px 34px #0003}:root[data-theme=dark] .public-footer-contact-card a{color:var(--tone-indigo-soft)}:root[data-theme=dark] .public-footer-contact-card a:hover{color:var(--tone-sky-soft)}:root[data-theme=dark] .public-footer-bottom-link{color:inherit}:root[data-theme=dark] .public-footer-bottom,:root.dark .public-footer-bottom,html.dark .public-footer-bottom{color:#e2e8f09e}:root[data-theme=light] .pricing-showcase-title,:root.light .pricing-showcase-title,html.light .pricing-showcase-title{color:#020617eb}:root[data-theme=light] .pricing-showcase-lead,:root.light .pricing-showcase-lead,html.light .pricing-showcase-lead,:root[data-theme=light] .pricing-showcase-kicker,:root.light .pricing-showcase-kicker,html.light .pricing-showcase-kicker{color:#1e293bc7}:root[data-theme=light] .pricing-showcase-block,:root.light .pricing-showcase-block,html.light .pricing-showcase-block{border-top-color:#02061712}:root[data-theme=light] .pricing-showcase-card,:root.light .pricing-showcase-card,html.light .pricing-showcase-card{background:linear-gradient(#fffffffa,#f8fafcf5),#fff;border-color:#02061714;box-shadow:0 18px 42px #0f172a14}:root[data-theme=light] .pricing-showcase-card-tag,:root.light .pricing-showcase-card-tag,html.light .pricing-showcase-card-tag{color:#020617e6;background:#0206170a}:root[data-theme=light] .pricing-showcase-card-badge,:root.light .pricing-showcase-card-badge,html.light .pricing-showcase-card-badge{color:#1e293bc7;background:#ffffffd1;border-color:#02061714}:root[data-theme=light] .pricing-showcase-card-head h3,:root.light .pricing-showcase-card-head h3,html.light .pricing-showcase-card-head h3{color:#020617eb}:root[data-theme=light] .pricing-showcase-price,:root.light .pricing-showcase-price,html.light .pricing-showcase-price{color:#020617f5}:root[data-theme=light] .pricing-showcase-card-sky .pricing-showcase-price,:root.light .pricing-showcase-card-sky .pricing-showcase-price,html.light .pricing-showcase-card-sky .pricing-showcase-price{color:var(--tone-sky)}:root[data-theme=light] .pricing-showcase-card-emerald .pricing-showcase-price,:root.light .pricing-showcase-card-emerald .pricing-showcase-price,html.light .pricing-showcase-card-emerald .pricing-showcase-price{color:var(--tone-emerald)}:root[data-theme=light] .pricing-showcase-card-amber .pricing-showcase-price,:root.light .pricing-showcase-card-amber .pricing-showcase-price,html.light .pricing-showcase-card-amber .pricing-showcase-price{color:var(--tone-amber)}:root[data-theme=light] .pricing-showcase-price-secondary,:root.light .pricing-showcase-price-secondary,html.light .pricing-showcase-price-secondary,:root[data-theme=light] .pricing-showcase-period,:root.light .pricing-showcase-period,html.light .pricing-showcase-period,:root[data-theme=light] .pricing-showcase-description,:root.light .pricing-showcase-description,html.light .pricing-showcase-description,:root[data-theme=light] .pricing-showcase-note,:root.light .pricing-showcase-note,html.light .pricing-showcase-note,:root[data-theme=light] .pricing-showcase-features,:root.light .pricing-showcase-features,html.light .pricing-showcase-features{color:#1e293bc2}:root[data-theme=light] .pricing-showcase-reassurance,:root.light .pricing-showcase-reassurance,html.light .pricing-showcase-reassurance{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 48%),linear-gradient(#fffffffa,#f8fafcf5),#fff;border-color:#1967c324;box-shadow:0 18px 42px #0f172a14}:root[data-theme=light] .pricing-showcase-reassurance-copy h3,:root.light .pricing-showcase-reassurance-copy h3,html.light .pricing-showcase-reassurance-copy h3{color:#020617eb}:root[data-theme=light] .pricing-showcase-reassurance-copy p,:root.light .pricing-showcase-reassurance-copy p,html.light .pricing-showcase-reassurance-copy p{color:#1e293bc2}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .nav-cta,:root[data-theme=dark] .sidebar-primary-button,:root[data-theme=dark] .auth-submit-button,:root[data-theme=dark] .dashboard-qr-primary-cta,:root[data-theme=dark] .dashboard-qr-gradient-cta{background:var(--tone-brand-light);color:#fff}:root[data-theme=dark] .dashboard-qr-primary-cta,:root.dark .dashboard-qr-primary-cta,html.dark .dashboard-qr-primary-cta,:root[data-theme=dark] .dashboard-qr-gradient-cta,:root.dark .dashboard-qr-gradient-cta,html.dark .dashboard-qr-gradient-cta{border-color:var(--tone-brand-light);color:#7dd3fc;box-shadow:none;background:#0f172ae0}:root[data-theme=dark] .dashboard-qr-primary-cta:hover:enabled,:root.dark .dashboard-qr-primary-cta:hover:enabled,html.dark .dashboard-qr-primary-cta:hover:enabled,:root[data-theme=dark] .dashboard-qr-gradient-cta:hover:enabled,:root.dark .dashboard-qr-gradient-cta:hover:enabled,html.dark .dashboard-qr-gradient-cta:hover:enabled{background:var(--tone-brand-light);color:#fff}:root[data-theme=dark] .dashboard-qr-edit-button,:root.dark .dashboard-qr-edit-button,html.dark .dashboard-qr-edit-button,:root[data-theme=dark] .dashboard-qr-actions button,:root.dark .dashboard-qr-actions button,html.dark .dashboard-qr-actions button{box-shadow:none;background:#0f172ae0}:root[data-theme=dark] .dashboard-qr-edit-button,:root.dark .dashboard-qr-edit-button,html.dark .dashboard-qr-edit-button,:root[data-theme=dark] .dashboard-qr-action-indigo,:root.dark .dashboard-qr-action-indigo,html.dark .dashboard-qr-action-indigo{border-color:var(--tone-indigo);color:#a5b4fc}:root[data-theme=dark] .dashboard-qr-edit-button:hover:enabled,:root.dark .dashboard-qr-edit-button:hover:enabled,html.dark .dashboard-qr-edit-button:hover:enabled,:root[data-theme=dark] .dashboard-qr-action-indigo:hover:enabled,:root.dark .dashboard-qr-action-indigo:hover:enabled,html.dark .dashboard-qr-action-indigo:hover:enabled{background:var(--tone-indigo)!important;color:#fff!important}:root[data-theme=dark] .dashboard-qr-action-brand,:root.dark .dashboard-qr-action-brand,html.dark .dashboard-qr-action-brand{border-color:var(--tone-brand-light)!important;color:#7dd3fc!important}:root[data-theme=dark] .dashboard-qr-action-brand:hover:enabled,:root.dark .dashboard-qr-action-brand:hover:enabled,html.dark .dashboard-qr-action-brand:hover:enabled{background:var(--tone-brand-light)!important;color:#fff!important}:root[data-theme=dark] .dashboard-qr-pause-action,:root.dark .dashboard-qr-pause-action,html.dark .dashboard-qr-pause-action{border-color:var(--tone-amber)!important;color:#fbbf24!important}:root[data-theme=dark] .dashboard-qr-pause-action:hover:enabled,:root.dark .dashboard-qr-pause-action:hover:enabled,html.dark .dashboard-qr-pause-action:hover:enabled{background:var(--tone-amber)!important;color:#fff!important}:root[data-theme=dark] .dashboard-qr-delete-action,:root.dark .dashboard-qr-delete-action,html.dark .dashboard-qr-delete-action{border-color:var(--tone-rose-dark)!important;color:#f472b6!important}:root[data-theme=dark] .dashboard-qr-delete-action:hover:enabled,:root.dark .dashboard-qr-delete-action:hover:enabled,html.dark .dashboard-qr-delete-action:hover:enabled{background:var(--tone-rose-dark)!important;color:#fff!important}:root[data-theme=dark] .public-hero-home,:root.dark .public-hero-home,html.dark .public-hero-home{background:linear-gradient(#02061780,#0206175c),radial-gradient(circle at 12% 20%,#38bdf82e,#0000 28%),radial-gradient(circle at 88% 14%,#818cf82e,#0000 30%)}:root[data-theme=dark] .public-hero-solutions,:root.dark .public-hero-solutions,html.dark .public-hero-solutions{background:linear-gradient(#02061780,#0206175c),radial-gradient(circle at 12% 20%,#34d39929,#0000 28%),radial-gradient(circle at 88% 14%,#818cf829,#0000 30%)}:root[data-theme=dark] .public-hero-pricing,:root.dark .public-hero-pricing,html.dark .public-hero-pricing{background:linear-gradient(#02061780,#0206175c),radial-gradient(circle at 12% 20%,#fbbf242e,#0000 28%),radial-gradient(circle at 88% 14%,#fb718529,#0000 30%)}:root[data-theme=dark] .solutions-hero:before,:root.dark .solutions-hero:before,html.dark .solutions-hero:before{content:none}:root[data-theme=dark] .solutions-section,:root.dark .solutions-section,html.dark .solutions-section{background:#08122470}:root[data-theme=dark] .solutions-section-muted,:root.dark .solutions-section-muted,html.dark .solutions-section-muted{background:#0f172a9e}:root[data-theme=dark] .solutions-kicker,:root.dark .solutions-kicker,html.dark .solutions-kicker{color:#b4c5ff;background:#0f172ad1;border-color:#94a3b842}:root[data-theme=dark] .solutions-hero-copy h1,:root.dark .solutions-hero-copy h1,html.dark .solutions-hero-copy h1,:root[data-theme=dark] .solutions-copy h2,:root.dark .solutions-copy h2,html.dark .solutions-copy h2{color:#f8fbff}:root[data-theme=dark] .solutions-hero-copy p,:root.dark .solutions-hero-copy p,html.dark .solutions-hero-copy p,:root[data-theme=dark] .solutions-copy p,:root.dark .solutions-copy p,html.dark .solutions-copy p,:root[data-theme=dark] .solutions-feature-list li,:root.dark .solutions-feature-list li,html.dark .solutions-feature-list li{color:#e2e8f0d1}:root[data-theme=dark] .solutions-hero-button-secondary,:root.dark .solutions-hero-button-secondary,html.dark .solutions-hero-button-secondary{color:#f8fbff;background:#0f172ac2;border-color:#94a3b838}:root[data-theme=dark] .solutions-hero-button-secondary:hover,:root.dark .solutions-hero-button-secondary:hover,html.dark .solutions-hero-button-secondary:hover{color:#b4c5ff;background:#1e293beb}:root[data-theme=dark] .solutions-glass-card,:root.dark .solutions-glass-card,html.dark .solutions-glass-card{background:#0f172ac2;border-color:#94a3b829;box-shadow:0 20px 44px #02061747}:root[data-theme=dark] .solutions-inline-link,:root.dark .solutions-inline-link,html.dark .solutions-inline-link{color:#b4c5ff}:root[data-theme=dark] .public-accent-card-brand,:root.dark .public-accent-card-brand,html.dark .public-accent-card-brand,:root[data-theme=dark] .admin-action-card-brand,:root.dark .admin-action-card-brand,html.dark .admin-action-card-brand{background:radial-gradient(circle at 100% 0,#38bdf829,#0000 36%),#02061752}:root[data-theme=dark] .public-accent-card-sky,:root.dark .public-accent-card-sky,html.dark .public-accent-card-sky,:root[data-theme=dark] .admin-action-card-sky,:root.dark .admin-action-card-sky,html.dark .admin-action-card-sky{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 36%),#02061752}:root[data-theme=dark] .public-accent-card-emerald,:root.dark .public-accent-card-emerald,html.dark .public-accent-card-emerald,:root[data-theme=dark] .admin-action-card-emerald,:root.dark .admin-action-card-emerald,html.dark .admin-action-card-emerald{background:radial-gradient(circle at 100% 0,#34d39929,#0000 36%),#02061752}:root[data-theme=dark] .public-accent-card-indigo,:root.dark .public-accent-card-indigo,html.dark .public-accent-card-indigo,:root[data-theme=dark] .admin-action-card-indigo,:root.dark .admin-action-card-indigo,html.dark .admin-action-card-indigo{background:radial-gradient(circle at 100% 0,#818cf82e,#0000 36%),#02061752}:root[data-theme=dark] .public-accent-card-amber,:root.dark .public-accent-card-amber,html.dark .public-accent-card-amber,:root[data-theme=dark] .admin-action-card-amber,:root.dark .admin-action-card-amber,html.dark .admin-action-card-amber{background:radial-gradient(circle at 100% 0,#fbbf242e,#0000 36%),#02061752}:root[data-theme=dark] .public-accent-card-rose,:root.dark .public-accent-card-rose,html.dark .public-accent-card-rose,:root[data-theme=dark] .admin-action-card-rose,:root.dark .admin-action-card-rose,html.dark .admin-action-card-rose{background:radial-gradient(circle at 100% 0,#fb71852e,#0000 36%),#02061752}:root[data-theme=dark] .plan-card-free,:root.dark .plan-card-free,html.dark .plan-card-free{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 36%),#02061752}:root[data-theme=dark] .plan-card-hoppla,:root.dark .plan-card-hoppla,html.dark .plan-card-hoppla{background:radial-gradient(circle at 100% 0,#34d3992e,#0000 36%),#02061752}:root[data-theme=dark] .plan-card-pro,:root.dark .plan-card-pro,html.dark .plan-card-pro{background:radial-gradient(circle at 100% 0,#fbbf2433,#0000 36%),radial-gradient(circle at 0 100%,#fb718524,#0000 28%),#02061752}.qr-preview{place-items:center;min-height:240px;display:grid}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto}.feature-card,.trust-item{gap:12px;display:grid}.feature-card h3,.trust-item strong{font-size:1.05rem}.feature-icon,.trust-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--brand);border-radius:14px;place-items:center;display:grid}.plan-card{gap:18px;display:grid}.plan-card-free:before{background:var(--tone-sky)}.plan-card-hoppla:before{background:var(--tone-emerald)}.plan-card-pro:before{background:var(--tone-amber)}.plan-card-free{background:radial-gradient(circle at 100% 0,#0ea5e91f,#0000 36%),linear-gradient(#fffffff5,#f6fcffeb)}.plan-card-hoppla{background:radial-gradient(circle at 100% 0,#10b9811f,#0000 36%),linear-gradient(#fffffff5,#f6fffbeb)}.plan-card-pro{background:radial-gradient(circle at 100% 0,#f59e0b24,#0000 36%),radial-gradient(circle at 0 100%,#be185d14,#0000 28%),linear-gradient(#fffffff5,#fffbf3eb)}.plan-card-highlighted{box-shadow:var(--hoppla-card-shadow-lg);border-color:#f59e0b4d}.plan-head strong{margin-top:8px;font-size:2rem;display:block}.plan-price-secondary{color:var(--muted);margin-top:.35rem;font-size:.95rem;font-weight:600;display:block}.plan-badge-graphic{width:auto;max-width:180px;height:42px;margin-top:10px;display:block}.plan-period{color:var(--muted);margin-top:6px;font-size:.95rem;display:inline-block}.plan-list{color:var(--muted);margin:0;padding-left:18px}.pricing-showcase{gap:1.15rem;display:grid}.pricing-showcase-header{text-align:center;width:100%;max-width:980px;margin:0 auto}.pricing-showcase-title{letter-spacing:-.04em;color:#fffffff5;text-wrap:balance;margin:0;font-size:clamp(2.15rem,8.2vw,3.35rem);font-weight:950;line-height:.94}.pricing-showcase-lead{color:#e2e8f0d1;text-wrap:pretty;max-width:76ch;margin:12px auto 0;font-size:clamp(.98rem,.92rem + .24vw,1.06rem);line-height:1.62}.pricing-showcase-block{border-top:1px solid #ffffff12;gap:14px;padding-top:18px;display:grid}.pricing-showcase-block-head{gap:10px;display:grid}.pricing-showcase-kicker{font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.16em;text-transform:uppercase;color:#e2e8f0d6;font-weight:950}.pricing-showcase-grid{grid-template-columns:1fr;gap:14px;display:grid}.pricing-showcase-card{background:linear-gradient(#ffffff12,#ffffff08),#0206173d;border:1px solid #ffffff14;border-radius:22px;gap:14px;padding:16px;display:grid;box-shadow:0 18px 42px #02061729}.pricing-showcase-card-sky{border-color:#0ea5e938}.pricing-showcase-card-emerald{border-color:#10b98138}.pricing-showcase-card-amber{border-color:#f59e0b38}.pricing-showcase-card-highlighted{box-shadow:0 22px 46px #f59e0b2e}.pricing-showcase-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pricing-showcase-card-tag,.pricing-showcase-card-badge{min-height:2rem;font-family:var(--hoppla-font-title);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.74rem;font-weight:900;display:inline-flex}.pricing-showcase-card-tag{color:#fffffff5;background:#ffffff14}.pricing-showcase-card-badge{color:#ffffffeb;background:#ffffff0a;border:1px solid #ffffff1f}.pricing-showcase-card-head{gap:.55rem;display:grid}.pricing-showcase-card-head h3{letter-spacing:-.03em;color:#fffffff7;margin:0;font-size:clamp(1.2rem,1rem + .7vw,1.5rem);font-weight:950;line-height:1.05}.pricing-showcase-price-wrap{gap:.1rem;display:grid}.pricing-showcase-price{letter-spacing:-.04em;color:#fffffffa;font-size:clamp(1.9rem,1.45rem + 1vw,2.5rem);font-weight:950;line-height:1}.pricing-showcase-card-sky .pricing-showcase-price{color:var(--tone-sky-soft)}.pricing-showcase-card-emerald .pricing-showcase-price{color:var(--tone-emerald-soft)}.pricing-showcase-card-amber .pricing-showcase-price{color:var(--tone-amber-soft)}.pricing-showcase-price-secondary,.pricing-showcase-period,.pricing-showcase-description,.pricing-showcase-note,.pricing-showcase-features{color:#e2e8f0d1}.pricing-showcase-price-secondary,.pricing-showcase-period{font-size:.96rem;font-weight:700}.pricing-showcase-description,.pricing-showcase-note{margin:0;font-size:.98rem;line-height:1.6}.pricing-showcase-features{gap:.55rem;margin:0;padding-left:1.2rem;font-size:.97rem;line-height:1.55;display:grid}.pricing-showcase-action,.pricing-showcase-reassurance-action{appearance:none;letter-spacing:.02em;cursor:pointer;color:#fff;border:0;border-radius:999px;width:fit-content;max-width:100%;min-height:48px;padding:0 18px;font-size:.94rem;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s}.pricing-showcase-action{background:linear-gradient(90deg,#1967c3,#0ea5e9);box-shadow:0 14px 28px #1967c338}.pricing-showcase-action:hover,.pricing-showcase-reassurance-action:hover{filter:brightness(1.03);transform:translateY(-1px)}.pricing-showcase-reassurance{background:radial-gradient(circle at 0 0,#38bdf824,#0000 48%),linear-gradient(#ffffff0f,#ffffff08),#0206173d;border:1px solid #1967c32e;border-radius:22px;align-items:center;gap:14px;padding:18px;display:grid;box-shadow:0 18px 42px #02061724}.pricing-showcase-reassurance-copy{gap:.5rem;display:grid}.pricing-showcase-reassurance-copy h3{letter-spacing:-.03em;color:#fffffff5;margin:0;font-size:clamp(1.2rem,1.08rem + .6vw,1.55rem);font-weight:950;line-height:1.05}.pricing-showcase-reassurance-copy p{color:#e2e8f0d1;margin:0;font-size:.98rem;line-height:1.6}.pricing-showcase-reassurance-action{background:linear-gradient(90deg,#f43f5e,#be185d);box-shadow:0 14px 28px #f43f5e33}.pricing-audience-toggle{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:inline-flex}.cta-banner{background:var(--brand);color:#fff;justify-content:space-between;align-items:center;gap:18px;display:flex}.cta-banner p{color:#ffffffc2}.cta-banner .btn-secondary,.cta-banner .btn-primary{color:var(--brand);background:#fff}.app-shell{width:calc(100% - (var(--page-gutter) * 2));grid-template-columns:300px minmax(0,1fr);gap:24px;margin:0 auto;display:grid}.sidebar{border-radius:var(--hoppla-card-radius-lg);align-self:start;margin:20px 0;padding:20px;position:sticky;top:18px}.sidebar-header{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.app-mark-link{font-family:var(--hoppla-font-title);color:var(--ink);align-items:center;gap:12px;font-weight:800;display:inline-flex}.app-mark{width:42px;height:42px;display:block}.sidebar-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.sidebar-logout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.nav-link{color:var(--muted);font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-btn);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:12px 14px;font-weight:800;display:block}.nav-link-active,.nav-link:hover{color:var(--brand);background:#1967c314}.topbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.topbar-copy{gap:8px;display:grid}.topbar h1,.app-page-title{color:#10233f;font-size:var(--hoppla-type-title);font-weight:800;line-height:.98}.app-page-description,.topbar-copy p{color:#020617b8;font-family:var(--hoppla-font-sans);font-size:var(--hoppla-type-body);line-height:1.65}.hero-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.stat-card{gap:6px;display:grid}.stat-label{color:var(--muted);font-size:.9rem}.stat-value{font-size:2rem}.qr-item,.empty-state,.auth-card{gap:16px;display:grid}.empty-state-actionable{min-height:8rem;color:var(--folder-ink,var(--dashboard-on-surface));text-align:center;justify-items:center;gap:1.15rem;padding:clamp(1.25rem,4vw,2.25rem) 1rem}.card.empty-state-actionable,:root[data-theme=dark] .card.empty-state-actionable,:root.dark .card.empty-state-actionable,html.dark .card.empty-state-actionable{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;outline:0}.empty-state-actionable>span:first-child{max-width:32rem;color:var(--folder-ink,var(--dashboard-on-surface));font:900 clamp(1.15rem, 2vw, 1.55rem)/1.2 var(--hoppla-font-title)}.empty-state-action{justify-content:center;display:flex}.empty-state-folder-button{border:3px solid var(--folder-ink,#0f172a);background:var(--folder-surface,#fff);min-height:3rem;color:var(--folder-ink,#0f172a);box-shadow:4px 4px 0 0 var(--folder-ink,#0f172a);font:900 .9rem/1.1 var(--hoppla-font-title);cursor:pointer;border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.05rem;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.empty-state-folder-button:hover,.empty-state-folder-button:focus-visible{box-shadow:6px 6px 0 0 var(--folder-ink,#0f172a);transform:translate(-2px,-2px)}.empty-state-folder-button:active{box-shadow:2px 2px 0 0 var(--folder-ink,#0f172a);transform:translate(2px,2px)}.empty-state-folder-button .material-symbols-outlined{font-size:1.15rem}.empty-state-folder-button-primary{background:var(--folder-blue,#1967c3);color:#fff}.empty-state-folder-button-yellow{background:var(--folder-yellow,#f59e0b)}.qr-item-main,.qr-item-meta,.qr-item-badges{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-item-meta{color:var(--muted);font-size:.92rem}.auth-card{width:min(560px,100%);margin:0 auto}.auth-links-stack{gap:.55rem;display:grid}.showcase-card{gap:12px;display:grid}.public-accent-card,.admin-action-card,.plan-card,.dashboard-info-card,.metric-card,.qr-style-section{position:relative;overflow:hidden}.public-accent-card:before,.admin-action-card:before,.plan-card:before,.dashboard-info-card:before,.metric-card:before,.qr-style-section:before{content:"";background:var(--tone-brand-light);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.public-accent-card-brand:before,.admin-action-card-brand:before{background:var(--tone-brand-light)}.public-accent-card-sky:before,.admin-action-card-sky:before{background:var(--tone-sky)}.public-accent-card-emerald:before,.admin-action-card-emerald:before{background:var(--tone-emerald)}.public-accent-card-indigo:before,.admin-action-card-indigo:before{background:var(--tone-indigo)}.public-accent-card-amber:before,.admin-action-card-amber:before{background:var(--tone-amber)}.public-accent-card-rose:before,.admin-action-card-rose:before{background:var(--tone-rose-dark)}.public-accent-card-brand,.admin-action-card-brand{background:radial-gradient(circle at 100% 0,#1967c31a,#0000 36%),linear-gradient(#fffffff5,#f7fbffeb)}.public-accent-card-sky,.admin-action-card-sky{background:radial-gradient(circle at 100% 0,#0ea5e91f,#0000 36%),linear-gradient(#fffffff5,#f6fcffeb)}.public-accent-card-emerald,.admin-action-card-emerald{background:radial-gradient(circle at 100% 0,#10b9811f,#0000 36%),linear-gradient(#fffffff5,#f6fffbeb)}.public-accent-card-indigo,.admin-action-card-indigo{background:radial-gradient(circle at 100% 0,#6366f11f,#0000 36%),linear-gradient(#fffffff5,#f8f8ffeb)}.public-accent-card-amber,.admin-action-card-amber{background:radial-gradient(circle at 100% 0,#f59e0b24,#0000 36%),linear-gradient(#fffffff5,#fffbf3eb)}.public-accent-card-rose,.admin-action-card-rose{background:radial-gradient(circle at 100% 0,#f43f5e1f,#0000 36%),linear-gradient(#fffffff5,#fff7faeb)}.admin-action-card-link{height:100%;display:block}.admin-action-card{border-color:#131b2e1f;grid-template-rows:auto 1fr auto;gap:1rem;min-height:100%;padding:1.1rem;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;display:grid}.admin-action-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-action-card-copy{gap:.45rem;display:grid}.admin-action-card-copy h3{color:#131b2e;font-family:var(--hoppla-font-title);letter-spacing:-.02em;margin:0;font-size:1.1rem}.admin-action-card-copy p{color:#526070;margin:0;font-size:.92rem;font-weight:700;line-height:1.55}.admin-action-card-arrow{color:#1967c3;background:#ffffffbd;border-radius:999px;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-family:Material Symbols Outlined;font-size:1.15rem;font-weight:400;line-height:1;transition:transform .16s;display:inline-grid}.admin-action-card-guard{color:#1967c3;white-space:normal;background:#ffffffb8;border:1px solid #1967c31f;align-self:end;max-width:100%;padding:.42rem .62rem;font-size:.69rem;line-height:1.35}.admin-action-card-link:hover .admin-action-card,.admin-action-card-link:focus-visible .admin-action-card{background:radial-gradient(circle at 100% 0,#1967c314,#0000 34%),#fff;border-color:#1967c33d;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.admin-action-card-link:hover .admin-action-card-arrow,.admin-action-card-link:focus-visible .admin-action-card-arrow{transform:translate(2px)}.admin-action-card-emoji{background:#1967c314;border-radius:.7rem;place-items:center;width:2rem;height:2rem;font-size:1rem;display:inline-grid}.admin-action-card-brand .admin-action-card-emoji{background:#1967c31a}.admin-action-card-sky .admin-action-card-emoji{background:#0ea5e91f}.admin-action-card-emerald .admin-action-card-emoji{background:#10b9811f}.admin-action-card-indigo .admin-action-card-emoji{background:#6366f11f}.admin-action-card-amber .admin-action-card-emoji{background:#f59e0b24}.admin-action-card-rose .admin-action-card-emoji{background:#f43f5e1f}.feature-art-card{padding:14px}.legal-card{gap:18px;display:grid}.information-page{color:#000;width:min(100%,960px);font-family:var(--hoppla-font-sans);gap:0;margin:0 auto;padding:32px 20px 64px;font-size:1rem;display:grid}.information-header-nav{z-index:35;margin:-32px -20px 24px;padding:16px 20px 14px;position:sticky;top:0}.information-header-nav-list{flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.information-header-nav-link{color:#1967c3;text-decoration:none}.information-header-nav-link:hover,.information-header-nav-link:focus-visible{text-decoration:underline}.information-page-head{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid}.information-page-kicker{color:#5a6472;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800}.information-page-head h1{color:#1967c3;font-family:var(--hoppla-font-sans);letter-spacing:0;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.information-page-head p{color:#000;max-width:none;margin:16px 0 0;font-size:1rem;line-height:1.7}.information-page-meta{color:#000!important;margin-top:10px!important;font-size:.95rem!important;line-height:1.5!important}.information-layout{grid-template-columns:1fr;gap:0;margin-top:28px;display:grid}.information-sidebar{position:static}.information-sidebar-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;margin-top:0;padding:0;display:grid}.information-sidebar-card strong{color:#1967c3;font-family:var(--hoppla-font-sans);letter-spacing:0;text-transform:none;margin:0 0 12px;font-size:1.2rem;font-weight:700}.information-sidebar-card nav{display:block}.information-toc-list{margin:0;padding-left:0;list-style:none}.information-toc-item{margin:9px 0}.information-sidebar-card a{color:#000;text-decoration:none}.information-sidebar-card a:hover,.information-sidebar-card a:focus-visible{color:#1967c3;text-decoration:underline}.information-article{gap:0;margin-top:32px;display:grid}.information-section{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;margin-top:32px;padding:0;scroll-margin-top:84px;display:grid}.information-section:first-child{margin-top:0}.information-section h2{color:#1967c3;font-family:var(--hoppla-font-sans);margin:0 0 14px;font-size:1.45rem;font-weight:700;line-height:1.3}.information-section h3{color:#1967c3;font-family:var(--hoppla-font-sans);margin:20px 0 10px;font-size:1.1rem;font-weight:700;line-height:1.4}.information-section p,.information-section li{color:#000;font-size:1rem;line-height:1.7}.information-section p{margin:12px 0}.information-section li{margin:6px 0;padding-left:18px;position:relative}.information-section li:before{content:"-";color:#1967c3;position:absolute;left:0}.information-section ul{gap:0;margin:12px 0;padding-left:0;list-style:none;display:grid}.information-section table{border-collapse:collapse;width:100%;font-size:.98rem}.information-section th,.information-section td{text-align:left;vertical-align:top;color:#000;border-bottom:1px solid #d8d8d8;padding:10px 8px}.information-section th{color:#1967c3;font-weight:700}.information-section .form-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.information-section .btn{color:#1967c3;min-height:auto;box-shadow:none;font:inherit;background:#fff;border:1px solid #1967c3;border-radius:0;padding:10px 16px;font-weight:700}.information-section .btn-primary{color:#fff;background:#1967c3}.information-section .btn-secondary{color:#1967c3;background:#fff}.inline-notice,.form-success,.form-error{border-radius:16px;padding:12px 14px}.toast-shell{z-index:2400;pointer-events:none;position:fixed;top:1.25rem;right:1.25rem}.toast{color:#0f172a;-webkit-backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #1a73e82e;border-radius:1rem;max-width:min(28rem,100vw - 2rem);padding:.9rem 1rem;font-size:.92rem;font-weight:700;line-height:1.4;animation:2s forwards hoppla-toast-slide;box-shadow:0 18px 42px #0f172a29}:root[data-theme=dark] .toast{color:#e2e8f0;background:#0d1525f5;border-color:#60a5fa47;box-shadow:0 20px 46px #02081770}.short-links-page{gap:1.4rem;display:grid}.qr-static-withdrawal-confirmation{border:1px solid color-mix(in srgb, #f59e0b 30%, var(--border-color));color:var(--text-primary);background:#f59e0b1a;border-radius:1rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.9rem 1rem;display:flex}.qr-static-withdrawal-confirmation input{width:1.1rem;height:1.1rem;accent-color:var(--brand-primary);margin-top:.2rem}.qr-static-withdrawal-confirmation span{gap:.25rem;display:grid}.qr-static-withdrawal-confirmation small{color:var(--text-secondary);line-height:1.45}.create-choice-page{grid-template-rows:minmax(0,1fr);min-height:calc(100dvh - 10.75rem);display:grid;overflow:hidden}.create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:hidden}.create-choice-card{background:var(--hoppla-surface-container);min-height:22rem;color:var(--hoppla-text);text-align:left;cursor:pointer;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;padding:clamp(2rem,6vw,4rem);transition:background .22s,color .22s,filter .22s,transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s;display:flex}.create-choice-card:hover{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface-container))}.create-choice-card:focus-visible{z-index:1;outline:3px solid color-mix(in srgb, var(--brand) 62%, transparent);outline-offset:-3px;position:relative}.create-choice-card:disabled{cursor:wait}.create-choice-heading{align-items:center;gap:1.5rem;display:flex}.create-choice-icon{background:color-mix(in srgb, var(--brand) 14%, var(--hoppla-surface));width:5rem;height:5rem;color:var(--brand);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;border-radius:999px;flex:none;place-items:center;font-size:3rem;transition:background .22s,color .22s,transform .32s;display:grid}.create-choice-card:hover .create-choice-icon{background:var(--brand);color:#fff;transform:scale(1.08)}.create-choice-card-qr:hover .create-choice-icon{animation:1.5s ease-out infinite create-choice-icon-pulse}.create-choice-card-link{background:var(--hoppla-surface-low)}.create-choice-card-link:hover{background:var(--hoppla-surface-container)}.create-choice-card-link .create-choice-icon{background:color-mix(in srgb, var(--tone-sky) 16%, var(--hoppla-surface));color:var(--tone-sky-deep,#006591)}.create-choice-card-link:hover .create-choice-icon{background:var(--tone-sky-deep,#006591);color:#fff}@media (width>=981px){.app-stage:has(.create-choice-card:hover){background:color-mix(in srgb, #020617 28%, var(--hoppla-bg))}.create-choice-card-qr:hover{background:radial-gradient(circle at 16% 28%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 30%), color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface-container))}.create-choice-card-link:hover{background:radial-gradient(circle at 16% 28%, #39b8fd3d, transparent 30%), var(--hoppla-surface-container)}.create-choice-grid:has(.create-choice-card:hover) .create-choice-card:not(:hover){filter:brightness(.68)saturate(.72);opacity:.62}.create-choice-grid:has(.create-choice-card:hover) .create-choice-card:hover{filter:none;opacity:1}}.create-choice-copy{gap:.75rem;max-width:34rem;display:grid}.create-choice-copy strong{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.035em;font-size:clamp(2rem,3.2vw,2.7rem);font-weight:700;line-height:1.05}.create-choice-copy span{color:var(--hoppla-text-soft);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.55}.create-choice-cta{color:var(--brand);font-family:var(--hoppla-font-body);align-items:center;gap:.45rem;margin-top:.25rem;font-size:.86rem;font-weight:800;display:inline-flex}.create-choice-card-link .create-choice-cta{color:var(--tone-sky-deep,#006591)}.create-choice-card:hover .create-choice-cta .icon-sm{transform:translate(.35rem)}.create-choice-cta .icon-sm{transition:transform .18s}.create-choice-page-leaving .create-choice-grid{animation:.26s cubic-bezier(.4,0,1,1) forwards create-choice-leave}.create-builder-enter{animation:.36s cubic-bezier(.16,1,.3,1) both create-builder-enter}.qr-studio-step-transition,.link-studio-step-transition{will-change:opacity, transform}.qr-studio-step-forward-leave,.link-studio-step-forward-leave{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both studio-step-leave-left}.qr-studio-step-forward-enter,.link-studio-step-forward-enter{animation:.3s cubic-bezier(.16,1,.3,1) both studio-step-enter-right}.qr-studio-step-backward-leave,.link-studio-step-backward-leave{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both studio-step-leave-right}.qr-studio-step-backward-enter,.link-studio-step-backward-enter{animation:.3s cubic-bezier(.16,1,.3,1) both studio-step-enter-left}@keyframes create-choice-leave{to{opacity:0;transform:translate(-9vw)}}@keyframes create-builder-enter{0%{opacity:0;transform:translate(9vw)}to{opacity:1;transform:translate(0)}}@keyframes studio-step-leave-left{to{opacity:0;transform:translate(-8%)}}@keyframes studio-step-enter-right{0%{opacity:0;transform:translate(8%)}to{opacity:1;transform:translate(0)}}@keyframes studio-step-leave-right{to{opacity:0;transform:translate(8%)}}@keyframes studio-step-enter-left{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:translate(0)}}@keyframes create-choice-icon-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 20%, transparent)}70%{box-shadow:0 0 0 .95rem #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.create-choice-page-leaving .create-choice-grid,.create-builder-enter,.qr-studio-step-forward-leave,.link-studio-step-forward-leave,.qr-studio-step-forward-enter,.link-studio-step-forward-enter,.qr-studio-step-backward-leave,.link-studio-step-backward-leave,.qr-studio-step-backward-enter,.link-studio-step-backward-enter{animation:none}}.short-links-create-card,.short-links-list-card{border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 12%, transparent), transparent 34%), var(--surface-elevated);box-shadow:var(--shadow-sm);border-radius:1.6rem;padding:clamp(1rem,2vw,1.5rem)}.short-links-create-heading,.short-links-list-heading,.short-link-row-main{align-items:flex-start;gap:1rem;display:flex}.short-links-create-heading .material-symbols-outlined{width:3rem;height:3rem;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 12%, transparent);border-radius:1rem;place-items:center;display:grid}.short-links-create-heading h2,.short-links-list-heading h2,.short-link-row h3{color:var(--text-primary);margin:0}.short-links-create-heading p,.short-link-row p,.short-links-plan-lock span{color:var(--text-secondary);margin:.2rem 0 0}.short-links-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.short-links-form label{color:var(--text-primary);gap:.4rem;font-weight:800;display:grid}.short-links-form select,.short-links-form textarea{border:1px solid var(--border-color);background:var(--input-bg,var(--surface));width:100%;color:var(--text-primary);font:inherit;border-radius:1rem;padding:.85rem 1rem}.short-links-form textarea{resize:vertical;min-height:7rem}.short-links-form-wide,.short-links-submit{grid-column:1/-1}.short-links-submit{justify-content:center;display:flex}.short-links-plan-lock{background:color-mix(in srgb, var(--warning-color,#f7b500) 12%, transparent);color:var(--text-primary);border-radius:1.2rem;gap:.5rem;margin-top:1rem;padding:1rem;display:grid}.short-links-list-heading{justify-content:space-between;align-items:center;margin-bottom:1rem}.short-links-list-heading span{min-width:2.3rem;height:2.3rem;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 12%, transparent);border-radius:999px;place-items:center;font-weight:900;display:grid}.short-links-list{gap:.9rem;display:grid}.short-link-row{border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);background:var(--surface);border-radius:1.25rem;grid-template-columns:minmax(0,1.5fr) auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.short-link-kind{background:color-mix(in srgb, var(--brand-primary) 12%, transparent);color:var(--brand-primary);border-radius:999px;flex:none;padding:.35rem .7rem;font-size:.78rem;font-weight:900}.short-link-kind-image{color:#b45309;background:#f59e0b24}.short-link-kind-pdf{color:#dc2626;background:#ef44441f}.short-link-row-main button{color:var(--brand-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.short-link-row-meta,.short-link-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.short-link-row-meta span{background:color-mix(in srgb, var(--surface-elevated) 70%, var(--border-color));color:var(--text-secondary);border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:800}.short-links-section{gap:1rem}.short-link-card{align-items:center}.short-link-card-icon{border-radius:1rem;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.short-link-card-icon-link{background:color-mix(in srgb, var(--tone-brand-light) 13%, transparent);color:var(--tone-brand-light)}.short-link-card-icon-image{background:color-mix(in srgb, var(--tone-amber) 16%, transparent);color:#a86600}.short-link-card-icon-pdf{background:color-mix(in srgb, var(--tone-rose-dark) 13%, transparent);color:var(--tone-rose-dark)}.short-link-card-destination{max-width:34rem;color:var(--dashboard-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;line-height:1.35;display:block;overflow:hidden}.link-studio-back{width:fit-content;color:var(--dashboard-on-surface-variant);font:800 .78rem/1 var(--hoppla-font-title);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;display:inline-flex}.link-studio-back:hover{color:var(--dashboard-primary)}.link-studio-page{box-sizing:border-box;width:100%;max-width:none}.link-studio-center{box-sizing:border-box;justify-items:center;width:100%;min-width:0;display:grid}.link-studio-mockup-shell{box-sizing:border-box;grid-template-columns:minmax(0,1fr);width:min(100%,68rem);margin-inline:auto}.link-studio-mockup-left{width:100%;min-width:0}.link-studio-mockup-card{overflow:hidden}.link-studio-mockup-card .link-studio-back{margin:clamp(1rem,2vw,1.3rem) clamp(1rem,2.4vw,1.7rem) 0}.link-studio-hero{margin-top:0}.link-studio-content-well{margin-top:clamp(1rem,2vw,1.4rem)}.link-studio-content-card{padding:clamp(1.1rem,2.5vw,1.6rem)}.link-studio-eyebrow,.link-studio-success>div>span{color:var(--dashboard-primary);font:800 .72rem/1 var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase}.link-studio-stage{padding:clamp(.75rem,1.6vw,1.25rem) clamp(1.1rem,2.5vw,2rem) clamp(1rem,2vw,1.5rem)}.link-studio-stage h2{color:var(--dashboard-on-surface);font:800 clamp(1.5rem, 2.5vw, 2.15rem)/1.12 var(--hoppla-font-title);margin:.7rem 0}.link-studio-stage>p{max-width:44rem;color:var(--dashboard-on-surface-variant);margin:0;line-height:1.6}.link-studio-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:100%;margin-top:.35rem;display:grid}.link-studio-kind{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-height:12rem;color:var(--dashboard-on-surface);text-align:center;cursor:pointer;border-radius:1.2rem;align-content:center;justify-items:center;gap:.65rem;padding:1.1rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.link-studio-kind:first-child{border-color:color-mix(in srgb, var(--tone-brand-light) 34%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-brand-light) 14%, var(--dashboard-surface-card)), var(--dashboard-surface-card))}.link-studio-kind:nth-child(2){border-color:color-mix(in srgb, var(--tone-amber) 36%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-amber) 15%, var(--dashboard-surface-card)), var(--dashboard-surface-card))}.link-studio-kind:nth-child(3){border-color:color-mix(in srgb, var(--tone-rose-dark) 34%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-rose-dark) 13%, var(--dashboard-surface-card)), var(--dashboard-surface-card))}.link-studio-kind:hover,.link-studio-kind.is-selected{border-color:var(--tone-brand-light);box-shadow:0 16px 30px color-mix(in srgb, var(--tone-brand-light) 16%, transparent);transform:translateY(-2px)}.link-studio-kind svg{color:var(--tone-brand-light)}.link-studio-kind:nth-child(2) svg{color:#a86600}.link-studio-kind:nth-child(3) svg{color:var(--tone-rose-dark)}.link-studio-kind strong{font:800 1.05rem/1.1 var(--hoppla-font-title)}.link-studio-kind span{color:var(--dashboard-on-surface-variant);font-size:.85rem;line-height:1.45}.link-studio-kind.is-locked{cursor:not-allowed;filter:saturate(.5);opacity:.62}.link-studio-kind.is-locked:hover{border-color:var(--dashboard-outline-variant);box-shadow:none;transform:none}.link-studio-kind-lock{background:color-mix(in srgb, var(--dashboard-on-surface) 9%, transparent);letter-spacing:.04em;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-weight:800;display:inline-flex;color:var(--dashboard-on-surface)!important;font-size:.65rem!important;line-height:1!important}.link-studio-kind-lock .icon-xs{width:.72rem;height:.72rem;color:currentColor!important}.link-studio-plan-unlock{border:1px solid color-mix(in srgb, var(--tone-brand-light) 20%, var(--dashboard-outline-variant));background:color-mix(in srgb, var(--tone-brand-light) 6%, var(--dashboard-surface-card));width:min(100%,48rem);color:var(--dashboard-on-surface);border-radius:.85rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;margin:.9rem auto 0;padding:.7rem .8rem;display:grid}.link-studio-plan-unlock>.icon-sm{color:var(--tone-brand-light)}.link-studio-plan-unlock div{gap:.1rem;min-width:0;display:grid}.link-studio-plan-unlock strong{font:800 .78rem/1.2 var(--hoppla-font-title)}.link-studio-plan-unlock span{color:var(--dashboard-on-surface-variant);font-size:.72rem;line-height:1.35}.link-studio-plan-unlock button{background:var(--brand);color:#fff;min-height:2rem;font:800 .7rem/1 var(--hoppla-font-body);cursor:pointer;border:0;border-radius:.5rem;padding:.35rem .6rem}.link-studio-plan-unlock button:hover{background:var(--brand-strong)}.link-studio-field{width:100%;color:var(--dashboard-on-surface);font:800 .78rem/1.2 var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;gap:.5rem;display:grid}.link-studio-field em{color:var(--dashboard-on-surface-variant);font-style:normal;font-weight:700}.link-studio-field input,.link-studio-field select,.link-studio-field textarea,.link-studio-asset-picker select{box-sizing:border-box;border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);width:100%;color:var(--dashboard-on-surface);font:600 .95rem/1.35 var(--hoppla-font-body);letter-spacing:normal;text-transform:none;border-radius:.9rem;padding:.85rem .95rem}.link-studio-field textarea{resize:vertical;min-height:7rem}.link-studio-field small{color:var(--dashboard-on-surface-variant);font:500 .8rem/1.45 var(--hoppla-font-body);letter-spacing:normal;text-transform:none}.link-studio-asset-picker{gap:1rem;margin-top:1.3rem;display:grid}.link-studio-upload{border:1px dashed var(--tone-brand-light);background:color-mix(in srgb, var(--tone-brand-light) 7%, var(--dashboard-surface-card));width:fit-content;min-height:3rem;color:var(--dashboard-on-surface);cursor:pointer;border-radius:.95rem;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.05rem;display:inline-flex}.link-studio-upload:hover:enabled{background:color-mix(in srgb, var(--tone-brand-light) 12%, var(--dashboard-surface-card))}.link-studio-upload svg{width:1.15rem;height:1.15rem;color:var(--tone-brand-light)}.link-studio-upload strong{font:800 .9rem/1.2 var(--hoppla-font-title)}.link-studio-upload span{color:var(--dashboard-on-surface-variant);font-size:.85rem;line-height:1.45}.link-studio-selected-asset{color:#15803d;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;display:inline-flex}.link-studio-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.link-studio-field-wide{grid-column:1/-1}.link-studio-details-panel{gap:1rem;display:grid}.link-studio-success{align-items:center;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.link-studio-success>svg{width:3rem;color:var(--tone-emerald);flex:none}.link-studio-success>div{flex:1;min-width:0}.link-studio-success h2{color:var(--dashboard-on-surface);font:800 1.5rem/1.2 var(--hoppla-font-title);margin:.35rem 0}.link-studio-success button{max-width:100%;color:var(--dashboard-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:800;overflow:hidden}.link-studio-success p{color:var(--dashboard-on-surface-variant);margin:.45rem 0 0}.dashboard-links-section{gap:1rem}.dashboard-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.dashboard-link-summary{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);border-radius:1.2rem;align-items:center;gap:.85rem;min-width:0;padding:1rem;display:flex;box-shadow:0 12px 28px #1722350d}.dashboard-link-summary-icon{border-radius:.85rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.dashboard-link-summary-link{background:color-mix(in srgb, var(--tone-brand-light) 12%, transparent);color:var(--tone-brand-light)}.dashboard-link-summary-image{background:color-mix(in srgb, var(--tone-amber) 17%, transparent);color:#a86600}.dashboard-link-summary-pdf{background:color-mix(in srgb, var(--tone-rose-dark) 13%, transparent);color:var(--tone-rose-dark)}.dashboard-link-summary-copy{gap:.18rem;min-width:0;display:grid}.dashboard-link-summary-copy button{width:fit-content;max-width:100%;color:var(--dashboard-on-surface);font:800 .94rem/1.25 var(--hoppla-font-title);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.dashboard-link-summary-copy button+button{color:var(--dashboard-primary);font:700 .78rem/1.25 var(--hoppla-font-body)}.dashboard-link-summary-copy span{color:var(--dashboard-on-surface-variant);font-size:.75rem}.dashboard-links-empty{border:1px dashed var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-height:7rem;color:var(--dashboard-primary);font:800 .86rem/1.3 var(--hoppla-font-title);cursor:pointer;border-radius:1.25rem;justify-content:center;align-items:center;gap:.55rem;display:flex}@media (width<=700px){.dashboard-links-grid,.link-studio-kind-grid,.link-studio-form-grid{grid-template-columns:1fr}.link-studio-stage{padding:1rem}.link-studio-kind{min-height:9rem}.link-studio-success{flex-wrap:wrap;align-items:flex-start}.link-studio-success .btn{width:100%}}:root[data-theme=dark] .dashboard-qr-list-item,:root.dark .dashboard-qr-list-item,html.dark .dashboard-qr-list-item{background:linear-gradient(#0f172af0,#020617db);border-color:#94a3b833;box-shadow:0 16px 32px #0003}:root[data-theme=dark] .dashboard-qr-actions button,:root.dark .dashboard-qr-actions button,html.dark .dashboard-qr-actions button{background:#0f172ae6}:root[data-theme=dark] .dashboard-qr-badge-active,:root.dark .dashboard-qr-badge-active,html.dark .dashboard-qr-badge-active{color:#86efac;background:#16a34a2e}:root[data-theme=dark] .dashboard-qr-badge-paused,:root[data-theme=dark] .dashboard-qr-badge-review,:root.dark .dashboard-qr-badge-paused,:root.dark .dashboard-qr-badge-review,html.dark .dashboard-qr-badge-paused,html.dark .dashboard-qr-badge-review{color:#fcd34d;background:#f59e0b33}@media (width<=980px){.create-choice-page{min-height:calc(100dvh - 11.65rem);margin-inline:calc(var(--page-gutter) * -1);background:0 0}.create-choice-grid{grid-template-rows:repeat(2,minmax(15.5rem,1fr));grid-template-columns:1fr}.create-choice-card{min-height:15.5rem;padding:clamp(1.75rem, 7vw, 3rem) max(1.3rem, var(--page-gutter));text-align:center;align-items:center}.create-choice-heading{flex-direction:column;gap:1.15rem}.create-choice-copy{justify-items:center}.create-choice-copy strong{font-size:clamp(1.85rem,8vw,2.4rem)}.create-choice-copy span{max-width:30rem}}@media (width<=760px){.create-choice-grid,.short-links-form,.short-link-row{grid-template-columns:1fr}.short-link-row-actions,.short-link-row-meta{justify-content:flex-start}}@keyframes hoppla-toast-slide{0%{opacity:0;transform:translate(24px)}10%,80%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(24px)}}@keyframes hoppla-spin{to{transform:rotate(360deg)}}.inline-notice{background:#1218260f}.form-success{color:var(--success);background:#0d9a6b1f}.form-error{color:#b42318;background:#b423181f}.field-error-text{color:#b42318;margin-top:.4rem;display:block}.input-invalid.input,.input-invalid.public-textarea,.public-textarea.input-invalid{border-color:#b423188c;box-shadow:0 0 0 1px #b4231829}.icon-sm{width:16px;height:16px}.icon-md{width:22px;height:22px}@media (width<=980px){.hero-simple,.studio-grid,.app-shell,.field-row,.cta-banner{grid-template-columns:1fr;display:grid}.app-shell{width:calc(100% - (var(--page-gutter) * 2))}.sidebar{margin:16px 0 0;position:static}.topbar{flex-direction:column;align-items:flex-start}.public-footer-main{grid-template-columns:1fr;gap:1.5rem;padding-inline:0}.public-footer-bottom{padding-inline:0}.information-layout{grid-template-columns:1fr}.information-sidebar{position:static}.public-header-bar{min-height:4.9rem}.public-nav-toggle{display:inline-flex}.public-nav{top:calc(100% + .5rem);left:var(--page-gutter);right:var(--page-gutter);background:#fffffffa;border:1px solid #1967c31f;border-radius:1.2rem;flex-direction:column;align-items:stretch;gap:.9rem;padding:1rem;display:none;position:absolute;box-shadow:0 18px 40px #0f172a14}.public-nav-open{display:flex}.public-nav-links,.public-header-actions{flex-direction:column;align-items:stretch}.public-header-actions .nav-cta,.public-header-actions .language-picker-button,.public-login-link{justify-content:center;width:100%}.hero-bg-right{width:220px}}@media (width<=640px){:root{--page-gutter:16px}.content-public-home{padding-top:calc(var(--public-header-height) + 1.4rem)}.public-footer-contact-column{text-align:center}.public-footer-contact-column .public-footer-kicker{text-align:center;display:block}.public-footer-contact-column .public-footer-contact-list{flex-direction:row;justify-content:center;align-items:stretch;gap:.65rem;display:flex}.public-footer-contact-column .public-footer-contact-card{min-width:0;box-shadow:none;background:0 0;border:0;flex:1 1 0;padding:0}.public-footer-contact-column .public-footer-contact-card span{display:none}.public-footer-contact-column .public-footer-contact-card a{appearance:none;width:100%;min-height:2.75rem;color:var(--tone-brand-light,#1967c3);text-align:center;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.2rem 0;font-size:clamp(.72rem,2.8vw,.86rem);font-weight:800;line-height:1.1;display:inline-flex}.public-footer-contact-column .public-footer-contact-link{appearance:none;width:100%;min-height:2.75rem;color:var(--tone-brand-light,#1967c3);font-family:var(--hoppla-font-title);text-align:center;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.2rem 0;font-size:clamp(.72rem,2.8vw,.86rem);font-weight:800;line-height:1.1;display:inline-flex}.public-footer-contact-column .public-footer-copy-toast{background:#1967c31f;justify-self:center;margin:.55rem auto .75rem}.public-marketing-page{gap:1rem}.public-header-actions .public-login-link{width:100%;min-height:3rem;color:var(--tone-brand-light,#1967c3);letter-spacing:.06em;text-align:center;background:#1967c314;border:1px solid #1967c333;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.1rem;font-size:.88rem;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #1967c314}.public-header-actions .public-login-link:hover{color:var(--tone-brand-light,#1967c3);background:#1967c31f;border-color:#1967c34d}.public-header-bar{border-radius:1rem;min-height:4rem;padding:.6rem .75rem}.public-nav{border-radius:1rem;gap:.75rem;padding:.85rem}.public-nav-links a,.public-login-link{font-size:.76rem}.public-header-actions .nav-cta,.public-header-actions .language-picker-button,.public-header-actions .public-login-link,.public-header-actions .public-early-access-header-button{min-height:2.8rem}.public-header-actions .public-early-access-header-button{grid-template-columns:1rem auto 1rem;padding-inline:.85rem;font-size:.72rem}.public-home-hero{border-radius:1.2rem;padding:1rem}.public-home-hero .public-hero-surface,.public-home-feature-section{border-radius:1.1rem}.public-home-hero-copy,.public-home-hero-aside,.public-home-feature-section{padding:1rem}.public-home-hero-title{max-width:none;margin-top:.5rem;margin-bottom:.65rem;font-size:clamp(1.95rem,10vw,2.55rem);line-height:.98}.public-home-hero-text{display:none}.public-home-hero-mobile-summary{color:var(--hoppla-text-soft);margin:0;font-size:.92rem;line-height:1.55;display:block}.public-home-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.9rem;display:grid}.public-home-chip-row .public-chip{letter-spacing:.04em;justify-content:center;min-height:2rem;padding-inline:.55rem;font-size:.68rem}.public-home-hero-actions{grid-template-columns:minmax(0,1fr);gap:.65rem;margin-top:1rem;display:grid}.public-home-hero-actions .nav-cta,.public-home-hero-actions .public-secondary-cta{justify-content:center;width:100%}.public-home-hero-aside .connected-early-access{gap:.75rem;padding:.95rem}.public-home-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.8rem}.public-home-trust-grid{grid-template-columns:1fr;gap:.6rem}.public-home-section-head{margin-bottom:.85rem}.public-home-section-head p{display:none}.public-home-feature-grid{grid-template-columns:1fr;gap:.8rem}.public-home-feature-grid .feature-card{gap:.55rem;padding:.95rem}.public-home-feature-grid .feature-card h3{font-size:.98rem}.public-home-feature-grid .feature-card p{margin:0;font-size:.88rem;line-height:1.45}.content,.app-main,.public-header,.public-footer{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))}.hero-copy,.hero-info-card,.studio-card,.card,.cta-banner{padding:20px}.hero-copy h1{max-width:none}.mini-stat-grid{grid-template-columns:1fr}.public-footer{padding:1.1rem 1rem .9rem}.public-footer-actions{width:100%}.public-footer-actions .nav-cta,.public-footer-actions .public-footer-login{justify-content:center;width:100%}}.app-shell{--app-sidebar-width:20rem;--app-sidebar-width-collapsed:5.4rem;background:0 0;width:100%;margin:0;display:block}.app-stage{min-height:100vh;margin-left:var(--app-sidebar-width);min-width:0;transition:margin-left .18s,background .24s}.app-shell.app-shell-sidebar-collapsed .app-stage{margin-left:var(--app-sidebar-width-collapsed)}.sidebar{width:var(--app-sidebar-width);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:40;background:linear-gradient(#fffffff7,#f6faffeb),radial-gradient(circle at 0 0,#1967c31a,#0000 36%);border:1px solid #1967c31a;border-left:0;border-radius:0 32px 32px 0;flex-direction:column;gap:.85rem;margin:0;padding:1rem;transition:width .18s,transform .18s,box-shadow .18s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:22px 0 48px #17223514}.sidebar-mobile-trigger{z-index:95;width:3rem;height:3rem;color:var(--brand);background:#ffffffe6;border:1px solid #1967c31f;border-radius:999px;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 16px 32px #0f172a1f}.sidebar-mobile-backdrop{z-index:89;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0206175c;border:0;position:fixed;inset:0}.sidebar-header-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.sidebar-header-main{flex:auto;min-width:0}.sidebar-collapse-button{width:2.4rem;min-width:2.4rem;height:2.4rem;color:var(--brand);background:#fff;border:1px solid #1967c329;border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #0f172a14}.sidebar-top-slot,.sidebar-bottom-slot{gap:.85rem;display:grid}.app-brand-link{justify-items:start;display:grid}.app-brand-logo{object-fit:contain;display:block}.app-brand-logo-expanded{width:13.5rem;height:auto}.app-brand-logo-collapsed{width:4.5rem;height:4.5rem;display:none}.app-plan-badge{width:fit-content;color:var(--tone-indigo);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;background:#6366f11a;border-radius:999px;padding:.38rem .72rem;font-size:.72rem;font-weight:800}.sidebar-section{gap:.35rem;display:grid}.nav-link{color:#020617ad;font-family:var(--hoppla-font-title);letter-spacing:.03em;text-transform:uppercase;background:#fff;border:1px solid #1967c31f;border-radius:999px;align-items:center;gap:.8rem;padding:.95rem 1rem;font-size:.84rem;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 22px #0f172a0f}.nav-link-icon{color:inherit;flex:none;display:inline-flex}.nav-link-label{min-width:0}.nav-link-active{color:var(--tone-emerald);border-color:var(--tone-emerald);background:#fff;box-shadow:0 14px 28px #10b9812e}.nav-link:hover{color:var(--brand);border-color:var(--brand);background:#fff;transform:translateY(-1px);box-shadow:0 14px 28px #1967c32e}.sidebar-cta{margin-top:auto;padding:1rem .5rem 0}.sidebar-cta-stack{flex-direction:column;gap:.75rem;display:flex}.connected-early-access{background:radial-gradient(circle at 100% 0,#1967c31f,#0000 34%),radial-gradient(circle at 0 100%,#38bdf81f,#0000 32%),linear-gradient(#fffffffc,#f6fafff5);border:1px solid #1967c324;border-radius:1.7rem;gap:1rem;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 50px #0f172a1a}.connected-early-access-compact{border-radius:1.35rem;gap:.85rem;padding:1rem}.connected-early-access-copy{z-index:1;gap:.45rem;display:grid;position:relative}.connected-early-access-copy:before{content:"Hoppla plan";color:#1967c3;letter-spacing:.08em;text-transform:uppercase;background:#1967c317;border-radius:999px;align-items:center;width:fit-content;min-height:1.6rem;padding:0 .7rem;font-size:.67rem;font-weight:800;display:inline-flex}.connected-early-access-copy h3{color:#0f2747;letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.15}.connected-early-access-copy p,.settings-early-access-copy p{color:#5b6b82;max-width:40rem;margin:0;font-size:.93rem;line-height:1.62}.connected-early-access-countdown-label{letter-spacing:.1em;text-transform:uppercase;color:#1967c3;margin-bottom:.55rem;font-size:.7rem;font-weight:800;display:inline-flex}.connected-early-access-countdown-grid,.settings-early-access-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.connected-early-access-countdown-grid div,.settings-early-access-countdown div{text-align:center;background:linear-gradient(#fffffff5,#f0f7ffeb);border:1px solid #1967c31f;border-radius:1.15rem;gap:.22rem;padding:.85rem .6rem;display:grid;box-shadow:0 12px 24px #0f172a0f}.connected-early-access-countdown-grid strong,.settings-early-access-countdown strong{color:#10233f;letter-spacing:-.03em;font-size:1.2rem;line-height:1}.connected-early-access-countdown-grid span,.settings-early-access-countdown span{color:#6b7c93;letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;font-weight:700}.connected-early-access-email,.settings-early-access-email{color:#123864;overflow-wrap:anywhere;background:#1967c314;border:1px solid #1967c324;border-radius:999px;align-items:center;width:fit-content;max-width:100%;min-height:2.75rem;padding:.8rem 1rem;font-size:.86rem;font-weight:800;display:inline-flex}.connected-early-access .btn{color:#1967c3;background:#fffffffa;border:1px solid #1967c347;border-radius:999px;min-height:3rem;padding-inline:1.7rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;box-shadow:0 16px 32px #1967c31f}.connected-early-access-action{color:#1967c3!important;background:#fffffffa!important;border:1px solid #1967c347!important;box-shadow:0 16px 32px #1967c31f!important}.connected-early-access-action:hover:enabled{filter:none;transform:translateY(-1px);color:#fff!important;background:#1967c3!important;border-color:#1967c366!important;box-shadow:0 22px 38px #1967c347!important}:root[data-theme=dark] .connected-early-access .btn,:root[data-theme=dark] .connected-early-access-action,:root.dark .connected-early-access .btn,:root.dark .connected-early-access-action,html.dark .connected-early-access .btn,html.dark .connected-early-access-action{color:#1967c3!important;background:#fffffffa!important;border-color:#38bdf857!important;box-shadow:0 18px 34px #38bdf81a,0 0 18px #38bdf80a!important}:root[data-theme=dark] .connected-early-access .btn:hover:enabled,:root[data-theme=dark] .connected-early-access-action:hover:enabled,:root.dark .connected-early-access .btn:hover:enabled,:root.dark .connected-early-access-action:hover:enabled,html.dark .connected-early-access .btn:hover:enabled,html.dark .connected-early-access-action:hover:enabled{color:#04111d!important;background:#1967c3!important;border-color:#38bdf870!important;box-shadow:0 24px 40px #38bdf83d,0 0 22px #38bdf81a!important}.connected-early-access-note{color:#6b7c93;font-size:.76rem;line-height:1.55}.sidebar-primary-button{border:1px solid var(--brand);width:100%;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 14px 28px #1967c324}.sidebar-primary-button .icon-sm,.sidebar-secondary-button .icon-sm,.sidebar-logout-icon{flex:none}.sidebar-secondary-button{width:100%;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffffd1;border:1px solid #1967c329;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #0f172a0f}.sidebar-footer{border-top:1px solid #1967c31a;margin-top:1rem;padding:1rem .75rem 0}.sidebar-footer-stack{gap:.85rem;display:grid}.sidebar-logout{border:1px solid var(--tone-rose-dark);width:100%;min-height:3.15rem;color:var(--tone-rose-dark);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #0f172a0f}.sidebar-support-link{border:1px solid var(--brand);width:100%;min-height:3.15rem;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #0f172a0f}.sidebar-support-link:hover{background:var(--brand);border-color:var(--brand);color:#fff}.app-sidebar-top-stack,.app-sidebar-bottom-stack{gap:.85rem;display:grid}.app-sidebar-account-card{background:linear-gradient(#ffffffeb,#f8fafceb),#ffffffe6;border:1px solid #1967c31f;border-radius:1.35rem;padding:.8rem;box-shadow:0 12px 30px #0f172a0f}.app-sidebar-account-card-personal{border-color:#f59e0b2e}.app-sidebar-account-card-organization{background:radial-gradient(circle at 100% 0,#6366f11a,#0000 36%),linear-gradient(#ffffffeb,#f8fafceb);border-color:#6366f133}.app-sidebar-account-button{text-align:left;width:100%;min-height:3.15rem;color:inherit;background:#fff;border:1px solid #1967c31f;border-radius:999px;align-items:center;gap:.8rem;padding:.2rem .25rem .2rem .2rem;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 22px #0f172a0f}.app-sidebar-account-avatar{color:#fff;width:2.75rem;height:2.75rem;font-family:var(--hoppla-font-title);border-radius:999px;place-items:center;font-weight:800;display:grid;box-shadow:0 12px 24px #0f172a1f}.app-sidebar-account-avatar-personal{background:linear-gradient(135deg, var(--tone-amber), var(--tone-amber-soft))}.app-sidebar-account-avatar-organization{background:linear-gradient(135deg, var(--tone-indigo), var(--tone-indigo-soft))}.app-sidebar-account-copy{flex:auto;gap:.16rem;min-width:0;display:grid}.app-sidebar-account-copy strong{color:#020617f0;font-size:.92rem;line-height:1.1}.app-sidebar-account-copy span{color:#334155b8;text-wrap:pretty;font-size:.78rem;line-height:1.35}.app-sidebar-account-chevron{color:#334155b3;transition:transform .16s}.app-sidebar-account-chevron-open{transform:rotate(180deg)}.app-sidebar-account-button:hover,.sidebar-collapse-button:hover,.sidebar-primary-button:hover,.sidebar-secondary-button:hover,.sidebar-logout:hover{transform:translateY(-1px)}.app-sidebar-account-button:hover,.sidebar-collapse-button:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 14px 28px #1967c32e}.sidebar-primary-button:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 16px 30px #1967c338}.sidebar-secondary-button:hover{border-color:var(--brand);color:var(--brand);background:#fff;box-shadow:0 14px 28px #1967c31f}.sidebar-logout:hover{color:#fff;background:var(--tone-rose-dark);border-color:var(--tone-rose-dark);box-shadow:0 14px 28px #be185d38}.app-sidebar-account-menu,.app-sidebar-workspace-list{gap:.5rem;display:grid}.app-sidebar-account-menu{margin-top:.75rem}.app-sidebar-account-option,.app-sidebar-workspace-button{text-align:left;background:#ffffffc7;border:1px solid #1967c314;border-radius:1rem;gap:.18rem;width:100%;padding:.75rem .85rem;display:grid}.app-sidebar-account-option strong,.app-sidebar-workspace-button strong{color:#020617e6;font-size:.82rem;line-height:1.15}.app-sidebar-account-option span,.app-sidebar-workspace-button span{color:#475569c2;font-size:.74rem;line-height:1.35}.app-sidebar-account-option-active-personal,.app-sidebar-workspace-button-active-personal{background:linear-gradient(#fffbebfa,#fef3c7eb);border-color:#f59e0b38}.app-sidebar-account-option-active-organization,.app-sidebar-workspace-button-active-organization{background:linear-gradient(#eef2fffa,#e0e7ffeb);border-color:#6366f138}.app-sidebar-onboarding{background:linear-gradient(#6366f11f,#6366f10d);border:1px solid #6366f12e;border-radius:1.25rem;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.9rem 1rem;display:grid}.app-sidebar-onboarding-mascot{background:#6366f12e;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}.app-sidebar-onboarding-copy{gap:.2rem;display:grid}.app-sidebar-onboarding-copy strong{color:#312e81f5;font-size:.82rem}.app-sidebar-onboarding-copy span{color:#4338cad6;font-size:.76rem;line-height:1.45}.app-sidebar-onboarding-close{color:#4338cab8;background:0 0;border:0}.app-sidebar-utility-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-sidebar-utility-link{color:#020617d1;min-height:2.5rem;font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;background:#ffffffd1;border:1px solid #1967c31f;border-radius:999px;justify-content:center;align-items:center;padding:0 .95rem;font-size:.76rem;font-weight:800;display:inline-flex}.app-sidebar-section-kicker{color:#475569ad;font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;padding:0 .2rem;font-size:.68rem;font-weight:800}.sidebar-collapsed{width:var(--app-sidebar-width-collapsed)}.sidebar-collapsed .app-brand-logo{display:none}.sidebar-collapsed .app-brand-logo-collapsed{width:2.9rem;height:2.9rem;display:block}.sidebar-collapsed .app-brand-logo-expanded{display:none}.sidebar-collapsed .app-sidebar-onboarding,.sidebar-collapsed .app-sidebar-bottom-stack,.sidebar-collapsed .nav-link-label{opacity:0;pointer-events:none}.sidebar-collapsed .sidebar-section{justify-items:center}.sidebar-collapsed .sidebar-header-row{flex-direction:column;align-items:center}.sidebar-collapsed .sidebar-header-main{flex:none}.sidebar-collapsed .app-brand-link,.sidebar-collapsed .sidebar-top-slot,.sidebar-collapsed .app-sidebar-top-stack{justify-items:center}.sidebar-collapsed .app-sidebar-account-card{box-shadow:none;background:0 0;border-radius:999px;padding:.3rem}.sidebar-collapsed .app-sidebar-account-button{width:auto}.sidebar-collapsed .app-sidebar-account-copy,.sidebar-collapsed .app-sidebar-account-chevron,.sidebar-collapsed .app-sidebar-account-menu{display:none}.sidebar-collapsed .sidebar-cta{padding-inline:0}.sidebar-collapsed .sidebar-cta-stack{justify-items:center}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:.75rem}.sidebar-collapsed .sidebar-primary-button{letter-spacing:0;border-radius:999px;width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:0;font-size:0;box-shadow:0 16px 30px #1967c33d}.sidebar-collapsed .sidebar-primary-button .icon-sm{width:1.2rem;height:1.2rem}.sidebar-collapsed .sidebar-secondary-button{display:none}.sidebar-collapsed .sidebar-footer{padding-inline:0}.sidebar-collapsed .sidebar-logout{letter-spacing:0;background:#ffffffd1;border:1px solid #1967c31f;border-radius:999px;width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:0;font-size:0}.sidebar-collapsed .sidebar-support-link{display:none}.sidebar-collapsed .sidebar-logout-icon{width:1.2rem;height:1.2rem}:root[data-theme=dark] .sidebar,:root.dark .sidebar,html.dark .sidebar{background:linear-gradient(#0f172af5,#020617f0),radial-gradient(circle at 0 0,#38bdf81f,#0000 36%);border-color:#ffffff14;box-shadow:22px 0 48px #0000003d}:root[data-theme=dark] .sidebar-mobile-trigger,:root.dark .sidebar-mobile-trigger,html.dark .sidebar-mobile-trigger,:root[data-theme=dark] .sidebar-collapse-button,:root.dark .sidebar-collapse-button,html.dark .sidebar-collapse-button,:root[data-theme=dark] .app-sidebar-account-button,:root.dark .app-sidebar-account-button,html.dark .app-sidebar-account-button,:root[data-theme=dark] .app-sidebar-utility-link,:root.dark .app-sidebar-utility-link,html.dark .app-sidebar-utility-link,:root[data-theme=dark] .app-sidebar-account-option,:root.dark .app-sidebar-account-option,html.dark .app-sidebar-account-option,:root[data-theme=dark] .app-sidebar-workspace-button,:root.dark .app-sidebar-workspace-button,html.dark .app-sidebar-workspace-button{color:#f1f5f9eb;background:#ffffff0f;border-color:#ffffff1a}:root[data-theme=dark] .nav-link,:root.dark .nav-link,html.dark .nav-link,:root[data-theme=dark] .sidebar-primary-button,:root.dark .sidebar-primary-button,html.dark .sidebar-primary-button,:root[data-theme=dark] .sidebar-secondary-button,:root.dark .sidebar-secondary-button,html.dark .sidebar-secondary-button,:root[data-theme=dark] .sidebar-logout,:root.dark .sidebar-logout,html.dark .sidebar-logout,:root[data-theme=dark] .app-sidebar-account-copy strong,:root.dark .app-sidebar-account-copy strong,html.dark .app-sidebar-account-copy strong{color:#f1f5f9eb}:root[data-theme=dark] .nav-link,:root.dark .nav-link,html.dark .nav-link{color:#0b1c30;background:#fff;border-color:#ffffff38}:root[data-theme=dark] .nav-link:hover,:root.dark .nav-link:hover,html.dark .nav-link:hover{color:var(--brand);border-color:var(--brand);background:#fff}:root[data-theme=dark] .sidebar-primary-button,:root.dark .sidebar-primary-button,html.dark .sidebar-primary-button{border-color:var(--brand);color:var(--brand);background:#fff}:root[data-theme=dark] .sidebar-primary-button:hover,:root.dark .sidebar-primary-button:hover,html.dark .sidebar-primary-button:hover{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme=dark] .nav-link-active,:root.dark .nav-link-active,html.dark .nav-link-active,:root[data-theme=dark] .sidebar.sidebar-collapsed .nav-link-active,:root.dark .sidebar.sidebar-collapsed .nav-link-active,html.dark .sidebar.sidebar-collapsed .nav-link-active{color:var(--tone-emerald-soft);border-color:var(--tone-emerald-soft);box-shadow:0 14px 28px #34d39938}:root[data-theme=dark] .sidebar-logout,:root.dark .sidebar-logout,html.dark .sidebar-logout{border-color:var(--tone-rose);color:var(--tone-rose);background:#fff}:root[data-theme=dark] .sidebar-logout:hover,:root.dark .sidebar-logout:hover,html.dark .sidebar-logout:hover{background:var(--tone-rose);border-color:var(--tone-rose);color:#fff}:root[data-theme=dark] .sidebar-support-link,:root.dark .sidebar-support-link,html.dark .sidebar-support-link{border-color:var(--brand);color:var(--brand);background:#fff}:root[data-theme=dark] .sidebar-support-link:hover,:root.dark .sidebar-support-link:hover,html.dark .sidebar-support-link:hover{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme=dark] .app-sidebar-account-copy span,:root.dark .app-sidebar-account-copy span,html.dark .app-sidebar-account-copy span,:root[data-theme=dark] .app-sidebar-account-option span,:root.dark .app-sidebar-account-option span,html.dark .app-sidebar-account-option span,:root[data-theme=dark] .app-sidebar-workspace-button span,:root.dark .app-sidebar-workspace-button span,html.dark .app-sidebar-workspace-button span,:root[data-theme=dark] .app-sidebar-section-kicker,:root.dark .app-sidebar-section-kicker,html.dark .app-sidebar-section-kicker{color:#e2e8f0ad}:root[data-theme=dark] .app-sidebar-account-card,:root.dark .app-sidebar-account-card,html.dark .app-sidebar-account-card{background:linear-gradient(#ffffff0a,#ffffff05),#ffffff08;border-color:#ffffff14}:root[data-theme=dark] .app-sidebar-account-card-organization,:root.dark .app-sidebar-account-card-organization,html.dark .app-sidebar-account-card-organization{background:radial-gradient(circle at 100% 0,#6366f129,#0000 36%),linear-gradient(#ffffff0a,#ffffff05)}.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));min-width:0;margin:0 auto;padding:2rem 0 2.5rem}.app-page-header{justify-content:space-between;align-items:end;gap:1rem;min-width:0;display:flex}.app-page-title{font-size:var(--hoppla-type-title);letter-spacing:-.03em;color:#10233f;line-height:.98;font-family:var(--hoppla-font-title);margin:0;font-weight:800}.app-page-description{color:#020617b8;font-family:var(--hoppla-font-sans);font-size:var(--hoppla-type-body);margin:.45rem 0 0;line-height:1.65}.app-page-actions{align-items:center;gap:.75rem;display:flex}.qr-hopplaqr-import-button{color:#10233f;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fffffff5,#f4f8fff0),radial-gradient(circle at 12% 20%,#f5b0413d,#0000 32%),radial-gradient(circle at 88% 78%,#7a5cff24,#0000 34%);border:1px solid #1967c329;border-radius:999px;align-items:center;gap:.72rem;min-height:3rem;padding:.48rem .9rem .48rem .55rem;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;display:inline-flex;box-shadow:0 14px 34px #0f172a14}.qr-hopplaqr-import-button:hover,.qr-hopplaqr-import-button:focus-within{border-color:#1967c357;transform:translateY(-1px);box-shadow:0 18px 42px #1967c324}.qr-hopplaqr-import-icon{background:var(--hoppla-blue,#1967c3);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;font-size:1.2rem;display:inline-flex;box-shadow:0 10px 22px #1967c33d}.qr-hopplaqr-import-copy{flex-direction:column;gap:.05rem;line-height:1.05;display:inline-flex}.qr-hopplaqr-import-copy strong{letter-spacing:-.01em;font-size:.9rem;font-weight:850}.qr-hopplaqr-import-copy small{color:#0f172a94;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.qr-detail-action{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:none!important;border-radius:999px!important;font-weight:800!important}.qr-detail-action:hover:enabled{transform:translateY(-1px)}.qr-detail-action-brand{border-color:var(--tone-brand-light)!important;color:var(--tone-brand-light)!important;background:#fff!important}.qr-detail-action-brand:hover:enabled{background:var(--tone-brand-light)!important;border-color:var(--tone-brand-light)!important;color:#fff!important}.qr-detail-action-indigo{border-color:var(--tone-indigo)!important;color:var(--tone-indigo)!important;background:#fff!important}.qr-detail-action-indigo:hover:enabled{background:var(--tone-indigo)!important;border-color:var(--tone-indigo)!important;color:#fff!important}.qr-detail-action-emerald{border-color:var(--tone-emerald)!important;color:var(--tone-emerald)!important;background:#fff!important}.qr-detail-action-emerald:hover:enabled{background:var(--tone-emerald)!important;border-color:var(--tone-emerald)!important;color:#fff!important}.qr-detail-action-amber{border-color:var(--tone-amber)!important;color:var(--tone-amber)!important;background:#fff!important}.qr-detail-action-amber:hover:enabled{background:var(--tone-amber)!important;border-color:var(--tone-amber)!important;color:#fff!important}.qr-detail-action-rose{border-color:var(--tone-rose-dark)!important;color:var(--tone-rose-dark)!important;background:#fff!important}.qr-detail-action-rose:hover:enabled{background:var(--tone-rose-dark)!important;border-color:var(--tone-rose-dark)!important;color:#fff!important}.dashboard-search-inline{min-width:18rem}.qr-list-toolbar{align-items:center;gap:.55rem;display:flex}.qr-list-search-control,.qr-list-sort-control{align-items:center;display:flex;position:relative}.qr-list-search-control>.material-symbols-outlined,.qr-list-sort-control>.material-symbols-outlined{z-index:1;color:var(--hoppla-text-soft);pointer-events:none;font-size:1.15rem;position:absolute;left:.8rem}.qr-list-search-control .dashboard-search-inline{min-width:19rem;box-shadow:0 6px 18px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:.85rem;padding-left:2.5rem}.qr-list-sort-control select{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);max-width:12.5rem;min-height:2.8rem;color:var(--hoppla-text);font:750 .78rem/1.2 var(--hoppla-font-body);cursor:pointer;border-radius:.85rem;padding:0 .8rem 0 2.35rem}.qr-list-sort-control select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent);outline:0}.modal-panel:has(.qr-gallery-dialog){border-color:color-mix(in srgb, var(--hoppla-border) 78%, transparent);background:var(--hoppla-surface-strong);width:min(100%,42rem);box-shadow:0 28px 70px color-mix(in srgb, var(--ink) 24%, transparent);border-radius:1.25rem;padding:1rem}.qr-gallery-dialog{color:var(--hoppla-text);gap:.9rem}.qr-gallery-dialog .qr-download-settings-shell{padding:.35rem .35rem .1rem}.qr-gallery-dialog .qr-download-settings-head{gap:.9rem}.qr-gallery-dialog .settings-section-icon{border-radius:.9rem;width:2.9rem;height:2.9rem}.qr-gallery-dialog .settings-section-head-copy{padding-left:0}.qr-gallery-dialog .qr-download-settings-head h2,.qr-gallery-dialog .qr-download-settings-note-head h2{color:var(--hoppla-text);font:850 1.28rem/1.15 var(--hoppla-font-title)}.qr-gallery-dialog .qr-download-settings-head p,.qr-gallery-dialog .qr-download-settings-note-head p{color:var(--hoppla-text-soft)}.qr-gallery-dialog-identity{border:1px solid color-mix(in srgb, var(--hoppla-border) 72%, transparent);background:color-mix(in srgb, var(--brand) 5%, var(--hoppla-surface-low));border-radius:1rem;grid-template-columns:4.4rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.8rem;display:grid}.qr-gallery-dialog-preview{background:var(--hoppla-surface-lowest);border-radius:.75rem;place-items:center;width:4.4rem;height:4.4rem;display:grid;overflow:hidden}.qr-gallery-dialog-preview .qr-row-icon-preview{background:0 0;border:0;padding:.18rem;width:100%!important;height:100%!important}.qr-gallery-dialog .qr-download-settings-meta,.qr-gallery-dialog .qr-delete-settings-meta{padding-left:0}.qr-gallery-dialog .qr-download-settings-summary h3{color:var(--hoppla-text);font-size:1.02rem}.qr-gallery-dialog .qr-download-settings-summary p{color:var(--tone-sky-deep,#006591);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-gallery-dialog .qr-download-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.qr-gallery-dialog .qr-download-choice-button{border-color:color-mix(in srgb, var(--brand) 22%, var(--hoppla-border));background:var(--hoppla-surface-lowest);min-height:3.4rem;color:var(--brand);box-shadow:none;border-radius:.85rem}.qr-gallery-dialog .qr-download-choice-button-wide{grid-column:span 2}.qr-gallery-dialog .qr-download-choice-button:hover:enabled,.qr-gallery-dialog .qr-download-choice-button:focus-visible{box-shadow:0 12px 24px color-mix(in srgb, var(--brand) 18%, transparent)}.qr-gallery-dialog .qr-delete-warning-card{border:1px solid color-mix(in srgb, var(--danger) 20%, var(--hoppla-border));background:color-mix(in srgb, var(--danger) 6%, var(--hoppla-surface-low))}.qr-gallery-dialog .qr-delete-actions{justify-content:flex-end;gap:.55rem;padding:.15rem .15rem .05rem;display:flex}@media (width<=767px){.qr-list-toolbar{width:100%}.qr-list-search-control{flex:1;min-width:0}.qr-list-search-control .dashboard-search-inline{width:100%;min-width:0}.qr-list-sort-control select{color:#0000;width:2.8rem;max-width:2.8rem;padding:0}.qr-list-sort-control>.material-symbols-outlined{left:.82rem}.modal-panel:has(.qr-gallery-dialog){border-radius:1.1rem;width:min(100%,34rem);max-height:min(92dvh,48rem);padding:.8rem}.qr-gallery-dialog .qr-download-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-gallery-dialog .qr-download-choice-button-wide{grid-column:1/-1}.qr-gallery-dialog .qr-delete-actions{grid-template-columns:1fr 1fr;display:grid}.qr-gallery-dialog .qr-delete-actions .btn:first-child:last-child,.qr-gallery-dialog .qr-delete-actions .btn:nth-child(3){grid-column:1/-1}.app-page-actions{flex-direction:column;align-items:stretch;width:100%}.qr-hopplaqr-import-button{justify-content:center;width:100%;min-height:3.2rem}.dashboard-search-inline{width:100%;min-width:0}}.dashboard-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card{box-shadow:var(--hoppla-card-shadow);background:linear-gradient(#fffffff5,#f8fbffeb),radial-gradient(circle at 100% 0,#1967c314,#0000 38%);border:1px solid #1967c31a;border-radius:1.4rem;padding:1.2rem 1.25rem;position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.5;border-radius:999px;width:6rem;height:6rem;position:absolute;top:-1rem;right:-1rem}.metric-card-brand:after{background:linear-gradient(135deg,#2563eb26,#0000)}.metric-card-secondary:after{background:linear-gradient(135deg,#6366f126,#0000)}.metric-card-tertiary:after{background:linear-gradient(135deg,#0074a626,#0000)}.metric-card-neutral:after{background:linear-gradient(135deg,#64748b1f,#0000)}.metric-card-brand:before{background:var(--tone-brand-light)}.metric-card-secondary:before{background:var(--tone-indigo)}.metric-card-tertiary:before{background:var(--tone-emerald)}.metric-card-neutral:before{background:var(--tone-amber)}.metric-card-head,.metric-card-body{justify-content:space-between;align-items:center;gap:1rem;display:flex}.metric-card-head h3{color:#5b6475;margin:0;font-size:.88rem}.metric-card-icon{color:#2563eb;background:#2563eb1a;border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}.metric-card-body{align-items:baseline;margin-top:.7rem}.metric-card-body strong{color:#0b1c30;font-size:1.7rem}.metric-pill{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;padding:.3rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.qr-detail-summary-grid{grid-template-columns:minmax(10rem,.75fr) repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.qr-detail-summary-stack{gap:1rem;display:grid}.qr-detail-preview-card{place-items:center;min-height:100%;padding:1.2rem;display:grid}.qr-detail-preview-card .qr-row-icon-preview{aspect-ratio:1;border-radius:1.1rem;width:min(12rem,100%)!important;height:auto!important}.qr-detail-actions{flex-wrap:wrap;align-items:stretch}.qr-detail-info-card{min-width:0}.qr-detail-info-card p{overflow-wrap:anywhere;word-break:break-word}.qr-deleted-section{border-top:1px solid #0f172a1f;padding-top:1.25rem}.qr-deleted-section-head{margin-bottom:.9rem}.qr-deleted-section-head h3{color:#0b1c30;margin:0;font-size:1rem;font-weight:850}.dashboard-qr-list-item-deleted{background:linear-gradient(#fffffff0,#f8fafce6),radial-gradient(circle at 0 0,#94a3b824,#0000 34%);border-color:#64748b2e}.dashboard-qr-deleted-meta{color:#0f172aad;overflow-wrap:anywhere;font-size:.86rem;font-weight:700}.dashboard-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.dashboard-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;display:grid}.dashboard-surface-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-surface-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-title-button{color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dashboard-title-button strong,.dashboard-title-button small{text-align:left}.dashboard-info-card,.data-table-card,.dashboard-form-card,.dashboard-preview-card{border-radius:var(--hoppla-card-radius);box-shadow:var(--hoppla-card-shadow);background:linear-gradient(#fffffff5,#f8fbffeb),radial-gradient(circle at 100% 0,#1967c30f,#0000 38%);border:1px solid #1967c31a}.dashboard-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.dashboard-info-card h3{color:#0b1c30;margin-top:.35rem;font-size:1.4rem}.dashboard-info-card p{color:#5b6475;margin:.35rem 0 0;line-height:1.55}.admin-metric-card:before{content:"";background:var(--tone-brand-light);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.admin-metric-card-brand:before{background:var(--tone-brand-light)}.admin-metric-card-indigo:before{background:var(--tone-indigo)}.admin-metric-card-emerald:before{background:var(--tone-emerald)}.admin-metric-card-amber:before{background:var(--tone-amber)}.dashboard-metrics-grid>.dashboard-info-card:first-child:before{background:var(--tone-brand-light)}.dashboard-metrics-grid>.dashboard-info-card:nth-child(2):before{background:var(--tone-indigo)}.dashboard-metrics-grid>.dashboard-info-card:nth-child(3):before{background:var(--tone-emerald)}.dashboard-metrics-grid>.dashboard-info-card:nth-child(4):before{background:var(--tone-amber)}.dashboard-studio-card{background:radial-gradient(circle at 100% 0,#1967c314,#0000 34%),linear-gradient(#fff 0%,#f8fbff 100%)}.dashboard-limits-card{align-content:start;gap:.7rem;display:grid}.dashboard-limit-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.6rem;display:grid}.dashboard-limit-pair-item{background:#f8fbff;border:1px solid #c3c6d738;border-radius:.95rem;gap:.15rem;min-width:0;padding:.8rem .9rem;display:grid}.dashboard-limit-pair-item span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.dashboard-limit-pair-item strong{color:#0b1c30;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.dashboard-surface-grid-analytics{align-items:stretch}.dashboard-analytics-hero,.dashboard-analytics-card{gap:.8rem;display:grid}.dashboard-analytics-hero{background:radial-gradient(circle at 100% 0,#1967c31f,#0000 34%),linear-gradient(#fffffffa,#f5f9fffa)}.dashboard-analytics-kicker{color:#1967c3;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.dashboard-analytics-hero p{color:#526071;margin:0;line-height:1.5}.dashboard-analytics-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.dashboard-analytics-chip{color:#1967c3;background:#1967c314;border-radius:999px;align-items:center;min-height:1.9rem;padding:0 .72rem;font-size:.76rem;font-weight:700;display:inline-flex}.dashboard-analytics-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-analytics-card-head h3{margin:0}.dashboard-analytics-card-head span{color:#64748b;font-size:.8rem;font-weight:700}.dashboard-analytics-pair-list{gap:.65rem;display:grid}.dashboard-analytics-pair-list div{background:#f8fbff;border:1px solid #c3c6d72e;border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.dashboard-analytics-pair-list strong{color:#0b1c30;font-size:.84rem}.dashboard-analytics-pair-list span{color:#526071;text-align:right;font-size:.8rem}.dashboard-analytics-row{align-items:center}.dashboard-analytics-row-copy{flex:1;gap:.38rem;min-width:0;display:grid}.dashboard-analytics-bar{background:#c3c6d73d;border-radius:999px;width:100%;height:.4rem;overflow:hidden}.dashboard-analytics-bar span{border-radius:inherit;background:linear-gradient(90deg,#1967c3 0%,#4f8fd8 100%);height:100%;display:block}.dashboard-analytics-row .dashboard-studio-row-meta{justify-content:flex-end;min-width:4.25rem}.dashboard-analytics-row .dashboard-studio-row-meta small{color:#64748b;font-size:.74rem;font-weight:700}.dashboard-plan-card{background:linear-gradient(#fff,#f4f7ff)}.dashboard-detail-shortlink,.dashboard-bullet-list{gap:.75rem;display:grid}.dashboard-detail-shortlink{color:#1967c3;grid-auto-flow:column;justify-content:start;align-items:center;font-weight:600}.dashboard-bullet-list{color:#5b6475;margin:0;padding-left:1.1rem}.data-table-card{padding:0;overflow:hidden}.data-table-head{border-bottom:1px solid #c3c6d740;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.data-table-head h3{color:#0b1c30;margin:0}.data-table-link{color:#2563eb;cursor:pointer;background:0 0;border:0;font-weight:700}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{background:#f8fbff}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #c3c6d72e;padding:1rem 1.5rem}.data-table th{color:#5b6475;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}.data-table tbody tr:hover{background:#fbfdff}.data-table-row-clickable{cursor:pointer}.qr-row-name{align-items:center;gap:.9rem;display:flex}.qr-list-identity{align-items:center;gap:.95rem;min-width:0;display:flex}.qr-row-copy{align-content:center;gap:.14rem;min-width:0;display:grid}.qr-list-copy{align-content:center;gap:.2rem;min-width:0;display:grid}.solutions-page{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.solutions-hero{padding:clamp(2.5rem, 7vw, 5.25rem) var(--page-gutter) clamp(3.5rem, 8vw, 6rem);background:0 0;position:relative;overflow:hidden}.solutions-hero:before{content:none}.solutions-hero-glow{display:none}.solutions-hero-inner{z-index:1;width:min(100%,1280px);margin:0 auto;position:relative}.solutions-hero-copy{text-align:center;flex-direction:column;gap:1.25rem;width:min(100%,760px);margin:0 auto;display:flex}.solutions-kicker{color:#003ea8;letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;border:1px solid #c3c6d77a;border-radius:999px;justify-content:center;align-self:center;align-items:center;min-height:2rem;padding:.35rem .95rem;font-size:.76rem;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #0b1c300a}.solutions-hero-copy h1{color:#0b1c30;font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2.45rem,5.3vw,4.65rem);font-weight:800;line-height:1.08}.solutions-hero-copy p{color:#434655;margin:0;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.75}.solutions-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:.5rem;display:flex}.solutions-hero-button{border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:0 1.85rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.solutions-hero-button:hover{transform:translateY(-1px)}.solutions-hero-button-primary{color:#fff;background:#2563eb;box-shadow:0 12px 24px #2563eb2e}.solutions-hero-button-primary:hover{color:#fff;background:#004ac6;box-shadow:0 18px 28px #2563eb3d}.solutions-hero-button-secondary{color:#0b1c30;background:#ffffffb8;border:1px solid #c3c6d785;box-shadow:0 10px 20px #0b1c300a}.solutions-hero-button-secondary:hover{color:#003ea8;background:#d3e4fead}.solutions-sections{flex-direction:column;display:flex}.solutions-section{padding:clamp(3.25rem, 7vw, 5.5rem) var(--page-gutter);background:#ffffff5c;position:relative;overflow:hidden}.solutions-section-muted{background:#eff4ff6b}.solutions-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);width:min(100%,1280px);margin:0 auto;display:grid}.solutions-split-reverse .solutions-media{order:2}.solutions-split-reverse .solutions-copy{order:1}.solutions-media{position:relative}.solutions-media-shadow{border-radius:1.5rem;transition:transform .26s;position:absolute;inset:0;transform:rotate(2deg)}.solutions-split-reverse .solutions-media-shadow{transform:rotate(-2deg)}.solutions-media:hover .solutions-media-shadow{transform:rotate(1deg)}.solutions-split-reverse .solutions-media:hover .solutions-media-shadow{transform:rotate(-1deg)}.solutions-media-shadow-brand{background:#2563eb14}.solutions-media-shadow-indigo{background:#6366f117}.solutions-media-shadow-emerald{background:#10b98114}.solutions-media-shadow-amber{background:#f59e0b1a}.solutions-glass-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #e2e8f0cc;border-radius:1.5rem;padding:1rem;position:relative;overflow:hidden;box-shadow:0 18px 42px #0b1c3014}.solutions-media-image{object-fit:cover;border-radius:1rem;width:100%;height:auto;display:block;box-shadow:0 8px 22px #0b1c3014}.solutions-copy{flex-direction:column;gap:1.4rem;display:flex}.solutions-icon-badge{border-radius:.85rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.solutions-icon-badge .material-symbols-outlined{font-size:1.65rem}.solutions-icon-badge-brand{color:#2563eb;background:#d3e4fe}.solutions-icon-badge-indigo{color:#4f46e5;background:#dae2fd}.solutions-icon-badge-emerald{color:#059669;background:#10b9811f}.solutions-icon-badge-amber{color:#d97706;background:#f59e0b24}.solutions-copy h2{color:#0b1c30;font-family:var(--hoppla-font-title);letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:800;line-height:1.18}.solutions-copy p{color:#434655;margin:0;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.72}.solutions-feature-list{flex-direction:column;gap:.9rem;margin:0;padding:.15rem 0 0;list-style:none;display:flex}.solutions-feature-list li{color:#434655;align-items:flex-start;gap:.8rem;line-height:1.6;display:flex}.solutions-check{margin-top:.1rem;font-size:1.3rem}.solutions-check-brand{color:#2563eb}.solutions-check-indigo{color:#4f46e5}.solutions-check-emerald{color:#059669}.solutions-check-amber{color:#d97706}.solutions-inline-cta{padding-top:.35rem}.solutions-inline-link{color:#004ac6;align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.solutions-inline-link .material-symbols-outlined{font-size:1rem;transition:transform .18s}.solutions-inline-link:hover .material-symbols-outlined{transform:translate(3px)}@media (width<=960px){.solutions-hero{padding-top:2rem;padding-bottom:3rem}.solutions-split,.solutions-split-reverse{grid-template-columns:minmax(0,1fr);gap:2rem}.solutions-split-reverse .solutions-media,.solutions-split-reverse .solutions-copy{order:initial}.solutions-hero-copy{width:100%}.solutions-copy{gap:1.1rem}}.qr-row-icon{color:#5b6475;background:#eff4ff;border:1px solid #c3c6d759;border-radius:.7rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.qr-row-icon-preview{background:#fff;place-items:center;width:3.6rem;height:3.6rem;padding:.18rem;display:grid}.qr-list-thumb{flex:none}.qr-row-icon-image{object-fit:contain;object-position:center center;width:100%;height:100%;image-rendering:pixelated;display:block}.qr-row-title,.qr-row-subtitle{margin:0}.qr-row-title{color:#0b1c30;font-weight:700}.qr-list-title{min-width:0;color:var(--hoppla-text);margin:0;font-weight:800;line-height:1.1;display:block}.qr-row-subtitle{text-overflow:ellipsis;white-space:nowrap;color:#737686;max-width:15rem;font-size:.88rem;overflow:hidden}.qr-row-subtitle-slug{box-shadow:none;color:#5f6f84;letter-spacing:0;background:0 0;border:0;border-radius:0;padding:0;font-size:.79rem;font-weight:500;display:block}.qr-list-shortlink{width:fit-content;max-width:100%;color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:.78rem;font-weight:600;line-height:1.25;display:block;overflow:hidden;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.kind-badge,.status-badge{border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.kind-dynamic{color:#004ac6}.kind-static{color:#64748b}.status-active{color:#047857;background:#ecfdf5}.status-paused{color:#c2410c;background:#fff7ed}.status-archived,.status-deleted{color:#475569;background:#f1f5f9}.align-right{text-align:right!important}.align-center{text-align:center!important}.strong-cell{color:#0b1c30;font-weight:700}.row-actions{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.table-icon-button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;width:2rem;height:2rem;display:grid}.table-icon-button:hover{color:#2563eb;background:#eff6ff}.table-icon-button-danger{color:#f43f5e}.table-icon-button-danger:hover{color:#9d174d;background:#be185d1a}.qr-action-modal{gap:1rem;display:grid}.qr-action-modal-card{background:#f8fbff;border:1px solid #c3c6d747;border-radius:.9rem;gap:.2rem;padding:.85rem .95rem;display:grid}.qr-action-modal-card strong{color:#0b1c30}.support-page-card{padding:1.25rem}.support-page-card.hoppla-local-request-form{width:min(100%,48rem)}.support-page-form{gap:1rem;display:grid}.support-page-field{gap:.4rem;display:grid}.support-page-field>span{color:#0b1c30;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.support-page-textarea{color:#0b1c30;width:100%;min-height:11rem;font:inherit;resize:vertical;background:#fff;border:1px solid #c3c6d7a8;border-radius:1rem;padding:.9rem 1rem;line-height:1.55}.support-page-textarea:focus{border-color:#1967c36b;outline:0;box-shadow:0 0 0 4px #1967c314}.billing-secret-code-button{justify-content:center;align-items:center;min-width:12.5rem;display:inline-flex;box-shadow:none!important;border-color:var(--tone-brand-light)!important;color:var(--tone-brand-light)!important;background:#fff!important}.billing-secret-code-button:hover:enabled,.billing-secret-code-button:focus-visible{background:var(--tone-brand-light)!important;color:#fff!important;border-color:var(--tone-brand-light)!important;background-image:none!important}.dashboard-stats-locked-card{text-align:center;justify-items:center;gap:.85rem;padding:2rem;display:grid}.dashboard-stats-locked-card h3{color:var(--dashboard-on-surface,#0f172a);margin:0;font-size:1.35rem;font-weight:800}.dashboard-stats-locked-card p{max-width:36rem;color:var(--dashboard-on-surface-variant,#64748b);margin:0}.dashboard-stats-locked-icon{width:3.5rem;height:3.5rem;color:var(--tone-indigo,#6366f1);background:#6366f114;border:1px solid #6366f138;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.qr-action-modal-card span{color:#64748b;word-break:break-word;font-size:.92rem}.qr-confirm-check{color:#334155;align-items:center;gap:.65rem;font-weight:600;display:inline-flex}.qr-download-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.qr-download-modal{gap:1.1rem;display:grid}.qr-download-settings-shell,.qr-download-settings-note{gap:1rem}.qr-download-settings-shell{padding-bottom:.15rem}.qr-download-settings-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.35rem;display:grid}.qr-download-settings-note-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.qr-download-settings-head h2,.qr-download-settings-note-head h2{letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:900}.qr-download-settings-head p,.qr-download-settings-note-head p{margin:0;font-size:.92rem;line-height:1.55}.qr-download-settings-head .settings-section-head-copy,.qr-download-settings-note-head .settings-section-head-copy{gap:.24rem;padding-top:.18rem;padding-left:.6rem;display:grid}.qr-download-settings-meta{gap:.95rem;padding-left:3.7rem;display:grid}.qr-download-settings-summary{gap:.32rem;display:grid}.qr-download-settings-summary h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.04rem;font-weight:900;line-height:1.18}.qr-download-settings-summary p{color:#64748b;word-break:break-word;margin:0;font-size:.86rem;font-weight:700;line-height:1.5}.qr-download-settings-pill{width:fit-content}.qr-download-section-divider{background:linear-gradient(90deg,#1967c300,#1967c329 18%,#94a3b83d 50%,#1967c329 82%,#1967c300);border-radius:999px;height:1px}.qr-download-choice-button{border:1px solid var(--tone-brand-light);min-height:3rem;color:var(--tone-brand-light);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.72rem .95rem;font-size:.74rem;font-weight:900;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 10px 24px #0f172a0a}.qr-download-choice-button:hover:enabled,.qr-download-choice-button:focus-visible{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:#fff;transform:translateY(-1px);box-shadow:0 14px 28px #1967c329}.qr-download-choice-button:disabled{color:var(--tone-brand-light);cursor:not-allowed;opacity:.45;background:#1967c30f;border-color:#1967c33d;transform:none}.qr-download-choice-button-wide{grid-column:1/-1}.billing-country-modal-actions{grid-template-columns:minmax(7.5rem,.45fr) minmax(13.5rem,1fr);align-items:stretch;gap:.75rem;display:grid}.billing-country-modal-button{white-space:nowrap;text-align:center;letter-spacing:.02em;width:100%;min-width:0;min-height:3rem;padding-inline:1rem;line-height:1.2}.billing-country-modal-tax-note{color:var(--dashboard-on-surface-variant);font:600 .82rem/1.5 var(--hoppla-font-body);margin:0}.billing-country-summary{border-color:color-mix(in srgb, var(--tone-brand-light) 26%, var(--dashboard-outline-variant));background:radial-gradient(circle at top left, color-mix(in srgb, var(--tone-brand-light) 14%, transparent), transparent 42%), var(--dashboard-surface-card);grid-template-columns:auto minmax(0,1fr) minmax(12rem,.72fr) auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid}.billing-country-summary-icon{background:color-mix(in srgb, var(--tone-brand-light) 14%, transparent);width:2.85rem;height:2.85rem;color:var(--tone-brand-light);border-radius:1rem;place-items:center;display:grid}.billing-country-summary-copy{gap:.18rem;min-width:0;display:grid}.billing-country-summary-copy>span,.billing-country-summary-select>span,.billing-country-summary-vat>span{color:var(--dashboard-on-surface-variant);font:800 .7rem/1.1 var(--hoppla-font-title);letter-spacing:.08em;text-transform:uppercase}.billing-country-summary-copy strong{color:var(--dashboard-on-surface);font:800 1.05rem/1.2 var(--hoppla-font-title)}.billing-country-summary-copy p{color:var(--dashboard-on-surface-variant);font:500 .78rem/1.4 var(--hoppla-font-body);margin:.15rem 0 0}.billing-country-summary-select,.billing-country-summary-vat{gap:.35rem;display:grid}.billing-country-summary-select select{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);width:100%;min-height:2.55rem;color:var(--dashboard-on-surface);font:700 .86rem/1.2 var(--hoppla-font-body);border-radius:.75rem;padding:0 .7rem}.billing-country-summary-vat{text-align:right;justify-items:end}.billing-country-summary-vat strong{color:var(--dashboard-primary);font:900 1.3rem/1 var(--hoppla-font-title)}.billing-country-summary-vat small{color:var(--dashboard-on-surface-variant);font:600 .7rem/1.2 var(--hoppla-font-body)}@media (width<=520px){.billing-country-modal-actions{grid-template-columns:1fr}.billing-country-modal-button{white-space:normal}.billing-country-summary{grid-template-columns:auto minmax(0,1fr)}.billing-country-summary-select,.billing-country-summary-vat{grid-column:1/-1}.billing-country-summary-vat{text-align:left;justify-items:start}}.qr-download-settings-note{padding-top:.1rem}.qr-delete-modal{gap:1.1rem;display:grid}.qr-delete-settings-meta{padding-left:3.7rem}.qr-delete-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-delete-copy-button{color:#1967c3;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#eff4ffeb;border:1px solid #1967c32e;border-radius:999px;justify-content:center;align-items:center;min-height:2rem;padding:.38rem .78rem;font-size:.74rem;font-weight:900;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.qr-delete-copy-button:hover,.qr-delete-copy-button:focus-visible{color:#fff;background:#1967c3;border-color:#1967c3;transform:translateY(-1px);box-shadow:0 12px 24px #1967c32e}.qr-delete-warning-card{border-radius:1rem;gap:.75rem;padding:1rem 1.05rem;display:grid}.qr-delete-confirm-check{width:100%}.qr-delete-actions{padding-top:.15rem}.folder-delete-modal{gap:1rem}.folder-delete-settings-meta{padding-left:3.7rem}:root[data-theme=dark] .qr-download-choice-button,:root.dark .qr-download-choice-button,html.dark .qr-download-choice-button{color:var(--tone-brand-light);background:#0f172af5;border-color:#1967c352}:root[data-theme=dark] .qr-download-choice-button:hover:enabled,:root[data-theme=dark] .qr-download-choice-button:focus-visible,:root.dark .qr-download-choice-button:hover:enabled,:root.dark .qr-download-choice-button:focus-visible,html.dark .qr-download-choice-button:hover:enabled,html.dark .qr-download-choice-button:focus-visible{color:#fff;background:#1967c3;border-color:#1967c3}:root[data-theme=dark] .qr-download-choice-button:disabled,:root.dark .qr-download-choice-button:disabled,html.dark .qr-download-choice-button:disabled{color:var(--tone-brand-light);background:#1967c31f;border-color:#1967c33d}:root[data-theme=dark] .qr-download-settings-summary h3,:root.dark .qr-download-settings-summary h3,html.dark .qr-download-settings-summary h3{color:#e2e8f0}:root[data-theme=dark] .qr-download-settings-summary p,:root.dark .qr-download-settings-summary p,html.dark .qr-download-settings-summary p{color:#cbd5e1}:root[data-theme=dark] .qr-delete-copy-button,:root.dark .qr-delete-copy-button,html.dark .qr-delete-copy-button{color:#7dd3fc;background:#0f172af5;border-color:#38bdf838}:root[data-theme=dark] .qr-delete-copy-button:hover,:root[data-theme=dark] .qr-delete-copy-button:focus-visible,:root.dark .qr-delete-copy-button:hover,:root.dark .qr-delete-copy-button:focus-visible,html.dark .qr-delete-copy-button:hover,html.dark .qr-delete-copy-button:focus-visible{color:#fff;background:#1967c3;border-color:#1967c3}:root[data-theme=dark] .qr-download-section-divider,:root.dark .qr-download-section-divider,html.dark .qr-download-section-divider{background:linear-gradient(90deg,#38bdf800,#38bdf82e 18%,#94a3b83d 50%,#38bdf82e 82%,#38bdf800)}@media (width<=640px){.qr-download-settings-head{grid-template-columns:auto minmax(0,1fr);gap:1.1rem}.qr-download-settings-note-head{grid-template-columns:auto minmax(0,1fr);gap:1rem}.qr-download-settings-meta{padding-left:0}.qr-download-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-delete-settings-meta{padding-left:0}.qr-delete-summary-row{align-items:stretch}.qr-delete-copy-button{width:fit-content}}.dashboard-editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:1.5rem;display:grid}.dashboard-preview-card{align-content:start;gap:1rem;display:grid}.dashboard-preview-kicker{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.dashboard-preview-actions{flex-wrap:wrap;gap:.65rem;display:flex}@media (width<=1100px){.dashboard-metrics-grid,.dashboard-hero-grid,.dashboard-surface-grid,.dashboard-surface-grid-two,.dashboard-surface-grid-three,.dashboard-editor-grid,.qr-detail-summary-grid{grid-template-columns:1fr 1fr}}@media (width<=980px){.sidebar{z-index:90;border-radius:0 28px 28px 0;width:min(20rem,100vw - 1rem);transform:translate(-110%)}.sidebar-mobile-open{transform:translate(0)}.sidebar-mobile-trigger{justify-content:center;align-items:center;display:inline-flex}.app-stage{margin-left:0}.sidebar-collapsed{width:min(20rem,100vw - 1rem)}.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));margin:0 auto;padding:5rem 0 2rem}.dashboard-metrics-grid,.dashboard-hero-grid,.dashboard-surface-grid,.dashboard-surface-grid-two,.dashboard-surface-grid-three,.dashboard-editor-grid,.qr-detail-summary-grid{grid-template-columns:1fr}.app-page-header{flex-direction:column;align-items:start}}@media (width<=767px){.qr-overview-title-row{justify-content:space-between;align-items:flex-start;gap:.6rem;width:100%}.qr-overview-title-row>span{overflow-wrap:anywhere;min-width:0}.qr-overview-title-input{width:100%;min-width:0;font-size:1.35rem}.qr-overview-title-icon{flex:none;width:2.25rem;height:2.25rem}.qr-detail-summary-grid{gap:.85rem}.qr-detail-preview-card{border-radius:1.35rem;order:-1;padding:1rem}.qr-detail-preview-card .qr-row-icon-preview{width:min(11.5rem,72vw)!important}.qr-detail-summary-stack{gap:.85rem}.qr-detail-summary-grid .metric-card{border-radius:1.2rem;padding:.95rem 1rem}.qr-detail-summary-grid .metric-card-head,.qr-detail-summary-grid .metric-card-body{gap:.75rem}.qr-detail-summary-grid .metric-card-body strong{overflow-wrap:anywhere;font-size:clamp(1.15rem,7vw,1.45rem);line-height:1.1}.qr-detail-summary-grid .metric-pill{white-space:normal;text-align:right;max-width:100%}.qr-detail-actions{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;display:grid}.qr-detail-action{justify-content:center;width:100%;min-height:2.75rem;padding-inline:.75rem!important;font-size:.9rem!important}.qr-detail-info-grid{gap:.85rem}.qr-detail-info-card{border-radius:1.2rem;padding:1rem}.qr-detail-info-card h3{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.qr-detail-info-card p{font-size:.95rem;line-height:1.45}}@media (width<=430px){.qr-detail-actions{grid-template-columns:1fr}}.sidebar.sidebar-collapsed{align-items:center;padding-inline:.95rem}.sidebar.sidebar-collapsed .sidebar-header-row,.sidebar.sidebar-collapsed .sidebar-top-slot,.sidebar.sidebar-collapsed .app-sidebar-top-stack,.sidebar.sidebar-collapsed .sidebar-section,.sidebar.sidebar-collapsed .sidebar-cta,.sidebar.sidebar-collapsed .sidebar-cta-stack,.sidebar.sidebar-collapsed .sidebar-footer{justify-items:center;width:100%;display:grid}.sidebar.sidebar-collapsed .sidebar-section{gap:.55rem}.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-sidebar-account-card,.sidebar.sidebar-collapsed .app-sidebar-account-button,.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .sidebar-primary-button,.sidebar.sidebar-collapsed .sidebar-logout{box-sizing:border-box;flex:none;place-items:center;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;margin:0 auto;padding:0;display:grid}.sidebar.sidebar-collapsed .nav-link{border-radius:1rem;gap:0}.sidebar.sidebar-collapsed .nav-link-icon,.sidebar.sidebar-collapsed .sidebar-primary-button .icon-sm,.sidebar.sidebar-collapsed .sidebar-logout-icon,.sidebar.sidebar-collapsed .sidebar-collapse-button .icon-sm{flex:none;width:1.25rem;height:1.25rem;display:block}.sidebar.sidebar-collapsed .nav-link-icon{place-items:center;display:grid}.sidebar.sidebar-collapsed .nav-link-icon svg,.sidebar.sidebar-collapsed .sidebar-primary-button svg,.sidebar.sidebar-collapsed .sidebar-logout svg,.sidebar.sidebar-collapsed .sidebar-collapse-button svg{margin:0;display:block}.sidebar.sidebar-collapsed .nav-link-label,.sidebar.sidebar-collapsed .app-sidebar-account-copy,.sidebar.sidebar-collapsed .app-sidebar-account-chevron,.sidebar.sidebar-collapsed .app-sidebar-account-menu,.sidebar.sidebar-collapsed .app-sidebar-onboarding{display:none!important}.sidebar.sidebar-collapsed .app-sidebar-account-card{box-shadow:none;background:0 0;border-color:#0000;border-radius:999px;padding:0}.sidebar.sidebar-collapsed .app-sidebar-account-avatar{place-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;margin:0;display:grid}.sidebar.sidebar-collapsed .sidebar-cta{padding-inline:0}.sidebar.sidebar-collapsed .sidebar-primary-button{letter-spacing:0;border-radius:999px;font-size:0;line-height:0}.sidebar.sidebar-collapsed .sidebar-secondary-button{display:none!important}.sidebar.sidebar-collapsed .sidebar-footer{padding-inline:0}.sidebar.sidebar-collapsed .sidebar-logout{letter-spacing:0;text-indent:0;border-radius:999px;font-size:0;line-height:0}.public-editor-header{border:1px solid var(--hoppla-border);background:radial-gradient(circle at top right, #6366f114, transparent 28%), linear-gradient(180deg, var(--hoppla-surface), var(--hoppla-surface-strong));box-shadow:var(--hoppla-card-shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem;justify-content:space-between;align-items:end;gap:1rem;padding:1.5rem;display:flex}.public-editor-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.public-proof-pill{border:1px solid var(--hoppla-border);min-height:2.25rem;color:var(--tone-brand-light);letter-spacing:.05em;text-transform:uppercase;background:#1967c314;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.78rem;font-weight:800;display:inline-flex}.public-builder-shell{gap:1.5rem;display:grid}.public-builder-canvas{align-items:start;gap:1.5rem;display:grid}.public-builder-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:1.25rem;display:grid}.public-type-sidebar,.public-builder-form,.public-builder-preview{gap:1rem;display:grid}.public-step-card,.public-type-sidebar{border-radius:var(--hoppla-card-radius);border:1px solid var(--hoppla-border);background:linear-gradient(180deg, var(--hoppla-surface), var(--hoppla-surface-strong)), linear-gradient(135deg, #1967c30a, #6366f10a);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.35rem}.public-step-head{align-items:start;gap:.9rem;margin-bottom:1rem;display:flex}.public-step-head h2,.public-step-head p{margin:0}.public-step-head h2{font-family:var(--hoppla-font-title);color:var(--hoppla-text);font-size:1.15rem;font-weight:800}.public-step-head p{color:var(--hoppla-text-soft);margin-top:.3rem;font-size:.92rem}.public-step-index{background:var(--tone-brand-light);color:#fff;border-radius:.8rem;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:800;display:grid;box-shadow:0 12px 24px #1967c329}.public-type-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;display:grid}.public-type-item{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:100%;color:var(--hoppla-text);text-align:left;cursor:pointer;border-radius:1rem;align-items:center;gap:.85rem;padding:.9rem .95rem;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:flex}.public-type-item:hover{background:var(--hoppla-surface-strong);box-shadow:var(--hoppla-card-shadow);border-color:#6366f138;transform:translate(3px)}.public-type-item-active{color:var(--tone-brand-light);box-shadow:var(--hoppla-card-shadow);background:#1967c314;border-color:#1967c338}.public-type-item-icon{background:var(--hoppla-surface-strong);border:1px solid var(--hoppla-border);border-radius:.8rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.public-type-item-copy{gap:.12rem;display:grid}.public-type-item-copy strong{font-size:.92rem}.public-type-item-copy small{color:var(--hoppla-text-soft);font-size:.75rem}.public-content-grid,.public-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.public-content-grid label span,.public-design-grid label span{color:var(--hoppla-text);font-size:.88rem;font-weight:700}.public-content-grid .input,.public-design-grid .input,.public-content-grid .select,.public-design-grid .select,.public-textarea{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-height:3rem;color:var(--hoppla-text);box-shadow:none;border-radius:.5rem;padding:.9rem 1rem}.public-content-grid .input:focus,.public-design-grid .input:focus,.public-content-grid .select:focus,.public-design-grid .select:focus,.public-textarea:focus{border-color:var(--tone-brand-light);box-shadow:0 0 0 1px var(--tone-brand-light)}.public-design-stack{gap:1rem;display:grid}.public-design-grid-controls{padding-top:.2rem}.public-field-span{grid-column:1/-1}.public-inline-note{color:var(--tone-indigo);background:#6366f114;border:1px solid #6366f129;border-radius:.85rem;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem}.public-selected-type{border:1px solid var(--hoppla-border);background:#1967c30f;border-radius:1rem;align-items:center;gap:.75rem;min-height:52px;padding:.8rem .95rem;display:inline-flex}.public-builder-preview{position:sticky;top:1rem}.public-preview-panel{overflow:hidden}.public-preview-main{background:radial-gradient(circle at top left, #1967c30f, transparent 24%), linear-gradient(180deg, #ffffffb8 0%, var(--hoppla-surface-strong) 100%);border:1px solid var(--hoppla-border);border-radius:1.15rem;place-items:center;min-height:24rem;padding:1rem;display:grid}.qr-preview-card{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.qr-preview-frame{gap:.8rem;width:100%;display:grid}.qr-preview-frame-active{border:1px solid var(--hoppla-border);background:#1967c30a;border-radius:1.25rem;padding:1rem}.qr-preview-frame-text{color:var(--brand);letter-spacing:.22em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:clip;font-size:.72rem;font-weight:900;overflow:hidden}.qr-preview-styled{background:var(--hoppla-surface-strong);border:1px solid var(--hoppla-border);width:100%;box-shadow:var(--hoppla-card-shadow);border-radius:1.3rem;place-items:center;margin:0 auto;padding:1rem;display:grid}.qr-preview{place-items:center;display:grid}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto;display:block}.public-preview-label{color:var(--hoppla-text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.public-preview-destination{gap:.7rem;margin-top:1rem;display:grid}.public-preview-link-pill{background:var(--hoppla-surface);border:1px solid var(--hoppla-border);width:100%;box-shadow:var(--hoppla-card-shadow);border-radius:1rem;align-items:center;gap:.65rem;padding:.9rem 1.15rem;display:inline-flex}.public-preview-link-pill span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.public-preview-link-pill button{border:1px solid var(--hoppla-border);width:2.2rem;height:2.2rem;color:var(--tone-brand-light);cursor:pointer;background:#1967c314;border-radius:.8rem;place-items:center;display:grid}.qr-style-section{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);box-shadow:var(--hoppla-card-shadow);border-radius:1.1rem;gap:.95rem;padding:1rem;display:grid}.public-design-stack .qr-style-section:first-of-type:before{background:var(--tone-brand-light)}.public-design-stack .qr-style-section:nth-of-type(2):before{background:var(--tone-indigo)}.public-design-stack .qr-style-section:nth-of-type(3):before{background:var(--tone-rose-dark)}.public-design-stack .qr-style-section:nth-of-type(4):before{background:var(--tone-emerald)}.public-design-stack .qr-style-section:first-of-type{background:radial-gradient(circle at top right, #1967c314, transparent 34%), var(--hoppla-surface)}.public-design-stack .qr-style-section:nth-of-type(2){background:radial-gradient(circle at top right, #6366f11a, transparent 34%), var(--hoppla-surface)}.public-design-stack .qr-style-section:nth-of-type(3){background:radial-gradient(circle at top right, #be185d14, transparent 34%), var(--hoppla-surface)}.public-design-stack .qr-style-section:nth-of-type(4){background:radial-gradient(circle at top right, #10b9811a, transparent 34%), var(--hoppla-surface)}.qr-style-section-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.qr-style-section-head h3,.qr-style-section-head p{margin:0}.qr-style-section-head h3{color:var(--hoppla-text);font-size:1rem;font-family:var(--hoppla-font-title);font-weight:800}.qr-style-section-head p{max-width:22rem;color:var(--hoppla-text-soft);text-align:right;font-size:.82rem;line-height:1.45}.qr-style-eyebrow{color:var(--tone-brand-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.28rem;font-size:.72rem;font-weight:800;display:inline-block}.qr-style-gallery{gap:.8rem;display:grid}.qr-style-gallery-frames,.qr-style-gallery-shapes,.qr-style-gallery-corners,.qr-style-gallery-palettes{grid-template-columns:repeat(6,minmax(0,1fr))}.qr-style-card{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-height:8.25rem;color:var(--hoppla-text);text-align:left;cursor:pointer;border-radius:.95rem;align-content:start;gap:.45rem;padding:.8rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden}.qr-style-card:before{content:"";background:0 0;width:4px;transition:background-color .16s;position:absolute;inset:0 auto 0 0}.qr-style-card:hover{border-color:#6366f147;transform:translateY(-2px);box-shadow:0 18px 32px #6366f114}.qr-style-card:hover:before{background:#6366f173}.qr-style-card strong{font-size:.82rem;line-height:1.2}.qr-style-card small{color:var(--hoppla-text-soft);font-size:.68rem;line-height:1.3}.qr-style-card-active{background:var(--hoppla-surface-strong);border-color:#1967c370;box-shadow:0 20px 36px #1967c31a}.qr-style-card-active:before{background:var(--tone-brand-light)}.qr-style-frame-chip{background:var(--hoppla-surface);border:1px dashed #6366f147;border-radius:.85rem;place-items:center;min-height:3rem;display:grid}.qr-style-frame-chip span{color:var(--hoppla-text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:900}.qr-style-frame-chip-active{background:#1967c30f;border-style:solid;border-color:#1967c329}.qr-style-frame-chip-active span{color:var(--tone-brand-light)}.qr-style-shape-preview{background:var(--hoppla-surface);border:1px solid var(--hoppla-border);border-radius:.85rem;grid-template-columns:repeat(4,1fr);gap:.24rem;min-height:3.25rem;padding:.6rem;display:grid}.qr-style-shape-preview span{background:var(--tone-brand-light);box-shadow:inset 0 -1px #38bdf82e}.qr-style-shape-square span{border-radius:.2rem}.qr-style-shape-dots span{border-radius:999px}.qr-style-shape-rounded span{border-radius:.45rem}.qr-style-shape-extra-rounded span{border-radius:999px;min-height:.55rem}.qr-style-shape-classy span:nth-child(odd){border-radius:999px}.qr-style-shape-classy span:nth-child(2n){border-radius:.18rem}.qr-style-corner-preview{background:var(--hoppla-surface);border:1px solid var(--hoppla-border);border-radius:.85rem;min-height:3.35rem;position:relative}.qr-style-corner-square,.qr-style-corner-dot{background:var(--tone-brand-light);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qr-style-corner-square{width:1.95rem;height:1.95rem}.qr-style-corner-dot{background:var(--hoppla-surface-strong);width:.72rem;height:.72rem;box-shadow:0 0 0 .34rem var(--tone-brand-light)}.qr-style-corner-square-square{border-radius:.35rem}.qr-style-corner-square-extra-rounded{border-radius:.95rem}.qr-style-corner-square-dot{border-radius:999px}.qr-style-corner-dot-square{border-radius:.16rem}.qr-style-corner-dot-dot{border-radius:999px}.qr-style-card-corner{position:relative;overflow:hidden}.qr-style-card-corner:after{content:"";background:#6366f12e;border-radius:999px;width:.45rem;height:.45rem;position:absolute;inset:auto 1rem 1rem auto}.qr-style-palette-preview{border:1px solid var(--hoppla-border);border-radius:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));min-height:3rem;display:grid;overflow:hidden}.qr-style-palette-preview span{display:block}.qr-style-card-palette{gap:.55rem;min-height:auto}.qr-style-card-palette strong{font-size:.84rem}.qr-style-card-palette small{font-size:.72rem}.public-textarea{resize:vertical;min-height:8rem;font:inherit}.public-export-bar{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hoppla-card-shadow);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.public-export-bar-inline{box-shadow:none;background:0 0;border:0;margin-top:1rem;padding:0;position:static}.public-export-select-wrap{align-items:center;gap:.8rem;display:inline-flex}.public-export-actions{align-items:center;gap:.75rem;display:flex}@media (width<=1320px){.public-builder-offer,.qr-early-access-banner,.public-hero-grid,.public-trust-grid,.public-metric-grid,.public-hero-copy h1{max-width:none}.public-builder-preview{grid-column:1/-1;position:static}}@media (width<=767px){.public-hero,.public-section-surface{border-radius:1.2rem}.public-hero-actions,.public-chip-row{flex-direction:column;align-items:stretch}.contact-simple-form{padding:1rem}.hoppla-local-request-grid{grid-template-columns:1fr}.hoppla-local-request-form.contact-simple-form{box-shadow:3px 3px 0 0 var(--folder-ink);border-width:3px}.hoppla-local-request-hero{padding-inline:0}.hoppla-local-request-hero h1{font-size:clamp(2.25rem,11vw,3rem)}.contact-simple-submit{width:100%}.hoppla-local-request-form .contact-simple-submit.btn{justify-self:stretch}}@media (width<=980px){.public-editor-header,.public-export-bar{flex-direction:column;align-items:stretch}.public-builder-grid,.public-content-grid,.public-design-grid{grid-template-columns:1fr}.public-type-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.qr-style-section-head{flex-direction:column;align-items:start}.qr-style-section-head p{text-align:left;max-width:none}.qr-style-gallery-frames,.qr-style-gallery-shapes,.qr-style-gallery-corners,.qr-style-gallery-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.public-color-row,.public-export-select-wrap,.public-export-actions{flex-direction:column;align-items:stretch}.public-type-item{padding:.85rem}.qr-style-gallery-frames,.qr-style-gallery-shapes,.qr-style-gallery-corners,.qr-style-gallery-palettes{grid-template-columns:1fr}}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;justify-content:center;align-items:center;font-family:Material Symbols Outlined,sans-serif;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.fill-icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.dashboard-qr-shell{--dashboard-primary:#1967c3;--dashboard-on-primary:#fff;--dashboard-secondary:#6366f1;--dashboard-secondary-container:#6366f11f;--dashboard-on-secondary-container:#4338ca;--dashboard-surface:#f7fbff;--dashboard-surface-low:#ffffffe0;--dashboard-surface-card:#fff;--dashboard-surface-container:#1967c314;--dashboard-surface-high:#6366f11a;--dashboard-surface-variant:#1967c314;--dashboard-on-surface:#10233f;--dashboard-on-surface-variant:#020617ad;--dashboard-outline:#0206175c;--dashboard-outline-variant:#1967c324;--dashboard-green:#10b981;--dashboard-red-soft:#be185d1a;--dashboard-red-soft-strong:#be185d2e;background:radial-gradient(1100px circle at 0% 22%, #38bdf814, transparent 58%), radial-gradient(900px circle at 92% 8%, #6366f129, transparent 58%), var(--dashboard-surface);min-height:100vh;color:var(--dashboard-on-surface);font-family:var(--hoppla-font-sans);display:flex}.dashboard-qr-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff0,#f6faffe0),radial-gradient(circle at 0 0,#1967c314,#0000 44%);border-right:1px solid #1967c314;flex-direction:column;gap:1.5rem;width:16rem;padding:1.4rem .85rem 1.2rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 42px #17223514}.dashboard-qr-brand{align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.dashboard-qr-brand h1{color:var(--dashboard-primary);font-size:1.25rem;line-height:1.4;font-family:var(--hoppla-font-title);margin:0;font-weight:800}.dashboard-qr-brand p{color:var(--dashboard-on-surface-variant);margin:0;font-size:.875rem}.dashboard-qr-brand-icon{color:var(--dashboard-primary);font-size:1.75rem}.dashboard-qr-primary-cta,.dashboard-qr-nav-link,.dashboard-qr-secondary-cta,.dashboard-qr-edit-button,.dashboard-qr-gradient-cta,.dashboard-qr-actions button,.dashboard-qr-icon-button{font-family:var(--hoppla-font-title)}.dashboard-qr-primary-cta{border:1px solid var(--tone-brand-light);width:100%;color:var(--tone-brand-light);letter-spacing:.05em;text-transform:uppercase;box-shadow:none;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.84rem;font-weight:800;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.dashboard-qr-primary-cta:hover{background:var(--tone-brand-light);color:#fff;transform:translateY(-2px)}.dashboard-qr-sidebar-nav,.dashboard-qr-sidebar-footer{flex-direction:column;gap:.5rem;display:flex}.dashboard-qr-sidebar-footer{border-top:1px solid #c3c6d74d;margin-top:auto;padding-top:1.5rem}.dashboard-qr-nav-link{width:100%;color:var(--dashboard-on-surface-variant);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;font-weight:800;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex}.dashboard-qr-nav-link:hover{color:var(--dashboard-on-surface);background:#ffffffeb;border-color:#1967c31f}.dashboard-qr-nav-link-active{background:var(--dashboard-secondary-container);color:var(--dashboard-on-secondary-container);border-color:#6366f12e;font-weight:700;box-shadow:0 12px 28px #6366f11f}.dashboard-qr-main{flex-direction:column;flex:1;min-width:0;margin-left:16rem;display:flex}.dashboard-qr-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;justify-content:space-between;align-items:center;gap:1.5rem;height:4.25rem;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 16px 30px #1722350f}.dashboard-qr-topbar-title{color:var(--dashboard-primary);font-size:1.5rem;font-family:var(--hoppla-font-title);font-weight:800}.dashboard-qr-topnav{align-items:center;gap:1.5rem;display:flex}.dashboard-qr-topnav-link{color:var(--dashboard-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;padding-bottom:.25rem;font-size:.8rem;font-weight:800;text-decoration:none;transition:color .18s,transform .18s}.dashboard-qr-topnav-link:hover{color:var(--dashboard-primary)}.dashboard-qr-topnav-link-active{color:var(--dashboard-primary);border-bottom:2px solid var(--dashboard-primary);transform:scale(.95)}.dashboard-qr-topbar-actions{align-items:center;gap:1rem;display:flex}.dashboard-qr-secondary-cta{background:var(--dashboard-secondary);color:var(--dashboard-on-primary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.76rem;font-weight:800;display:inline-flex}.dashboard-qr-icon-button{width:2.5rem;height:2.5rem;color:var(--dashboard-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px}.dashboard-qr-icon-button:hover{color:var(--dashboard-primary);background:#d3e4fe99}.dashboard-qr-avatar{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-variant);width:2rem;height:2rem;color:var(--dashboard-primary);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.dashboard-qr-content{flex-direction:column;gap:3rem;width:min(100% - 4rem,80rem);margin:0 auto;padding:2rem;display:flex}.dashboard-qr-page-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.dashboard-qr-page-kicker{color:var(--dashboard-primary);font-family:var(--hoppla-font-title);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem;font-weight:700;line-height:1;display:block}.dashboard-qr-page-head h2{letter-spacing:-.02em;font-size:3rem;line-height:1.2;font-family:var(--hoppla-font-title);color:var(--dashboard-on-surface);margin:0;font-weight:800}.dashboard-qr-edit-button{border:1px solid var(--tone-indigo);color:var(--tone-indigo);letter-spacing:.06em;text-transform:uppercase;box-shadow:none;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.78rem;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.dashboard-qr-edit-button:hover:enabled{background:var(--tone-indigo);border-color:var(--tone-indigo);color:#fff;transform:translateY(-1px)}.dashboard-qr-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.dashboard-qr-card{background:var(--dashboard-surface-card);min-height:9rem;box-shadow:var(--hoppla-card-shadow);border:1px solid #1967c31a;border-radius:1.4rem;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.5rem;display:flex}.dashboard-qr-card:before{content:"";background:var(--dashboard-primary);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.dashboard-qr-card-brand:before{background:var(--tone-brand-light)}.dashboard-qr-card-sky:before{background:var(--tone-sky)}.dashboard-qr-card-emerald:before{background:var(--tone-emerald)}.dashboard-qr-card-indigo:before{background:var(--tone-indigo)}.dashboard-qr-card-amber:before{background:var(--tone-amber)}.dashboard-qr-card-rose:before{background:var(--tone-rose-dark)}.dashboard-qr-card-brand{background:radial-gradient(circle at top right, #1967c31a, transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-sky{background:radial-gradient(circle at top right, #0ea5e91f, transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-emerald{background:radial-gradient(circle at top right, #10b9811f, transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-indigo{background:radial-gradient(circle at top right, #6366f11f, transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-amber{background:radial-gradient(circle at top right, #f59e0b24, transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-rose{background:radial-gradient(circle at top right, #be185d1a, transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-wide{grid-column:span 2}.dashboard-qr-card-priority{order:0}.dashboard-qr-card-secondary{order:1}.dashboard-qr-card-cta{background:linear-gradient(90deg,#1967c314 0%,#6366f11a 100%),#fff;flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.dashboard-qr-card-cta h3,.dashboard-qr-section-head h3{font-size:1.25rem;line-height:1.4;font-family:var(--hoppla-font-title);margin:0 0 .5rem;font-weight:800}.dashboard-qr-card-cta p,.dashboard-qr-section-head p{color:var(--dashboard-on-surface-variant);margin:0;font-size:1rem;line-height:1.5}.dashboard-qr-card-label{color:var(--dashboard-on-surface-variant);font-size:1rem;line-height:1.5}.dashboard-qr-card-label-spaced{margin-bottom:1rem}.dashboard-qr-card-row,.dashboard-qr-offer-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-qr-metric-value{font-size:2rem;line-height:1.25;font-family:var(--hoppla-font-title);color:var(--dashboard-on-surface);font-weight:800}.dashboard-qr-muted-value{color:var(--dashboard-on-surface-variant)}.dashboard-qr-unavailable{align-items:center;gap:.55rem;display:inline-flex}.dashboard-qr-unavailable .material-symbols-outlined{color:color-mix(in srgb, var(--dashboard-on-surface-variant) 72%, transparent);font-size:1.05rem}.dashboard-qr-unavailable .dashboard-qr-metric-value{font-size:1rem;line-height:1.5;font-family:var(--hoppla-font-body);font-weight:600}.dashboard-qr-card-mini-value{font-size:1.5rem;line-height:1.3;font-family:var(--hoppla-font-title);color:var(--dashboard-on-surface-variant);font-weight:800}.dashboard-qr-primary-value{color:var(--dashboard-primary)}.dashboard-qr-positive-icon{color:var(--dashboard-primary);font-size:1.9rem}.dashboard-qr-status-dot{background:var(--dashboard-green);border-radius:999px;flex:none;width:.75rem;height:.75rem}.dashboard-qr-offer-row strong{color:var(--dashboard-primary);font-size:1.5rem;font-weight:700;line-height:1.3}.dashboard-qr-limit-grid{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard-qr-limit-pill{background:var(--dashboard-surface-container);border:1px solid #c3c6d74d;border-radius:.5rem;flex:15rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.dashboard-qr-limit-pill span{color:var(--dashboard-on-surface-variant);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1}.dashboard-qr-limit-pill strong{color:var(--dashboard-on-surface);font-size:1rem;font-weight:700}.dashboard-qr-gradient-cta{border:1px solid var(--tone-brand-light);color:var(--tone-brand-light);letter-spacing:.06em;text-transform:uppercase;box-shadow:none;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:.88rem;font-weight:800;line-height:1.2;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.dashboard-qr-gradient-cta:hover:enabled{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:#fff;transform:translateY(-1px)}.dashboard-qr-section{flex-direction:column;gap:1.5rem;display:flex}.dashboard-qr-filter-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.dashboard-qr-filter-group{gap:.75rem;display:flex}.dashboard-qr-filter-group select{appearance:none;border:1px solid var(--dashboard-outline-variant);color:var(--dashboard-on-surface);font-family:var(--hoppla-font-title);letter-spacing:.05em;text-transform:uppercase;background:#ffffffe6;border-radius:999px;padding:.7rem 1rem;font-size:.76rem;font-weight:800}.dashboard-qr-tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-qr-tag-cloud span{color:var(--dashboard-on-surface-variant);font-family:var(--hoppla-font-title);letter-spacing:.04em;cursor:default;background:#ffffffe0;border:1px solid #1967c31a;border-radius:999px;padding:.55rem .85rem;font-size:.72rem;font-weight:700}.dashboard-qr-list{flex-direction:column;gap:.75rem;display:flex}.dashboard-qr-list-item{background:linear-gradient(#fffffffa,#f8fbffeb);border:1px solid #1967c31a;border-radius:1.35rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;box-shadow:0 16px 32px #1722350f}.dashboard-qr-list-main{align-items:center;gap:1rem;min-width:0;display:flex}.dashboard-qr-list-icon{width:3rem;height:3rem;color:var(--dashboard-primary);background:#1967c314;border-radius:1rem;flex:none;justify-content:center;align-items:center;padding:.2rem;display:inline-flex;overflow:hidden}.dashboard-qr-list-icon .qr-row-icon-preview{border-color:#c3c6d740;border-radius:.8rem;width:100%;height:100%;padding:.1rem}.dashboard-qr-list-copy{align-content:center;gap:.2rem;min-width:0;display:grid}.dashboard-qr-list-copy h4{color:var(--dashboard-on-surface);font-size:1.25rem;line-height:1.4;font-family:var(--hoppla-font-title);margin:0 0 .25rem;font-weight:800}.dashboard-qr-title-button{text-align:left;cursor:pointer;background:0 0;border:0;width:fit-content;margin:0;padding:0;display:block}.dashboard-qr-title-button:hover h4,.dashboard-qr-title-button:focus-visible h4{color:var(--dashboard-primary)}.dashboard-qr-shortlink-button{width:fit-content;max-width:100%;box-shadow:none;color:var(--dashboard-on-surface-variant);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;text-underline-offset:.18em;background:0 0;border:0;margin:0;padding:0;font-size:.82rem;font-weight:600;line-height:1.25;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .18s,text-decoration-color .18s;display:block;overflow:hidden}.dashboard-qr-shortlink-button:hover,.dashboard-qr-shortlink-button:focus-visible{color:var(--dashboard-primary);text-decoration-color:currentColor}.dashboard-qr-expiration{font-size:.78rem;font-weight:600;line-height:1.3;display:block}.dashboard-qr-expiration-row{flex-wrap:wrap;align-items:center;gap:.38rem;display:inline-flex}.dashboard-qr-expiration-neutral{color:var(--dashboard-on-surface-variant)}.dashboard-qr-expiration-paused{color:#b45309}.dashboard-qr-expiration-review{color:#be123c}.dashboard-qr-expiration-info{align-items:center;display:inline-flex;position:relative}.dashboard-qr-expiration-infoButton{color:#10233f85;cursor:help;background:0 0;border:0;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;padding:0;transition:color .18s,transform .18s;display:inline-flex}.dashboard-qr-expiration-infoButton:hover,.dashboard-qr-expiration-infoButton:focus-visible{color:var(--dashboard-primary);outline:none;transform:translateY(-1px)}.dashboard-qr-expiration-tooltip{z-index:8;width:min(18rem,62vw);color:var(--dashboard-on-surface);opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border:1px solid #1967c31f;border-radius:.9rem;padding:.72rem .82rem;font-size:.76rem;font-weight:500;line-height:1.45;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%,.2rem);box-shadow:0 18px 40px #10233f24}.dashboard-qr-expiration-tooltip:after{content:"";background:#fffffffa;border-bottom:1px solid #1967c31f;border-right:1px solid #1967c31f;width:.7rem;height:.7rem;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.dashboard-qr-expiration-info:hover .dashboard-qr-expiration-tooltip,.dashboard-qr-expiration-info:focus-within .dashboard-qr-expiration-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.qr-overview-title-row{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.qr-overview-title-input{min-width:min(26rem,60vw);padding:.72rem 1rem;font-size:clamp(1.5rem,2vw,2rem);font-weight:800;line-height:1.15}.qr-overview-title-icon{border:1px solid var(--dashboard-outline-variant);width:2.4rem;height:2.4rem;color:var(--dashboard-primary);cursor:pointer;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.qr-overview-title-icon:hover{background:var(--dashboard-surface-container);border-color:#1967c33d;transform:translateY(-1px)}.dashboard-qr-list-copy a{color:var(--dashboard-primary);overflow-wrap:anywhere;font-size:.875rem;text-decoration:none}.dashboard-qr-list-copy a:hover{text-decoration:underline}.dashboard-qr-name-button{font:inherit;color:inherit}.dashboard-qr-folder-link{width:fit-content;max-width:100%;color:var(--dashboard-on-surface-variant);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin-top:.18rem;padding:0;font-size:.78rem;font-weight:700;display:inline-flex}.dashboard-qr-folder-link span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-qr-folder-link:hover,.dashboard-qr-folder-link:focus-visible{color:var(--dashboard-primary)}.dashboard-qr-list-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dashboard-qr-badge{min-height:1.5rem;font-family:var(--hoppla-font-title);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.125rem .5rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.dashboard-qr-badge-violet{background:var(--dashboard-secondary-container);color:var(--dashboard-on-secondary-container)}.dashboard-qr-badge-active{color:#2e7d32;background:#e8f5e9}.dashboard-qr-badge-paused,.dashboard-qr-badge-review{color:#946200;background:#fff5d8}.dashboard-qr-badge-blocked{background:var(--dashboard-red-soft);color:#93000a}.dashboard-qr-badge-neutral{background:var(--dashboard-surface-container);color:var(--dashboard-on-surface-variant)}.dashboard-qr-folder-badge{cursor:pointer;border:0;gap:.28rem;max-width:min(16rem,100%)}.dashboard-qr-folder-badge .material-symbols-outlined{font-size:.95rem}.dashboard-qr-folder-badge span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-qr-folder-badge:hover,.dashboard-qr-folder-badge:focus-visible{color:var(--dashboard-primary)}.dashboard-qr-badge-text{color:var(--dashboard-on-surface-variant);font-size:.875rem}.dashboard-qr-actions{align-items:center;gap:.5rem;width:auto;display:flex}.dashboard-qr-actions button{border:1px solid var(--tone-brand-light);color:var(--tone-brand-light);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:none;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem .85rem;font-size:.72rem;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,transform .18s,opacity .18s;display:inline-flex}.dashboard-qr-actions button:hover:enabled{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:#fff;transform:translateY(-1px)}.dashboard-qr-actions button:disabled{opacity:.45;cursor:not-allowed}.dashboard-qr-action-brand{border-color:var(--tone-brand-light)!important;color:var(--tone-brand-light)!important}.dashboard-qr-action-brand:hover:enabled{background:var(--tone-brand-light)!important;border-color:var(--tone-brand-light)!important;color:#fff!important}.dashboard-qr-action-indigo{border-color:var(--tone-indigo)!important;color:var(--tone-indigo)!important}.dashboard-qr-action-indigo:hover:enabled{background:var(--tone-indigo)!important;border-color:var(--tone-indigo)!important;color:#fff!important}.dashboard-qr-pause-action{color:var(--tone-amber)!important;border-color:var(--tone-amber)!important;background:#fff!important;padding:.5rem!important}.dashboard-qr-pause-action:hover:enabled{background:var(--tone-amber)!important;border-color:var(--tone-amber)!important;color:#fff!important}.dashboard-qr-icon-action{min-width:2.6rem;padding:.5rem!important}.dashboard-qr-delete-action{color:var(--tone-rose-dark)!important;border-color:var(--tone-rose-dark)!important;background:#fff!important}.dashboard-qr-delete-action:hover:enabled{background:var(--tone-rose-dark)!important;border-color:var(--tone-rose-dark)!important;color:#fff!important}.dashboard-qr-mobile-actions{display:none}.dashboard-qr-state-card{color:var(--dashboard-on-surface);background:#fffffff0;border:1px solid #1967c31f;border-radius:1.25rem;gap:.35rem;padding:1.25rem;display:grid}.dashboard-qr-state-card p{color:var(--dashboard-on-surface-variant);margin:0}.dashboard-qr-loading-list{gap:.75rem;display:grid}.dashboard-qr-list-item-skeleton{grid-template-columns:3rem minmax(0,1fr) 10rem;align-items:center;display:grid}.dashboard-qr-skeleton-thumb,.dashboard-qr-skeleton-copy,.dashboard-qr-skeleton-actions{background:linear-gradient(90deg,#e2e8f0b8,#f8fafcf5,#e2e8f0b8) 0 0/200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite qr-list-skeleton;display:block}.dashboard-qr-skeleton-thumb{border-radius:1rem;width:3rem;height:3rem}.dashboard-qr-skeleton-copy{width:min(100%,22rem);height:1.5rem}.dashboard-qr-skeleton-actions{width:100%;height:2.5rem}@keyframes qr-list-skeleton{0%{background-position:180% 0}to{background-position:-180% 0}}@media (width<=1279px){.dashboard-qr-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-qr-card-cta{flex-direction:column;align-items:flex-start}.dashboard-qr-list-item{flex-direction:column;align-items:stretch}.dashboard-qr-actions{flex-wrap:wrap}}@media (width<=1023px){.dashboard-qr-list{gap:.85rem}.dashboard-qr-list-item{border-radius:1.15rem;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.85rem;padding:1rem;display:grid}.dashboard-qr-list-main{grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.dashboard-qr-list-icon{border-radius:1rem;width:4rem;height:4rem}.dashboard-qr-list-copy{min-width:0}.dashboard-qr-list-copy h4{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.15rem;font-size:clamp(1.02rem,2.6vw,1.18rem);line-height:1.15;overflow:hidden}.dashboard-qr-title-button,.dashboard-qr-shortlink-button{max-width:100%}.dashboard-qr-shortlink-button{font-size:.78rem}.dashboard-qr-expiration-row{max-width:100%}.dashboard-qr-expiration{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 8rem);overflow:hidden}.dashboard-qr-list-badges{gap:.38rem}.dashboard-qr-badge{letter-spacing:.06em;min-height:1.45rem;padding-inline:.48rem;font-size:.62rem}.dashboard-qr-actions{display:none}.dashboard-qr-mobile-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid;position:relative}.dashboard-qr-mobile-actions-deleted{grid-template-columns:minmax(0,1fr)}.dashboard-qr-mobile-actions button{min-height:2.75rem;font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #1967c32e;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.65rem .78rem;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.dashboard-qr-mobile-actions button:disabled{opacity:.45;cursor:not-allowed}.dashboard-qr-mobile-primary{min-width:0}.dashboard-qr-mobile-primary .material-symbols-outlined{font-size:1.05rem}.dashboard-qr-mobile-more{justify-content:flex-end;display:inline-flex;position:relative}.dashboard-qr-mobile-more-button{width:2.75rem;color:var(--dashboard-on-surface-variant);padding-inline:0!important}.dashboard-qr-mobile-menu{z-index:20;background:#fffffffa;border:1px solid #1967c324;border-radius:1rem;gap:.25rem;width:min(15rem,100vw - 2rem);padding:.45rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 20px 44px #0f172a29}.dashboard-qr-mobile-menu button{width:100%;min-height:2.45rem;color:var(--dashboard-on-surface);box-shadow:none;text-align:left;background:0 0;border:0;border-radius:.75rem;justify-content:flex-start}.dashboard-qr-mobile-menu button:hover:enabled,.dashboard-qr-mobile-menu button:focus-visible{background:#1967c314}.dashboard-qr-mobile-menu-danger{color:var(--tone-rose-dark)!important}.dashboard-qr-list-item-skeleton{grid-template-columns:4rem minmax(0,1fr)}.dashboard-qr-skeleton-actions{grid-column:1/-1}.dashboard-qr-sidebar{display:none}.dashboard-qr-main{margin-left:0}.dashboard-qr-topnav{display:none}.dashboard-qr-topbar{padding-inline:1rem}.dashboard-qr-content{width:min(100% - 2rem,80rem);padding:1.5rem 0 2rem}.dashboard-qr-page-head{flex-direction:column;align-items:flex-start}.dashboard-qr-page-head h2{font-size:2.25rem}.dashboard-qr-page-head .dashboard-qr-edit-button{justify-content:center;width:100%}.dashboard-qr-section-head{flex-direction:column;align-items:flex-start}}@media (width<=767px){.dashboard-qr-metrics-grid{grid-template-columns:1fr}.dashboard-qr-card-priority{order:0}.dashboard-qr-card-secondary{order:2}.dashboard-qr-card-wide{grid-column:span 1}.dashboard-qr-filter-row{flex-direction:column}.dashboard-qr-filter-group{flex-direction:column;width:100%}.dashboard-qr-list-item{gap:.75rem;padding:.78rem}.dashboard-qr-card{padding:1rem}.dashboard-qr-limit-grid{grid-template-columns:1fr}.dashboard-qr-list-main{grid-template-columns:3.55rem minmax(0,1fr);gap:.72rem}.dashboard-qr-list-icon{width:3.55rem;height:3.55rem}.dashboard-qr-list-copy h4{font-size:1rem}.dashboard-qr-shortlink-button{max-width:100%;font-size:.74rem}.dashboard-qr-mobile-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 2.75rem}.dashboard-qr-mobile-actions button{min-width:0;padding-inline:.55rem}.dashboard-qr-mobile-primary{overflow:hidden}.dashboard-qr-mobile-primary span:not(.material-symbols-outlined){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-qr-secondary-cta{display:none}}.plans-root{isolation:isolate;padding:10px 0 18px;position:relative;overflow:clip visible}.plans-stack{z-index:1;gap:18px;min-width:0;display:grid;position:relative;overflow:visible}.plans-header{z-index:1;text-align:center;width:100%;min-width:0;max-width:980px;margin:0 auto;position:relative}.plans-title{letter-spacing:-.04em;color:#fffffff5;text-wrap:balance;margin:0;font-size:clamp(2.15rem,8.2vw,3.35rem);font-weight:950;line-height:.94}:root[data-theme=light] .plans-title,:root.light .plans-title,html.light .plans-title{color:#020617eb}.plans-lead{color:#e2e8f0d1;text-wrap:pretty;text-align:center;max-width:76ch;margin:12px auto 0;font-size:clamp(.98rem,.92rem + .24vw,1.06rem);line-height:1.62}.plans-leadWord{font-weight:950}.plans-leadStrong{color:inherit;font-weight:950}.plans-leadHintBtn{appearance:none;font:inherit;color:inherit;cursor:help;text-underline-offset:.18em;background:0 0;border:0;outline:none;margin:0;padding:0;font-weight:950;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.plans-leadHintBtn:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #38bdf88c}.plans-leadTooltip{z-index:90;color:#0f172af0;text-align:left;text-transform:none;letter-spacing:normal;pointer-events:none;background:#fffffffa;border:1px solid #94a3b838;border-radius:14px;padding:12px 14px;font-size:.92rem;font-weight:700;line-height:1.5;position:fixed;box-shadow:0 22px 38px #0f172a29}.plans-leadToneAmber{color:var(--tone-amber-soft)}.plans-leadToneSky{color:var(--tone-sky-soft)}.plans-leadToneEmerald{color:var(--tone-emerald-soft)}.plans-leadToneIndigo{color:var(--tone-indigo-soft)}:root[data-theme=light] .plans-lead,:root.light .plans-lead,html.light .plans-lead{color:#1e293bc7}:root[data-theme=light] .plans-leadToneAmber,:root.light .plans-leadToneAmber,html.light .plans-leadToneAmber{color:var(--tone-amber)}:root[data-theme=light] .plans-leadToneSky,:root.light .plans-leadToneSky,html.light .plans-leadToneSky{color:var(--tone-sky)}:root[data-theme=light] .plans-leadToneEmerald,:root.light .plans-leadToneEmerald,html.light .plans-leadToneEmerald{color:var(--tone-emerald)}:root[data-theme=light] .plans-leadToneIndigo,:root.light .plans-leadToneIndigo,html.light .plans-leadToneIndigo{color:var(--tone-indigo)}:root[data-theme=dark] .plans-leadTooltip,:root.dark .plans-leadTooltip,html.dark .plans-leadTooltip{color:#f1f5f9f5;background:#020617fa;border-color:#ffffff1a;box-shadow:0 22px 38px #00000057}.plans-markers{grid-template-columns:1fr;gap:10px;display:grid}.plans-markerChip{letter-spacing:-.01em;color:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;min-height:50px;padding:12px 14px;font-size:.96rem;font-weight:900;line-height:1.45;display:flex;box-shadow:0 16px 34px #0206171f}.plans-markerBrand{background:linear-gradient(#1967c33d,#1967c31f);border-color:#1967c347}.plans-markerSky{background:linear-gradient(#0ea5e92e,#0ea5e91a);border-color:#38bdf83d}.plans-markerEmerald{background:linear-gradient(#10b9812e,#10b9811a);border-color:#34d3993d}.plans-markerRose{background:linear-gradient(#f43f5e29,#f43f5e17);border-color:#f43f5e3d}:root[data-theme=light] .plans-markerChip,:root.light .plans-markerChip,html.light .plans-markerChip{color:#020617e6;background:#fffffff0;border-color:#02061714;box-shadow:0 16px 34px #0f172a14}:root[data-theme=light] .plans-markerBrand,:root.light .plans-markerBrand,html.light .plans-markerBrand{background:linear-gradient(#ecf4fffa,#dbeafef5);border-color:#1967c333}:root[data-theme=light] .plans-markerSky,:root.light .plans-markerSky,html.light .plans-markerSky{background:linear-gradient(#f0f9fffa,#e0f2fef5);border-color:#0ea5e92e}:root[data-theme=light] .plans-markerEmerald,:root.light .plans-markerEmerald,html.light .plans-markerEmerald{background:linear-gradient(#ecfdf5fa,#d1fae5f5);border-color:#10b9812e}:root[data-theme=light] .plans-markerRose,:root.light .plans-markerRose,html.light .plans-markerRose{background:linear-gradient(#fff1f2fa,#ffe4e6f5);border-color:#f43f5e2e}.plans-block{min-width:0;box-shadow:none;background:0 0;border-top:1px solid #ffffff12;border-radius:0;gap:14px;padding-top:18px;display:grid;overflow:visible}:root[data-theme=light] .plans-block,:root.light .plans-block,html.light .plans-block{border-top-color:#02061712}.plans-blockHead{gap:10px;min-width:0;display:grid}.plans-blockKicker{font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.16em;text-transform:uppercase;color:#e2e8f0d6;font-weight:950}:root[data-theme=light] .plans-blockKicker,:root.light .plans-blockKicker,html.light .plans-blockKicker{color:#020617c2}.plans-decisionGrid{grid-template-columns:1fr;gap:14px;display:grid}.plans-decisionCard{background:linear-gradient(#ffffff12,#ffffff08),#0206173d;border:1px solid #ffffff14;border-radius:22px;gap:14px;padding:16px;display:grid;box-shadow:0 18px 42px #02061729}.plans-decision-amber{border-color:#f59e0b38}.plans-decision-sky{border-color:#0ea5e938}.plans-decision-emerald{border-color:#10b98138}:root[data-theme=light] .plans-decisionCard,:root.light .plans-decisionCard,html.light .plans-decisionCard{background:linear-gradient(#fffffffa,#f8fafcf5),#fff;border-color:#02061714;box-shadow:0 18px 42px #0f172a14}.plans-decisionTop{gap:6px;display:grid}.plans-decisionTitle{letter-spacing:-.03em;color:#fffffff7;font-size:clamp(1.2rem,1rem + .7vw,1.5rem);font-weight:950;line-height:1.05}.plans-decisionPrice{color:#ffffffd1;font-size:clamp(1.02rem,.92rem + .35vw,1.16rem);font-weight:900;line-height:1.35}.plans-decision-amber .plans-decisionPrice{color:var(--tone-amber-soft)}.plans-decision-sky .plans-decisionPrice{color:var(--tone-sky-soft)}.plans-decision-emerald .plans-decisionPrice{color:var(--tone-emerald-soft)}:root[data-theme=light] .plans-decisionTitle,:root.light .plans-decisionTitle,html.light .plans-decisionTitle{color:#020617eb}:root[data-theme=light] .plans-decisionPrice,:root.light .plans-decisionPrice,html.light .plans-decisionPrice{color:#1e293bc7}:root[data-theme=light] .plans-decision-amber .plans-decisionPrice,:root.light .plans-decision-amber .plans-decisionPrice,html.light .plans-decision-amber .plans-decisionPrice{color:var(--tone-amber)}:root[data-theme=light] .plans-decision-sky .plans-decisionPrice,:root.light .plans-decision-sky .plans-decisionPrice,html.light .plans-decision-sky .plans-decisionPrice{color:var(--tone-sky)}:root[data-theme=light] .plans-decision-emerald .plans-decisionPrice,:root.light .plans-decision-emerald .plans-decisionPrice,html.light .plans-decision-emerald .plans-decisionPrice{color:var(--tone-emerald)}.plans-decisionBody{gap:8px;display:grid}.plans-decisionLabel{font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.13em;text-transform:uppercase;color:#e2e8f0ad;font-weight:950}.plans-decisionAudience,.plans-decisionSummary,.plans-decisionExamples,.plans-decisionNote{color:#e2e8f0db;margin:0;font-size:.98rem;line-height:1.58}.plans-decisionAudience{color:#fffffff2;font-weight:900}:root[data-theme=light] .plans-decisionLabel,:root.light .plans-decisionLabel,html.light .plans-decisionLabel{color:#1e293b94}:root[data-theme=light] .plans-decisionAudience,:root.light .plans-decisionAudience,html.light .plans-decisionAudience{color:#020617eb}:root[data-theme=light] .plans-decisionSummary,:root.light .plans-decisionSummary,html.light .plans-decisionSummary,:root[data-theme=light] .plans-decisionExamples,:root.light .plans-decisionExamples,html.light .plans-decisionExamples,:root[data-theme=light] .plans-decisionNote,:root.light .plans-decisionNote,html.light .plans-decisionNote{color:#1e293bc2}.plans-featureList{color:inherit;gap:.5rem;margin:0;padding-left:1.2rem;display:grid}.plans-decisionAction{appearance:none;letter-spacing:.02em;cursor:pointer;color:#fff;background:var(--tone-brand-light);width:fit-content;max-width:100%;min-height:48px;box-shadow:none;border:0;border-radius:999px;padding:0 18px;font-size:.94rem;font-weight:950;line-height:1;transition:transform .18s,background-color .18s,filter .18s}.plans-decisionAction:hover{background:color-mix(in srgb, var(--tone-brand-light) 90%, #0f172a);filter:none;transform:translateY(-1px)}.plans-reassurance{background:radial-gradient(circle at 0 0,#38bdf824,#0000 48%),linear-gradient(#ffffff0f,#ffffff08),#0206173d;border:1px solid #1967c32e;border-radius:22px;align-items:center;gap:14px;padding:18px;display:grid;box-shadow:0 18px 42px #02061724}:root[data-theme=light] .plans-reassurance,:root.light .plans-reassurance,html.light .plans-reassurance{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 48%),linear-gradient(#fffffffa,#f8fafcf5),#fff;border-color:#1967c324;box-shadow:0 18px 42px #0f172a14}.plans-reassuranceContent{gap:8px;display:grid}.plans-reassuranceTitle{letter-spacing:-.03em;color:#fffffff5;margin:0;font-size:clamp(1.2rem,1.08rem + .6vw,1.55rem);font-weight:950;line-height:1.05}.plans-reassuranceBody{color:#e2e8f0d1;margin:0;font-size:.98rem;line-height:1.6}.plans-reassuranceHighlight{color:#8ddcff;background:#38bdf829;border:1px solid #38bdf83d;border-radius:999px;margin-left:.18rem;padding:.08rem .45rem;font-weight:800;display:inline-block;box-shadow:0 8px 18px #38bdf81f}.plans-reassuranceAction{appearance:none;letter-spacing:.02em;text-align:center;cursor:pointer;color:#fff;background:linear-gradient(90deg,#f43f5e,#be185d);border:0;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:48px;padding:0 18px;font-size:.94rem;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 14px 28px #f43f5e33}.plans-reassuranceAction:hover{filter:brightness(1.03);transform:translateY(-1px)}:root[data-theme=light] .plans-reassuranceTitle,:root.light .plans-reassuranceTitle,html.light .plans-reassuranceTitle{color:#020617eb}:root[data-theme=light] .plans-reassuranceBody,:root.light .plans-reassuranceBody,html.light .plans-reassuranceBody{color:#1e293bc2}:root[data-theme=light] .plans-reassuranceHighlight,:root.light .plans-reassuranceHighlight,html.light .plans-reassuranceHighlight{color:#004ac6;background:#2563eb14;border-color:#2563eb24;box-shadow:0 8px 18px #2563eb14}@media (width>=560px){.plans-markers,.plans-decisionGrid{grid-template-columns:1fr 1fr}}@media (width>=720px) and (width<=979px){.plans-header{max-width:860px}.plans-markers,.plans-decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.plans-decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.plans-reassurance{grid-template-columns:minmax(0,1fr) auto}.plans-blockHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}}@media (width<=420px){.plans-root{padding:8px 0 16px}.plans-stack{gap:16px}.plans-title{font-size:clamp(1.9rem,9vw,2.4rem)}.plans-markerChip,.plans-decisionCard,.plans-reassurance{padding:14px}}@media (width<=719px){.plans-header{text-align:left}.plans-lead{text-align:left;margin-left:0;margin-right:0}.plans-markerChip,.plans-decisionCard,.plans-reassurance{border-radius:20px}.plans-decisionAction,.plans-reassuranceAction{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.plans-decisionAction,.plans-decisionAction:hover,.plans-reassuranceAction,.plans-reassuranceAction:hover{transition:none!important;animation:none!important;transform:none!important}}@media (width>=980px){.pricing-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-showcase-reassurance{grid-template-columns:minmax(0,1fr) auto}}@media (width<=719px){.pricing-showcase-header{text-align:left}.pricing-showcase-lead{text-align:left;margin-left:0;margin-right:0}.pricing-showcase-card,.pricing-showcase-reassurance{border-radius:20px}.pricing-showcase-action,.pricing-showcase-reassurance-action{justify-content:center;width:100%}}.pricing-plans-wrap{gap:12px;min-width:0;display:grid}.pricing-plans-topBar{justify-content:flex-end;display:flex}.pricing-plans-topBarInner{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pricing-plans-promoBadge{letter-spacing:.12em;text-transform:uppercase;color:#ffcdd6fa;background:linear-gradient(#f43f5e1f,#f43f5e0f);border:1px solid #f43f5e3d;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.pricing-plans-promoBadgeActive{box-shadow:0 0 0 1px #f43f5e2e,0 0 18px #f43f5e14}:root[data-theme=light] .pricing-plans-promoBadge,:root.light .pricing-plans-promoBadge,html.light .pricing-plans-promoBadge{color:#9f1239f5;background:linear-gradient(#fff1f2fa,#ffe4e6f0);border-color:#e11d4838}.pricing-plans-durationStatic{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0eb;min-height:42px;font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.14em;text-transform:uppercase;background:#02061738;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 16px;font-weight:950;display:inline-flex}.pricing-plans-durationSwitch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061738;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;min-height:42px;padding:4px;display:inline-flex}.pricing-plans-durationBtn{color:#e2e8f0c7;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:32px;padding:0 14px;font-size:.74rem;font-weight:900;line-height:1;transition:background-color .16s,color .16s,transform .16s,box-shadow .16s}.pricing-plans-durationBtn:hover{color:#fffffff5}.pricing-plans-durationBtnActive{color:#fff;background:#2563eb;box-shadow:0 10px 22px #2563eb2e}:root[data-theme=light] .pricing-plans-durationStatic,:root.light .pricing-plans-durationStatic,html.light .pricing-plans-durationStatic{color:#0f172ad1;background:#ffffffe6;border-color:#0206171a;box-shadow:0 8px 20px #0f172a14}:root[data-theme=light] .pricing-plans-durationSwitch,:root.light .pricing-plans-durationSwitch,html.light .pricing-plans-durationSwitch{background:#ffffffe6;border-color:#0206171a;box-shadow:0 8px 20px #0f172a14}:root[data-theme=light] .pricing-plans-durationBtn,:root.light .pricing-plans-durationBtn,html.light .pricing-plans-durationBtn{color:#0f172aa8}:root[data-theme=light] .pricing-plans-durationBtn:hover,:root.light .pricing-plans-durationBtn:hover,html.light .pricing-plans-durationBtn:hover{color:#004ac6}:root[data-theme=light] .pricing-plans-durationBtnActive,:root.light .pricing-plans-durationBtnActive,html.light .pricing-plans-durationBtnActive{color:#fff;background:#2563eb;box-shadow:0 10px 22px #2563eb2e}.pricing-plans-gridMain{grid-template-columns:1fr;grid-auto-rows:max-content;align-items:stretch;gap:14px;min-width:0;display:grid}.pricing-plans-card{border:1px solid var(--pricing-plan-accent,#1967c333);background:0 0;border-radius:18px;flex-direction:column;align-self:stretch;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 44px #02061729}.pricing-plans-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.pricing-plans-card:hover{transform:translateY(-2px)}.pricing-plans-accent-amber{--pricing-plan-accent:#f59e0bc7}.pricing-plans-accent-sky{--pricing-plan-accent:#0ea5e9c7}.pricing-plans-accent-emerald{--pricing-plan-accent:#10b981c7}.pricing-plans-accent-indigo{--pricing-plan-accent:#6366f1c7}.pricing-plans-cardTopInner{text-align:center;color:#fffffffa;align-content:start;justify-items:center;min-height:134px;padding:14px 12px 12px;display:grid}.pricing-plans-accent-amber .pricing-plans-cardTopInner{background:#f59e0b}.pricing-plans-accent-sky .pricing-plans-cardTopInner{background:#1967c3}.pricing-plans-accent-emerald .pricing-plans-cardTopInner{background:#10b981}.pricing-plans-accent-indigo .pricing-plans-cardTopInner{background:#6366f1}.pricing-plans-cardTitleRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.pricing-plans-cardTitle{font-family:var(--hoppla-font-title);letter-spacing:-.04em;text-transform:none;color:#fffffff2;margin:0;font-size:clamp(1.45rem,1.2rem + .7vw,1.95rem);font-weight:950;line-height:1}.qr-stitch-preview-status-nav{color:var(--hoppla-text);justify-content:space-between;gap:10px}.qr-stitch-preview-nav-copy{min-width:64px;color:var(--hoppla-text);justify-content:center;align-items:center;display:inline-flex}.qr-stitch-preview-nav-copy span{color:var(--hoppla-text);font-weight:700}.qr-stitch-preview-nav-button{cursor:pointer;will-change:background-color, border-color, color, transform;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex;box-shadow:0 10px 20px #0f172a0f;color:#1967c3!important;background:#fff!important;border:1px solid #1967c32e!important}.qr-stitch-preview-nav-button-back{color:#dc2626!important;border-color:#dc26263d!important}.qr-stitch-preview-nav-button-next{color:#1967c3!important;border-color:#1967c33d!important}.qr-stitch-preview-nav-button svg{transition:color .12s ease-out;color:inherit!important}.qr-stitch-preview-nav-button-back:hover:enabled{transform:translateY(-1px);box-shadow:0 12px 22px #dc262633;color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.qr-stitch-preview-nav-button-next:hover:enabled{transform:translateY(-1px);box-shadow:0 12px 22px #1967c333;color:#fff!important;background:#1967c3!important;border-color:#1967c3!important}.qr-stitch-preview-nav-button-back:hover:enabled svg,.qr-stitch-preview-nav-button-next:hover:enabled svg{color:#fff!important}.qr-stitch-preview-nav-button-back:not(:disabled):not(:hover){color:#dc2626!important;background:#fff!important;border-color:#dc26263d!important}.qr-stitch-preview-nav-button-next:not(:disabled):not(:hover){color:#1967c3!important;background:#fff!important;border-color:#1967c33d!important}.qr-stitch-preview-nav-button:disabled{opacity:.44;cursor:not-allowed;transform:none;background:#fff!important}.pricing-plans-cardTag{color:#ffffffd6;text-align:center;margin-top:6px;font-size:.84rem;font-weight:700;line-height:1.2}.pricing-plans-cardPriceWrap{justify-items:center;gap:4px;margin-top:12px;display:grid}.pricing-plans-cardPrice{font-family:var(--hoppla-font-title);letter-spacing:-.05em;color:#fffffffa;white-space:nowrap;justify-content:center;align-items:flex-end;font-size:clamp(1.7rem,1.4rem + .9vw,2.5rem);font-weight:950;line-height:.92;display:inline-flex}.pricing-plans-cardPriceSecondary{font-family:var(--hoppla-font-title);letter-spacing:.12em;color:#ffffffe0;text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.2}.pricing-plans-cardPayLabel{font-size:var(--hoppla-type-body-sm);color:#fffffff0;margin-top:8px;font-weight:900;line-height:1.45}.pricing-plans-cardBadge{min-height:28px;font-size:var(--hoppla-type-kicker);color:#fffffff0;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:0 12px;font-weight:900;display:inline-flex}.pricing-plans-cardBody{background:#020617e0;border-top:1px solid #0206170f;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}:root[data-theme=light] .pricing-plans-cardBody,:root.light .pricing-plans-cardBody,html.light .pricing-plans-cardBody{background:#fffffff5}.pricing-plans-cardGift{grid-template-columns:20px 1fr auto;align-items:start;column-gap:8px;display:grid}.pricing-plans-cardGiftCheck{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e47;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:10px;font-weight:900;display:inline-flex}.pricing-plans-cardGiftText{color:#ffcdd6fa;min-width:0;font-size:var(--hoppla-type-body-sm);background:linear-gradient(#f43f5e1f,#f43f5e0f);border:1px solid #f43f5e61;border-radius:14px;padding:8px 10px;font-weight:850;line-height:1.45;display:block}:root[data-theme=light] .pricing-plans-cardGiftCheck,:root.light .pricing-plans-cardGiftCheck,html.light .pricing-plans-cardGiftCheck{color:#e11d48;background:#f43f5e14;border-color:#e11d4842}:root[data-theme=light] .pricing-plans-cardGiftText,:root.light .pricing-plans-cardGiftText,html.light .pricing-plans-cardGiftText{color:#9f1239f0;background:linear-gradient(#fff1f2fa,#ffe4e6f0);border-color:#e11d483d}.pricing-plans-cardList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pricing-plans-cardListItem{font-size:var(--hoppla-type-body-sm);color:#e2e8f0eb;grid-template-columns:20px 1fr auto;align-items:start;column-gap:8px;font-weight:850;line-height:1.5;display:grid}:root[data-theme=light] .pricing-plans-cardListItem,:root.light .pricing-plans-cardListItem,html.light .pricing-plans-cardListItem{color:#1e293beb}.pricing-plans-cardLineText{min-width:0}.pricing-plans-checkDot{color:#10b981;background:#10b9811f;border:1px solid #10b98138;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:10px;font-weight:900;display:inline-flex}.pricing-plans-infoBtn{appearance:none;color:#f1f5f9f5;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-size:11px;font-weight:950;line-height:1;transition:transform .12s,background .12s,border-color .12s,filter .12s;display:inline-flex}.pricing-plans-infoBtn:hover{filter:brightness(1.04);transform:translateY(-1px)}.pricing-plans-infoBtn-amber{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b57}.pricing-plans-infoBtn-sky{color:#7dd3fc;background:#0ea5e924;border-color:#38bdf857}.pricing-plans-infoBtn-emerald{color:#6ee7b7;background:#10b98124;border-color:#10b98157}.pricing-plans-infoBtn-indigo{color:#c7d2fe;background:#6366f124;border-color:#6366f157}:root[data-theme=light] .pricing-plans-infoBtn,:root.light .pricing-plans-infoBtn,html.light .pricing-plans-infoBtn{color:#0f172adb;background:#0f172a0a;border-color:#0206171f}:root[data-theme=light] .pricing-plans-infoBtn-amber,:root.light .pricing-plans-infoBtn-amber,html.light .pricing-plans-infoBtn-amber{color:#b45309;background:#f59e0b14;border-color:#f59e0b38}:root[data-theme=light] .pricing-plans-infoBtn-sky,:root.light .pricing-plans-infoBtn-sky,html.light .pricing-plans-infoBtn-sky{color:#0369a1;background:#0ea5e914;border-color:#0ea5e938}:root[data-theme=light] .pricing-plans-infoBtn-emerald,:root.light .pricing-plans-infoBtn-emerald,html.light .pricing-plans-infoBtn-emerald{color:#047857;background:#10b98114;border-color:#10b98138}:root[data-theme=light] .pricing-plans-infoBtn-indigo,:root.light .pricing-plans-infoBtn-indigo,html.light .pricing-plans-infoBtn-indigo{color:#4338ca;background:#6366f114;border-color:#6366f138}.pricing-plans-infoPlaceholder{width:20px;height:20px;display:inline-block}.pricing-plans-cardNote{font-size:var(--hoppla-type-body-sm);color:#e2e8f0cc;text-wrap:pretty;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin:0;padding:10px 12px;line-height:1.55}:root[data-theme=light] .pricing-plans-cardNote,:root.light .pricing-plans-cardNote,html.light .pricing-plans-cardNote{color:#334155d1;background:#f8fafceb;border-color:#e2e8f0f2}.pricing-plans-cardActions{gap:8px;margin-top:auto;display:grid}.pricing-plans-moreBtn{border:1px solid color-mix(in srgb, var(--pricing-plan-accent) 48%, transparent);width:100%;min-height:2.6rem;color:var(--hoppla-text);font:inherit;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:.8rem;font-size:.74rem;font-weight:900}.pricing-plans-moreBtn:hover,.pricing-plans-moreBtn:focus-visible{background:color-mix(in srgb, var(--pricing-plan-accent) 12%, transparent);outline:none}.pricing-plans-cardDetails[hidden]{display:none}.pricing-plans-cardDetailsList{border-top:1px solid #94a3b833;margin-top:.2rem;padding-top:.8rem}.pricing-plans-cardHighlights{border-top:1px solid #94a3b824;padding-top:.7rem}.pricing-plans-availabilityDate{text-align:center;color:var(--hoppla-muted);margin:0;font-size:.78rem;font-weight:800}.billing-upgrade-note{color:#ffcdd6fa;text-wrap:pretty;margin:0;font-size:.82rem;line-height:1.5}:root[data-theme=light] .billing-upgrade-note,:root.light .billing-upgrade-note,html.light .billing-upgrade-note{color:#be185df5}.billing-plans-panel{background:radial-gradient(circle at 0 0,#6366f11f,#0000 42%),linear-gradient(#ffffff0a,#ffffff05),#0206172e;border:1px solid #6366f129;border-radius:28px;padding:20px;position:relative;box-shadow:0 22px 52px #02061729}:root[data-theme=light] .billing-plans-panel,:root.light .billing-plans-panel,html.light .billing-plans-panel{background:radial-gradient(circle at 0 0,#6366f114,#0000 42%),linear-gradient(#fffffffa,#f8fafcf5),#fff;border-color:#6366f11f;box-shadow:0 18px 44px #0f172a14}.billing-overview-card-upgrade{position:relative;overflow:hidden}.billing-overview-card-upgrade:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#6366f124,#0000 34%),radial-gradient(circle at 0 100%,#38bdf81f,#0000 32%);position:absolute;inset:0}.billing-overview-upgradeCta{z-index:1;justify-content:flex-start;margin-top:18px;display:flex;position:relative}.billing-overview-upgradeCta .btn,.billing-overview-upgradeCta button{box-shadow:0 16px 34px #6366f12e}.billing-upgrade-closeBtn{appearance:none;color:#c7d2fef5;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#6366f114;border:1px solid #6366f138;border-radius:999px;min-height:38px;padding:0 14px;font-size:.78rem;font-weight:900;line-height:1;transition:transform .16s,filter .16s,background .16s}.billing-upgrade-closeBtn:hover{filter:brightness(1.04);transform:translateY(-1px)}:root[data-theme=light] .billing-upgrade-closeBtn,:root.light .billing-upgrade-closeBtn,html.light .billing-upgrade-closeBtn{color:#4338caf5;background:#6366f10f;border-color:#6366f12e}.pricing-plans-primaryBtn{appearance:none;cursor:pointer;width:100%;min-height:52px;font-size:var(--hoppla-type-btn);line-height:var(--hoppla-lh-btn);letter-spacing:.12em;text-transform:uppercase;color:#fff;border:1px solid var(--tone-brand-light);background:var(--tone-brand-light);box-shadow:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-weight:950;text-decoration:none;transition:transform .14s,filter .14s,background-color .14s,border-color .14s;display:inline-flex}.pricing-plans-primaryBtn:hover{background:color-mix(in srgb, var(--tone-brand-light) 90%, #0f172a);border-color:color-mix(in srgb, var(--tone-brand-light) 90%, #0f172a);filter:none;transform:translateY(-1px)}.pricing-plans-primaryBtnDisabled,.pricing-plans-primaryBtnDisabled:hover{cursor:not-allowed;filter:none;opacity:.72;transform:none;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #1967c314}.pricing-plans-secondaryBtn{appearance:none;cursor:pointer;width:100%;min-height:48px;font-size:var(--hoppla-type-btn);line-height:var(--hoppla-lh-btn);letter-spacing:.1em;text-transform:uppercase;color:var(--tone-brand-light);border:1px solid color-mix(in srgb, var(--tone-brand-light) 42%, transparent);background:#ffffffe0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-weight:900;text-decoration:none;transition:transform .14s,color .14s,background-color .14s,border-color .14s;display:inline-flex;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #1967c31a}.pricing-plans-secondaryBtn:hover{color:#fff;border-color:var(--tone-brand-light);background:var(--tone-brand-light);transform:translateY(-1px)}.pricing-plans-secondaryBtn:disabled{cursor:not-allowed;opacity:.62;transform:none}.pricing-plans-tooltipLayer{z-index:9999;pointer-events:none;position:fixed;inset:0}.pricing-plans-tooltipBubble{pointer-events:auto;background:#020617fa;border:1px solid #ffffff1f;border-radius:16px;width:min(340px,100vw - 24px);padding:12px 14px;position:fixed;box-shadow:0 22px 48px #00000057}.pricing-plans-tooltipArrow{background:#020617fa;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.pricing-plans-tooltipTop .pricing-plans-tooltipArrow{bottom:-6px}.pricing-plans-tooltipBottom .pricing-plans-tooltipArrow{top:-6px;transform:translate(-50%)rotate(225deg)}.pricing-plans-tooltipText{color:#f1f5f9f5;text-wrap:pretty;margin:0;padding-right:24px;font-size:.9rem;line-height:1.55}.pricing-plans-tooltipClose{appearance:none;color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}:root[data-theme=light] .pricing-plans-tooltipBubble,:root.light .pricing-plans-tooltipBubble,html.light .pricing-plans-tooltipBubble{background:#fffffffa;border-color:#0f172a1f;box-shadow:0 18px 40px #0f172a24}:root[data-theme=light] .pricing-plans-tooltipArrow,:root.light .pricing-plans-tooltipArrow,html.light .pricing-plans-tooltipArrow{background:#fffffffa;border-top-color:#0f172a1f;border-left-color:#0f172a1f}:root[data-theme=light] .pricing-plans-tooltipText,:root.light .pricing-plans-tooltipText,html.light .pricing-plans-tooltipText{color:#0f172af0}:root[data-theme=light] .pricing-plans-tooltipClose,:root.light .pricing-plans-tooltipClose,html.light .pricing-plans-tooltipClose{color:#0f172adb;background:#0f172a0a;border-color:#0206171f}@media (width>=1200px){.pricing-plans-gridMain{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-upgrade-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.billing-current-plan-only{grid-template-columns:minmax(0,1fr);max-width:22rem}}@media (width>=700px) and (width<=1199px){.pricing-plans-gridMain{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-upgrade-flow{grid-template-columns:1fr;gap:14px;display:grid}.billing-current-plan-only{grid-template-columns:minmax(0,1fr);max-width:26rem}}.billing-upgrade-arrow{color:#818cf8;background:linear-gradient(#6366f124,#6366f10f);border:1px solid #6366f13d;border-radius:999px;justify-content:center;align-self:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:0 14px 28px #6366f11f}:root[data-theme=light] .billing-upgrade-arrow,:root.light .billing-upgrade-arrow,html.light .billing-upgrade-arrow{color:#4338ca;background:linear-gradient(#eef2fffa,#e0e7fff0);border-color:#6366f12e;box-shadow:0 14px 28px #6366f114}@media (width<=860px){.pricing-plans-topBar{justify-content:stretch}.pricing-plans-topBarInner{justify-content:space-between;width:100%}}@media (width<=640px){.pricing-plans-topBarInner{flex-direction:column;justify-content:stretch;align-items:stretch;width:100%}.pricing-plans-durationStatic,.pricing-plans-promoBadge{text-align:center;justify-content:center;width:100%}.pricing-plans-primaryBtn{letter-spacing:.1em;border-radius:15px;min-height:54px;font-size:.84rem}.billing-upgrade-flow{grid-template-columns:1fr;gap:14px;display:grid}.billing-upgrade-arrow{justify-self:center;transform:rotate(90deg)}.billing-current-plan-only{grid-template-columns:minmax(0,1fr)}.billing-plans-panel{border-radius:22px;padding:16px}.billing-overview-upgradeCta{justify-content:stretch}.billing-overview-upgradeCta .btn,.billing-overview-upgradeCta button,.billing-upgrade-closeBtn{justify-content:center;width:100%}}@media (width<=420px){.pricing-plans-cardTopInner{min-height:126px;padding:12px 10px 10px}.pricing-plans-card{border-radius:16px}.pricing-plans-cardPrice{font-size:clamp(1.6rem,8vw,2.2rem)}.pricing-plans-cardGift,.pricing-plans-cardListItem{column-gap:7px}.pricing-plans-cardBody{gap:9px;padding:10px}}@media (prefers-reduced-motion:reduce){.pricing-plans-card,.pricing-plans-card:hover,.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn,.pricing-plans-infoBtn{transition:none!important;animation:none!important;transform:none!important}}.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .sidebar-primary-button,.sidebar.sidebar-collapsed .sidebar-logout,.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .app-sidebar-account-button{box-sizing:border-box;justify-content:center;place-items:center;gap:0;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;margin-inline:auto;padding:0;line-height:0;display:grid;position:relative}.sidebar.sidebar-collapsed .sidebar-collapse-button svg,.sidebar.sidebar-collapsed .app-brand-link svg,.sidebar.sidebar-collapsed .sidebar-primary-button svg,.sidebar.sidebar-collapsed .sidebar-logout svg,.sidebar.sidebar-collapsed .nav-link svg,.sidebar.sidebar-collapsed .app-sidebar-account-button svg,.sidebar.sidebar-collapsed .sidebar-primary-button .icon-sm,.sidebar.sidebar-collapsed .sidebar-logout-icon,.sidebar.sidebar-collapsed .sidebar-collapse-button .icon-sm,.sidebar.sidebar-collapsed .nav-link-icon,.sidebar.sidebar-collapsed .app-sidebar-account-avatar{margin:0;flex:none;width:1.25rem;height:1.25rem;margin:auto;padding:0;display:block;position:absolute;inset:0;transform:none}.sidebar.sidebar-collapsed .sidebar-primary-button{border:1px solid var(--brand);color:var(--brand);letter-spacing:0;text-indent:0;background:#fff;border-radius:999px;font-size:0;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;overflow:hidden}.sidebar.sidebar-collapsed .sidebar-logout{border:1px solid var(--tone-rose-dark);color:var(--tone-rose-dark);letter-spacing:0;text-indent:0;background:#fff;border-radius:999px;font-size:0;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;overflow:hidden}:root[data-theme=light] .sidebar.sidebar-collapsed .sidebar-logout:hover,:root.light .sidebar.sidebar-collapsed .sidebar-logout:hover,html.light .sidebar.sidebar-collapsed .sidebar-logout:hover{color:#fff;background:var(--tone-rose-dark);border-color:var(--tone-rose-dark);box-shadow:0 14px 28px #be185d38}:root[data-theme=dark] .sidebar.sidebar-collapsed .sidebar-logout,:root.dark .sidebar.sidebar-collapsed .sidebar-logout,html.dark .sidebar.sidebar-collapsed .sidebar-logout{border-color:var(--tone-rose);color:var(--tone-rose);background:#fff}:root[data-theme=dark] .sidebar.sidebar-collapsed .sidebar-logout:hover,:root.dark .sidebar.sidebar-collapsed .sidebar-logout:hover,html.dark .sidebar.sidebar-collapsed .sidebar-logout:hover{color:#fff;background:var(--tone-rose);border-color:var(--tone-rose);box-shadow:0 14px 28px #f43f5e3d}.sidebar.sidebar-collapsed .sidebar-logout:hover{transform:translateY(-1px)}.sidebar.sidebar-collapsed .sidebar-header-row{align-content:start;place-items:center;gap:.7rem;width:100%;display:grid!important}.sidebar.sidebar-collapsed .sidebar-header-main,.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .sidebar-collapse-button{place-items:center;width:3rem;min-width:3rem;max-width:3rem;margin-inline:auto;display:grid}.sidebar.sidebar-collapsed .app-brand-logo-collapsed{margin-inline:auto;display:block}.sidebar.sidebar-collapsed .sidebar-primary-button:hover{color:#fff;background:var(--brand);border-color:var(--brand);transform:translateY(-1px);box-shadow:0 14px 28px #1967c338}.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-sidebar-account-button{background:#fff;border:1px solid #1967c31f;border-radius:999px;box-shadow:0 10px 22px #0f172a14}.sidebar.sidebar-collapsed .nav-link{color:#0206179e}.sidebar.sidebar-collapsed .nav-link-active{color:var(--tone-emerald);border-color:var(--tone-emerald);background:#fff;box-shadow:0 14px 28px #10b9812e}.sidebar.sidebar-collapsed .nav-link:hover,.sidebar.sidebar-collapsed .sidebar-collapse-button:hover{color:var(--brand);border-color:var(--brand);background:#fff;transform:translateY(-1px);box-shadow:0 14px 28px #1967c32e}.sidebar.sidebar-collapsed .app-sidebar-account-card{place-items:center;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;margin:0 auto;display:grid}.sidebar.sidebar-collapsed .app-sidebar-account-button{background:#fff;border-color:#1967c31f}.sidebar.sidebar-collapsed .app-sidebar-account-avatar{width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;position:static;inset:auto}.sidebar.sidebar-collapsed .app-brand-link{background:#fff;border:1px solid #1967c31f;border-radius:999px;box-shadow:0 10px 22px #0f172a14}.sidebar.sidebar-collapsed .app-brand-logo-collapsed{width:1.6rem;height:1.6rem}:root[data-theme=dark] .sidebar.sidebar-collapsed .nav-link,:root[data-theme=dark] .sidebar.sidebar-collapsed .sidebar-collapse-button,:root[data-theme=dark] .sidebar.sidebar-collapsed .app-sidebar-account-button,:root[data-theme=dark] .sidebar.sidebar-collapsed .app-brand-link,:root.dark .sidebar.sidebar-collapsed .nav-link,:root.dark .sidebar.sidebar-collapsed .sidebar-collapse-button,:root.dark .sidebar.sidebar-collapsed .app-sidebar-account-button,:root.dark .sidebar.sidebar-collapsed .app-brand-link,html.dark .sidebar.sidebar-collapsed .nav-link,html.dark .sidebar.sidebar-collapsed .sidebar-collapse-button,html.dark .sidebar.sidebar-collapsed .app-sidebar-account-button,html.dark .sidebar.sidebar-collapsed .app-brand-link{background:#fff;border-color:#ffffff1f}.sidebar.sidebar-collapsed .sidebar-header-row{grid-template-columns:1fr}.sidebar.sidebar-collapsed .sidebar-header-main,.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .app-sidebar-account-button{place-self:center}.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-sidebar-account-button{position:relative}.sidebar.sidebar-collapsed .app-brand-logo-collapsed{width:1.6rem;height:1.6rem;margin:auto;display:block;position:absolute;inset:0}.sidebar.sidebar-collapsed .app-sidebar-account-avatar{text-align:center;place-items:center;margin:auto;padding:0;font-size:1rem;font-weight:800;line-height:1;display:grid}:root{--hoppla-shell-pad-x:10px;--hoppla-section-hero-max:760px;--hoppla-footer-safe:48px}@media (width>=1024px){:root{--hoppla-shell-pad-x:16px}}body{isolation:isolate;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px circle at 0% 22%, #38bdf814, transparent 58%), radial-gradient(900px circle at 92% 8%, #6366f129, transparent 58%), var(--hoppla-bg);min-height:100dvh;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(42rem 42rem at 88% 14%,#1967c32e,#0000 62%),radial-gradient(30rem 30rem at 74% 22%,#0ea5e924,#0000 60%),radial-gradient(38rem 38rem at 18% 78%,#10b9811a,#0000 64%);position:fixed;inset:0}:root[data-theme=light] body,:root.light body,html.light body{background:radial-gradient(1100px circle at 0% 18%, #0ea5e914, transparent 62%), radial-gradient(900px circle at 92% 10%, #6366f11a, transparent 62%), linear-gradient(180deg, #fff, #f8fafc), var(--hoppla-bg)}:root[data-theme=dark] body,:root.dark body,html.dark body{background:radial-gradient(1100px circle at 0% 22%, #38bdf81a, transparent 58%), radial-gradient(900px circle at 92% 8%, #6366f12e, transparent 58%), var(--hoppla-bg)}:root[data-theme=dark] body:before,:root.dark body:before,html.dark body:before{background:radial-gradient(46rem 46rem at 88% 12%,#1967c33d,#0000 62%),radial-gradient(34rem 34rem at 74% 22%,#38bdf82e,#0000 60%),radial-gradient(42rem 42rem at 18% 80%,#34d3991f,#0000 64%)}.public-site-shell,.app-shell{position:relative}.public-site-shell{min-height:calc(100vh + var(--hoppla-footer-safe));min-height:calc(100svh + var(--hoppla-footer-safe));min-height:calc(100dvh + var(--hoppla-footer-safe));width:100%;max-width:100%;padding-bottom:var(--hoppla-footer-safe);background:0 0;overflow-x:clip}.public-site-shell:after{content:"";pointer-events:none;z-index:-1;opacity:.32;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}:root[data-theme=dark] .public-site-shell,:root.dark .public-site-shell,html.dark .public-site-shell{background:radial-gradient(900px 760px at 8% 18%,#0ea5e914,#0000 70%),radial-gradient(920px 760px at 92% 12%,#6366f114,#0000 72%),linear-gradient(#081224 0%,#060b18 100%)!important}:root[data-theme=light] .public-site-shell:after,:root.light .public-site-shell:after,html.light .public-site-shell:after{opacity:.18;background-image:linear-gradient(#1967c30a 1px,#0000 1px),linear-gradient(90deg,#1967c30a 1px,#0000 1px)}.content,.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))}.public-header{padding-top:22px}.public-header-home.public-header-top .public-header-bar,.public-header-home.public-header-scrolled .public-header-bar,.public-header-bar{width:min(1480px, calc(100% - (var(--hoppla-shell-pad-x) * 2)));border:1px solid var(--hoppla-border);background:var(--hoppla-surface);-webkit-backdrop-filter:blur(14px);border-radius:1.35rem;min-height:76px;margin-top:0;padding:.75rem 1rem;box-shadow:0 18px 40px #17223514}.public-header-top,.public-header-scrolled,.public-header-home.public-header-scrolled{box-shadow:none;background:0 0;border-bottom:0}.public-nav-links a,.public-login-link{color:var(--hoppla-nav-text,#020617d1);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.public-header-actions .nav-cta,.language-picker-button,.theme-toggle-button,.public-nav-toggle{-webkit-backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #94a3b83d;border-radius:999px;box-shadow:0 10px 24px #1967c30f}.public-early-access-header-button{color:#dc2626;min-height:3rem;font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;background:#dc262614;border:1px solid #dc262647;border-radius:999px;grid-template-columns:1.2rem auto 1.2rem;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.1rem;font-size:.8rem;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-grid;box-shadow:0 10px 24px #dc262614}.public-early-access-header-button:hover{border-color:#dc26266b;transform:translateY(-1px);box-shadow:0 16px 28px #dc262624}.public-early-access-header-buttonLabel{text-align:center;display:block}.public-early-access-header-buttonArrow{color:#dc2626;justify-content:center;align-items:center;width:1.2rem;min-width:1.2rem;animation:1s ease-in-out infinite publicEarlyAccessArrowPulse;display:inline-flex}.public-early-access-header-buttonArrow .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24;font-size:1.1rem}.public-early-access-header-buttonArrow-right{animation-delay:.12s}@keyframes publicEarlyAccessArrowPulse{0%,to{opacity:.45;transform:translate(0)}50%{opacity:1;transform:translate(.22rem)}}.public-header-actions .nav-cta{color:#fff;background:#1967c3;border-color:#1967c352;box-shadow:0 18px 38px #1967c338}:root[data-theme=light] .public-header-actions .nav-cta,:root[data-theme=light] .language-picker-button,:root[data-theme=light] .theme-toggle-button,:root[data-theme=light] .public-nav-toggle,:root[data-theme=light] .public-early-access-header-button,:root.light .public-header-actions .nav-cta,:root.light .language-picker-button,:root.light .theme-toggle-button,:root.light .public-nav-toggle,:root.light .public-early-access-header-button,html.light .public-header-actions .nav-cta,html.light .language-picker-button,html.light .theme-toggle-button,html.light .public-nav-toggle,html.light .public-early-access-header-button{background:#ffffffd1}:root[data-theme=light] .public-early-access-header-button,:root.light .public-early-access-header-button,html.light .public-early-access-header-button{background:#dc262614}:root[data-theme=light] .public-header-actions .nav-cta,:root.light .public-header-actions .nav-cta,html.light .public-header-actions .nav-cta{color:#fff;background:#1967c3}:root[data-theme=dark] .public-nav-links a,:root[data-theme=dark] .public-login-link,:root.dark .public-nav-links a,:root.dark .public-login-link,html.dark .public-nav-links a,html.dark .public-login-link{color:#e2e8f0eb}:root[data-theme=dark] .public-nav,:root.dark .public-nav,html.dark .public-nav{background:#02061752}@media (width<=980px){.public-header{width:100%;max-width:none;padding-top:max(10px, env(safe-area-inset-top));padding-inline:0;top:0;left:0;right:0;overflow:visible;transform:none}.public-header-bar{width:calc(100% - (var(--page-gutter,16px) * 2));max-width:min(44rem, calc(100% - (var(--page-gutter,16px) * 2)));box-sizing:border-box;min-height:4.4rem;margin-inline:auto;padding:.65rem .8rem}.public-header-bar .brand-public{min-width:0}.public-header-bar .brand-logo{object-fit:contain;max-width:min(13.5rem,100% - 4rem);height:54px}.public-nav-toggle{flex:none}.public-nav{left:var(--page-gutter,16px);right:var(--page-gutter,16px);width:auto;max-width:calc(100% - (var(--page-gutter,16px) * 2));box-sizing:border-box;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);-webkit-backdrop-filter:blur(14px);border-radius:1.2rem;overflow:hidden;transform:none;box-shadow:0 18px 40px #0f172a1f}.public-nav-links{flex-flow:row;justify-content:center;align-items:center;gap:clamp(.55rem,4vw,1.25rem);width:100%}.public-nav-links a{white-space:nowrap;text-align:center;justify-content:center;align-items:center;min-width:0;display:inline-flex}.public-header-actions{flex-direction:column;align-items:stretch;gap:.55rem;width:100%}.public-header-actions .public-early-access-header-button{order:4}.public-header-actions .nav-cta{order:1}.public-header-actions .public-login-link{order:2}.public-header-actions .language-picker-shell,.public-header-actions .language-picker-button{order:3}.public-home-hero .public-hero-grid{gap:.9rem}.public-home-hero-aside{order:3}.public-home-feature-section{order:2}}@media (width<=430px){.public-header{padding-top:max(8px, env(safe-area-inset-top))}.public-header-bar{border-radius:1rem;min-height:4rem;padding:.55rem .65rem}.public-header-bar .brand-logo{max-width:min(12.25rem,100% - 4rem);height:48px}.public-nav-toggle{width:2.55rem;height:2.55rem}.public-nav{border-radius:1rem;padding:.8rem;top:calc(100% + .45rem)}.public-nav-links{gap:clamp(.45rem,3vw,.85rem)}.public-nav-links a{letter-spacing:.06em;font-size:.82rem}}.settings-page-shell{margin-top:0;padding-top:0;position:relative}.settings-subnav{box-shadow:none;background:0 0;flex-wrap:wrap;align-items:center;gap:1.15rem;padding:0 0 .35rem;display:flex}.settings-subnav-link{color:#434655;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-height:auto;padding:.15rem 0;font-size:.84rem;font-weight:800;text-decoration:none;transition:transform .18s,color .18s,background .18s,box-shadow .18s;display:inline-flex}.settings-subnav-link:hover{color:#1967c3;box-shadow:none;background:0 0;transform:none}.settings-subnav-link-active{color:#1967c3;box-shadow:none;background:0 0}.settings-subnav-link-active:after{content:"";background:currentColor;border-radius:999px;width:calc(100% - .2rem);height:2px;margin-top:.2rem;display:block}.settings-section{gap:1rem;display:grid}.settings-section-head{gap:.3rem;display:grid}.settings-section-head h2{color:#0b1c30;margin:0;font-size:1.55rem;line-height:1.2}.settings-section-head p{color:#5b6475;max-width:52rem;margin:0}.folders-page{--folder-border:#94a3b833}.folders-layout,.folders-management-grid{gap:1.25rem;display:grid}.folders-layout{grid-template-columns:minmax(20rem,.9fr) minmax(22rem,1.1fr)}.folders-management-grid{grid-template-columns:minmax(20rem,.85fr) minmax(28rem,1.15fr);align-items:start}.folders-create-card,.folders-preview-card,.folders-list-card,.folders-detail-card{min-width:0}.folders-card-head{gap:.85rem;display:grid}.folders-card-head h3,.folders-card-head p{margin:0}.folder-color-picker,.folder-access-picker,.folder-detail-meta{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.folder-color-dot{cursor:pointer;border:2px solid #0f172a14;border-radius:999px;width:2rem;height:2rem;box-shadow:0 10px 24px #0f172a1f}.folder-color-dot-active{border-color:#fff;outline:3px solid #1967c33d}.folder-color-custom,.folder-access-option,.folder-detail-meta span{border:1px solid var(--folder-border);color:#475569;background:#ffffffb3;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.84rem;font-weight:800;display:inline-flex}.folder-color-custom input{background:0 0;border:0;width:1.5rem;height:1.5rem;padding:0}.folder-access-picker{flex-direction:column;align-items:flex-start}.folder-access-picker>span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.folder-space-modal{gap:1.15rem}.folder-space-modal-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.folder-space-modal-badge{min-height:1.85rem;color:var(--tone-brand-light);letter-spacing:.08em;text-transform:uppercase;background:#1967c31a;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .8rem;font-size:.74rem;font-weight:900;display:inline-flex}.folder-space-modal-grid{gap:.9rem;display:grid}.folder-space-modal-surface{background:linear-gradient(#fffffff5,#f8fbffeb);border:1px solid #c3c6d76b;border-radius:1.2rem;gap:.9rem;padding:1rem 1.05rem;display:grid;box-shadow:0 18px 38px #0f172a0f}.folder-space-modal-section-head{gap:.18rem;display:grid}.folder-space-modal-section-head strong{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:900}.folder-space-modal-section-head span{color:#64748b;font-size:.9rem;line-height:1.55}.folder-space-modal-color-picker{gap:.8rem}.folder-space-modal-access-grid{gap:.7rem;display:grid}.folder-space-modal-access-option{background:#ffffffe6;border-radius:1rem;justify-content:flex-start;min-height:3rem;padding:.8rem .95rem}.folder-space-modal-access-option input{margin:0}.folder-space-modal-access-option span{overflow-wrap:anywhere;min-width:0}.folder-row{border-color:var(--folder-border)}.folder-row-active{background:#1967c30f;box-shadow:inset 0 0 0 1px}.folder-color-pill{border-radius:999px;width:.75rem;height:.75rem;margin-right:.45rem;display:inline-flex;box-shadow:0 0 0 3px #0f172a0d}.folder-item-row{cursor:pointer}.folder-item-row strong{align-items:center;gap:.35rem;display:inline-flex}.folder-preview-card{min-height:20rem}.folder-preview-content,.folder-preview-empty{text-align:center;background:linear-gradient(#f8fafcf2,#ffffffd6);border:1px solid #94a3b82e;border-radius:1.35rem;place-items:center;gap:1rem;min-height:15.5rem;padding:1.25rem;display:grid}.folder-preview-content>div,.folder-preview-empty{color:#475569}.folder-preview-content strong,.folder-preview-empty strong{color:#0f172a;display:block}.folder-preview-content span,.folder-preview-content small,.folder-preview-empty span{margin-top:.25rem;display:block}.folder-preview-image{object-fit:contain;background:#fff;border-radius:1rem;max-width:min(100%,18rem);max-height:14rem;box-shadow:0 20px 50px #0f172a29}.folder-preview-placeholder .icon-md{color:#1967c3;width:3.2rem;height:3.2rem}.folders-quest-page,.folders-vault-page{--folder-ink:#0f172a;--folder-surface:#fff;--folder-surface-low:#f6f8fb;--folder-surface-container:#f1f5f9;--folder-outline:#cbd5e1;--folder-blue:#1967c3;--folder-yellow:#f59e0b;--folder-green:#10b981;--folder-pink:#f43f5e;--folder-primary:#1967c3;min-height:calc(100vh - 8rem);color:var(--folder-ink);padding:1.5rem}.folders-vault-page{border-radius:2rem}.folders-quest-topbar{z-index:2;border-bottom:4px solid var(--folder-ink);-webkit-backdrop-filter:blur(12px);background:#f6f8fbf0;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;margin:-1.5rem -1.5rem 2rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.folders-quest-topbar h1{color:var(--folder-ink);letter-spacing:-.04em;margin:0;font-size:clamp(1.9rem,3vw,2.45rem);font-weight:900}.folders-quest-search{width:min(100%,18rem);position:relative}.folders-quest-search span{z-index:1;color:#475569;font-family:Material Symbols Outlined,sans-serif;font-size:1.25rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.folders-quest-search .input{border:4px solid var(--folder-ink);width:100%;box-shadow:none;background:#fff;border-radius:.85rem;padding-left:2.55rem;font-weight:800}.folders-quest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.folders-quest-card,.folders-quest-add-card{border:4px solid var(--folder-ink);min-height:15rem;color:var(--folder-ink);box-shadow:4px 4px 0 0 var(--folder-ink);text-align:left;cursor:pointer;background:#fff;border-radius:1.55rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:flex}.folders-quest-card:hover,.folders-quest-add-card:hover{box-shadow:4px 6px 0 0 var(--folder-ink);transform:translateY(-2px)}.folders-quest-card:active,.folders-quest-add-card:active{box-shadow:2px 2px 0 0 var(--folder-ink);transform:translateY(2px)}.folders-quest-card-color{color:#fff}.folders-quest-card-color:nth-child(3n){color:var(--folder-ink)}.folders-quest-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.folders-quest-icon-tile,.folders-quest-add-icon{border:4px solid var(--folder-ink);color:currentColor;width:4rem;height:4rem;box-shadow:none;background:#fff;border-radius:1rem;place-items:center;transition:transform .16s;display:grid}.folders-quest-card:hover .folders-quest-icon-tile{transform:scale(1.1)}.folders-quest-icon-tile-default{color:#131b2e}.folders-quest-icon-tile .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700;font-size:2.45rem}.folders-quest-count{color:currentColor;background:#ffffff61;border:2px solid #131b2e2e;border-radius:999px;align-items:center;min-height:2rem;padding:.3rem .8rem;font-size:.82rem;font-weight:900;display:inline-flex}.folders-quest-card h2,.folders-quest-add-card h2{letter-spacing:-.05em;margin:0 0 .4rem;font-size:clamp(1.65rem,3vw,2.45rem);font-weight:950;line-height:1.05}.folders-quest-card p{color:currentColor;opacity:.84;margin:0;font-size:1.05rem;font-weight:750}.folders-quest-card-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.folders-quest-card-meta{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.folders-quest-card-meta span{background:#ffffff38;border-radius:999px;align-items:center;min-height:1.7rem;padding:.2rem .55rem;font-size:.72rem;font-weight:850;display:inline-flex}.folders-quest-add-card{border-style:dashed;border-color:var(--folder-outline);background:var(--folder-surface-container);text-align:center;box-shadow:none;justify-content:center;align-items:center;gap:1rem}.folders-quest-add-card:hover{border-color:var(--folder-primary);background:#f1f5f9}.folders-quest-add-icon{color:#64748b;border-radius:999px}.folders-quest-empty,.folders-vault-empty{border:3px dashed var(--folder-outline);color:#475569;background:#ffffffb8;border-radius:1.25rem;padding:1.5rem;font-weight:750}.folders-vault-breadcrumb{color:#475569;align-items:center;gap:.55rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:900;display:flex}.folders-vault-breadcrumb button,.folders-vault-back{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.folders-vault-breadcrumb button:hover{color:var(--folder-primary);text-decoration:underline}.folders-vault-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:.5rem 0;display:flex}.folders-vault-title{align-items:center;gap:1rem;display:flex}.folders-vault-title-icon{border:3px solid var(--folder-ink);width:4rem;height:4rem;box-shadow:4px 4px 0 0 var(--folder-ink);border-radius:1rem;flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.folders-vault-title-icon .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700;font-size:2.45rem}.folders-vault-title h1{color:var(--folder-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:950}.folders-vault-title p{color:#424752;margin:.25rem 0 0;font-size:1rem;font-weight:650}.folders-vault-actions{flex-wrap:wrap;gap:.8rem;display:flex}.folders-brutal-button,.folders-vault-upload{border:3px solid var(--folder-ink);background:var(--folder-surface);min-height:2.85rem;color:var(--folder-ink);box-shadow:4px 4px 0 0 var(--folder-ink);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1rem;font-size:.9rem;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.folders-brutal-button:hover,.folders-vault-upload:hover{box-shadow:6px 6px 0 0 var(--folder-ink);transform:translate(-2px,-2px)}.folders-brutal-button:active,.folders-vault-upload:active{box-shadow:2px 2px 0 0 var(--folder-ink);transform:translate(2px,2px)}.folders-brutal-button-primary{color:#fff;background:#1967c3}.folders-brutal-button-yellow{background:#f59e0b}.folders-brutal-button-danger{color:#b91c1c;background:#fff;border-color:#b91c1c;box-shadow:4px 4px #b91c1c}.folders-brutal-button-danger:hover{box-shadow:6px 6px #b91c1c}.folders-vault-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.folders-vault-stat{background:var(--folder-surface);border:1px solid #131b2e14;border-radius:1rem;grid-template-columns:auto 1fr;gap:.25rem 1rem;padding:1.35rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #131b2e1a}.folders-vault-stat:after{content:"";opacity:.14;border-radius:999px;width:6.5rem;height:6.5rem;position:absolute;top:-1.4rem;right:-1.8rem}.folders-vault-stat>div{border:2px solid var(--folder-ink);background:#f1f5f9;border-radius:.8rem;grid-row:span 2;place-items:center;width:3rem;height:3rem;display:grid}.folders-vault-stat-primary:after{background:#1967c3}.folders-vault-stat-primary>div{color:#1967c3;background:#f1f5f9}.folders-vault-stat-tertiary:after{background:#f59e0b}.folders-vault-stat-tertiary>div{color:#f59e0b;background:#f1f5f9}.folders-vault-stat-secondary:after{background:#6366f1}.folders-vault-stat-secondary>div{color:#6366f1;background:#f1f5f9}.folders-vault-stat-links:after{background:#10b981}.folders-vault-stat-links>div{color:#10b981;background:#f1f5f9}.folders-vault-stat span{color:#475569;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.folders-vault-stat strong{color:var(--folder-ink);font-size:2rem;font-weight:950;line-height:1}.folders-vault-access-value{word-break:break-word;font-weight:800;font-size:.95rem!important;line-height:1.35!important}.folders-vault-access-stat{gap:.22rem;display:grid}.folders-vault-access-stat small{color:#475569;font-size:.78rem;font-weight:750;line-height:1.4}.folders-vault-content{grid-template-columns:minmax(0,2fr) minmax(20rem,1fr);align-items:start;gap:2rem;display:grid}.folders-vault-panel{min-width:0}.folders-vault-panel-preview{gap:1rem;display:grid}.folders-vault-section-head-preview{margin-bottom:0}.folders-vault-section-head{border-bottom:4px solid var(--folder-ink);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.folders-vault-section-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.folders-vault-toggle .material-symbols-outlined{transition:transform .16s}.folders-vault-toggle .material-symbols-outlined.is-open{transform:rotate(90deg)}.folders-vault-section-head h2{color:var(--folder-ink);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:950;display:inline-flex}.folders-vault-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.folders-vault-qr-card{border:3px solid var(--folder-ink);background:var(--folder-surface);box-shadow:4px 4px 0 0 var(--folder-ink);color:var(--folder-ink);text-align:left;cursor:pointer;border-radius:1rem;grid-template-columns:6rem 1fr;gap:1rem;padding:1.1rem;transition:transform .15s,box-shadow .15s;display:grid}.folders-vault-qr-card:hover{box-shadow:6px 6px 0 0 var(--folder-ink);transform:translate(-2px,-2px)}.folders-vault-qr-art{border:3px solid var(--folder-ink);background-color:#fff;background-image:linear-gradient(45deg,#131b2e1f 25%,#0000 25% 50%,#131b2e1f 50% 75%,#0000 75%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:.75rem .75rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:.85rem;place-items:center;width:6rem;height:6rem;display:grid;position:relative}.folders-vault-qr-art .qr-row-icon{box-shadow:none;background:#fff;border:0;width:5rem!important;height:5rem!important}.folders-vault-qr-copy{flex-direction:column;justify-content:space-between;gap:.9rem;min-width:0;min-height:100%;display:flex}.folders-vault-qr-card h3,.folders-vault-asset-row h3{color:var(--folder-ink);margin:0;font-size:.98rem;font-weight:950}.folders-vault-qr-card p,.folders-vault-asset-row p{color:#475569;margin:.25rem 0 0;font-size:.78rem;font-weight:750}.folders-vault-row-meta{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.folders-vault-status{border:2px solid var(--folder-ink);color:#1967c3;background:#f1f5f9;border-radius:.45rem;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;font-weight:900;display:inline-flex}.folders-vault-status span{background:#10b981;border-radius:999px;width:.5rem;height:.5rem}.folders-vault-row-meta small{color:#475569;align-items:center;gap:.3rem;font-size:.78rem;font-weight:850;display:inline-flex}.folders-vault-links{border-top:3px dashed #131b2e38;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.folders-vault-links-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.folders-vault-links-head h3{color:var(--folder-ink);align-items:center;gap:.45rem;margin:0;font-size:1.05rem;font-weight:950;display:inline-flex}.folders-vault-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.folders-vault-link-card{border:3px solid var(--folder-ink);box-shadow:4px 4px 0 0 var(--folder-ink);color:var(--folder-ink);text-align:left;cursor:pointer;background:#fff7ed;border-radius:1rem;grid-template-columns:3.5rem minmax(0,1fr);gap:.9rem;padding:1rem;transition:transform .15s,box-shadow .15s;display:grid}.folders-vault-link-card:hover{box-shadow:6px 6px 0 0 var(--folder-ink);transform:translate(-2px,-2px)}.folders-vault-link-icon{border:3px solid var(--folder-ink);width:3.5rem;height:3.5rem;color:var(--folder-ink);background:#fbbf24;border-radius:.85rem;place-items:center;display:grid}.folders-vault-link-copy{gap:.65rem;min-width:0;display:grid}.folders-vault-link-card h3{color:var(--folder-ink);margin:0;font-size:.98rem;font-weight:950}.folders-vault-link-card p{color:#475569;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;font-weight:800;overflow:hidden}.folders-vault-asset-list{background:var(--folder-surface);border:1px solid #131b2e14;border-radius:1rem;overflow:hidden;box-shadow:0 18px 38px #131b2e1a}.folders-vault-asset-row{border-bottom:2px dashed var(--folder-ink);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:1rem;transition:background .15s;display:grid}.folders-vault-asset-row:hover{background:#f1f5f9}.folders-vault-asset-row>button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;min-width:0;display:flex}.folders-vault-file-icon{border:2px solid var(--folder-ink);color:#475569;background:#f1f5f9;border-radius:.65rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.folders-vault-file-icon-pdf{color:#f43f5e;background:#f6f8fb}.folders-vault-asset-actions{opacity:0;gap:.35rem;transition:opacity .15s;display:flex}.folders-vault-asset-row:hover .folders-vault-asset-actions{opacity:1}.folders-vault-asset-actions button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:0;border-radius:.45rem;padding:.35rem .5rem;font-size:.75rem;font-weight:900}.folders-vault-upload{width:calc(100% - 2rem);color:var(--folder-primary);background:linear-gradient(#fffffffa 0%,#ecf4fff5 100%);border:2px solid #1967c33d;margin:1rem;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;box-shadow:0 14px 30px -22px #1967c38c}.folders-vault-upload .icon-sm{transition:transform .18s,color .18s}.folders-vault-upload:hover{color:#fff;background:linear-gradient(#1967c3 0%,#14539d 100%);border-color:#1967c38f;box-shadow:0 20px 34px -24px #14539de6}.folders-vault-upload:hover span,.folders-vault-upload:hover .icon-sm{color:#fff;transform:translateY(-1px)}.folders-vault-upload.is-uploading{cursor:progress;color:#fff;background:linear-gradient(#1967c3 0%,#14539d 100%);border-color:#1967c36b;box-shadow:0 18px 32px -24px #14539de6}.folders-vault-upload-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:999px;width:1.05rem;height:1.05rem;animation:.75s linear infinite hoppla-spin}.folders-vault-upload:active{transform:translate(1px,1px);box-shadow:0 10px 18px -16px #14539db3}.folders-vault-upload-note{color:#10233f;background:linear-gradient(135deg,#fffffffa,#f5f9fff5),radial-gradient(circle at 0 0,#f5b0412e,#0000 34%);border:1px solid #1967c329;border-radius:1.2rem;align-items:flex-start;gap:.85rem;width:calc(100% - 2rem);margin:1rem;padding:1rem;display:flex;box-shadow:0 14px 30px -24px #0f172a4d}.folders-vault-upload-note>.material-symbols-outlined{color:#fff;background:#1967c3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:1.25rem;display:inline-flex;box-shadow:0 10px 22px #1967c338}.folders-vault-upload-note strong{margin:0 0 .25rem;font-size:.92rem;font-weight:900;display:block}.folders-vault-upload-note p{color:#0f172aad;margin:0;font-size:.86rem;line-height:1.5}.folders-import-modal{gap:1rem;display:grid}.folders-import-list{gap:.8rem;max-height:min(50dvh,26rem);padding-right:.1rem;display:grid;overflow-y:auto}.folders-import-item{text-align:left;cursor:pointer;background:#fffffffa;border:1px solid #94a3b83d;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;width:100%;padding:.9rem;transition:border-color .18s,box-shadow .18s,transform .18s,background-color .18s;display:grid}.folders-import-item:hover,.folders-import-item:focus-visible{border-color:#1967c347;transform:translateY(-1px);box-shadow:0 14px 30px #0f172a14}.folders-import-item-active{background:#eff4ffeb;border-color:#1967c36b;box-shadow:0 16px 32px #1967c31a}.folders-import-item-art{justify-content:center;align-items:center;display:inline-flex}.folders-import-item-copy{gap:.2rem;min-width:0;display:grid}.folders-import-item-copy strong{color:var(--folder-ink);font-size:.98rem;line-height:1.15}.folders-import-item-copy span,.folders-import-item-copy small{color:#64748b;word-break:break-word;line-height:1.45}.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.settings-summary-card{gap:.45rem;min-height:10.5rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.settings-summary-card:before{display:none}.settings-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.settings-kpi-grid>div,.settings-summary-inline>div,.settings-plan-list>div{background:#ffffffd6;border:1px solid #c3c6d770;border-radius:1rem;align-content:start;gap:.25rem;padding:.95rem 1rem;display:grid}.settings-kpi-grid span,.settings-summary-inline span,.settings-plan-list span,.settings-field span:first-child{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:800}.settings-kpi-grid strong,.settings-summary-inline strong,.settings-plan-list strong,.settings-field strong{color:#0b1c30;font-size:.98rem}.settings-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{background:linear-gradient(#fffffffa,#f8fbfff0),radial-gradient(circle at 100% 0,#1967c314,#0000 34%);border:1px solid #1967c31f;border-radius:1.6rem;gap:1rem;padding:1.35rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 18px 40px #0f172a14}.settings-card h3,.settings-card p{margin:0}.settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-field{gap:.48rem;display:grid}.settings-field-hint{color:#64748b;font-size:.78rem;line-height:1.5}.settings-account-groups{gap:1rem;display:grid}.settings-account-group{background:#ffffff9e;border:1px solid #c3c6d757;border-radius:1.15rem;gap:.9rem;padding:1rem 1.05rem;display:grid}.settings-account-group-head{gap:.2rem;display:grid}.settings-account-group-head h3{color:#0b1c30;margin:0;font-size:1rem}.settings-account-group-head p{color:#64748b;margin:0;font-size:.9rem;line-height:1.55}.settings-summary-card:hover,.settings-card:hover{border-color:#1967c32e;transform:translateY(-2px);box-shadow:0 20px 42px #0f172a1a}.settings-actions-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.settings-page-shell .btn,.settings-modal-content .btn{color:#1967c3;letter-spacing:.01em;background:#fffffffa;border:1px solid #1967c347;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.8rem 1.7rem;font-size:.875rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex;box-shadow:0 16px 32px #1967c31f}.settings-page-shell .btn:hover:enabled,.settings-modal-content .btn:hover:enabled{color:#fff;filter:none;background:#1967c3;border-color:#1967c366;transform:translateY(-1px);box-shadow:0 22px 38px #1967c347}.settings-page-shell .btn:disabled,.settings-modal-content .btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:0 10px 22px #1967c31f}.settings-page-shell .btn.settings-btn-emerald,.settings-modal-content .btn.settings-btn-emerald{color:#10b981;background:#fffffffa;border-color:#10b98147;box-shadow:0 16px 32px #10b98124}.settings-page-shell .btn.settings-btn-emerald:hover:enabled,.settings-modal-content .btn.settings-btn-emerald:hover:enabled{color:#fff;background:#10b981;border-color:#10b9816b;box-shadow:0 22px 38px #10b98147}.settings-page-shell .btn.settings-btn-amber,.settings-modal-content .btn.settings-btn-amber{color:#f59e0b;background:#fffffffa;border-color:#f59e0b52;box-shadow:0 16px 32px #f59e0b24}.settings-page-shell .btn.settings-btn-amber:hover:enabled,.settings-modal-content .btn.settings-btn-amber:hover:enabled{color:#fff;background:#f59e0b;border-color:#f59e0b70;box-shadow:0 22px 38px #f59e0b47}.settings-page-shell .btn.btn-danger,.settings-modal-content .btn.btn-danger,.settings-page-shell .btn.settings-btn-rose,.settings-modal-content .btn.settings-btn-rose{color:#f43f5e;background:#fffffffa;border-color:#be185d47;box-shadow:0 16px 32px #be185d24}.settings-page-shell .btn.btn-danger:hover:enabled,.settings-modal-content .btn.btn-danger:hover:enabled,.settings-page-shell .btn.settings-btn-rose:hover:enabled,.settings-modal-content .btn.settings-btn-rose:hover:enabled{color:#fff;background:#f43f5e;border-color:#be185d6b;box-shadow:0 22px 38px #be185d47}.settings-actions-row-end{justify-content:flex-end}.settings-muted-copy{color:#6b7280;line-height:1.5;display:block}.settings-inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.settings-inline-form-team{grid-template-columns:minmax(0,1.2fr) minmax(12rem,.8fr) auto}.settings-summary-inline,.settings-plan-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.settings-early-access-card{background:radial-gradient(circle at 100% 0,#1967c31a,#0000 36%),radial-gradient(circle at 0 100%,#38bdf81a,#0000 32%),linear-gradient(#fffffffa,#f6fafff0);border:1px solid #1967c324;border-radius:1.45rem;gap:.85rem;margin-bottom:1rem;padding:1rem;display:grid;box-shadow:0 18px 34px #0f172a14}.settings-early-access-copy{gap:.25rem;display:grid}.settings-early-access-copy strong{color:#0f2747;font-size:.95rem;line-height:1.35}.settings-data-table-wrap{background:#ffffffb8;border:1px solid #c3c6d770;border-radius:1rem;overflow-x:auto}.settings-data-table{border-collapse:collapse;width:100%;min-width:42rem}.settings-data-table th,.settings-data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #c3c6d757;padding:.95rem 1rem}.settings-data-table thead th{color:#64748b;letter-spacing:.05em;text-transform:uppercase;background:#eff4ffb8;font-size:.76rem;font-weight:800}.settings-data-table tbody tr:last-child td{border-bottom:0}.settings-table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-table-status{color:#64748b;font-size:.84rem;font-weight:700}.settings-invoices-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-invoices-count{color:#1967c3;white-space:nowrap;background:#1967c314;border:1px solid #1967c32e;border-radius:999px;justify-content:center;align-items:center;min-height:2rem;padding:.35rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.settings-invoices-actions{margin:1rem 0}.settings-invoices-table-wrap{margin-top:.85rem}.settings-invoices-empty{background:#ffffffb8;border:1px solid #c3c6d770;border-radius:1rem;gap:.35rem;margin-top:1rem;padding:1.25rem;display:grid}.settings-invoices-empty strong{color:#0f172a;font-size:.98rem}.settings-invoices-empty span{color:#64748b;font-size:.9rem}.settings-invoice-status{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#64748b1a;border-radius:999px;align-items:center;min-height:1.75rem;padding:.24rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.settings-invoice-status-paid{color:#1967c3;background:#1967c31a}.settings-invoice-status-open,.settings-invoice-status-draft{color:#b45309;background:#f59e0b21}.settings-invoice-status-void,.settings-invoice-status-uncollectible{color:#be123c;background:#e11d481a}.payment-confirmation-modal{text-align:center;justify-items:center;gap:1rem;padding:.35rem 0 .1rem;display:grid;position:relative;overflow:hidden}.payment-confirmation-burst{pointer-events:none;position:absolute;inset:0}.payment-confirmation-burst span{opacity:0;background:#1967c3;border-radius:999px;width:.55rem;height:.55rem;animation:1.6s ease-out infinite paymentBurst;position:absolute}.payment-confirmation-burst span:first-child{top:.4rem;left:14%}.payment-confirmation-burst span:nth-child(2){background:#22c55e;animation-delay:.22s;top:1.4rem;right:14%}.payment-confirmation-burst span:nth-child(3){background:#f59e0b;animation-delay:.44s;bottom:4.2rem;left:48%}.payment-confirmation-icon{background:radial-gradient(circle at 30% 25%,#fffffff2,#1967c31f),linear-gradient(135deg,#1967c329,#22c55e1f);border:1px solid #1967c32e;border-radius:2rem;place-items:center;width:5.6rem;height:5.6rem;animation:.52s cubic-bezier(.16,1,.3,1) paymentConfirmPop;display:grid;position:relative;box-shadow:0 22px 55px #1967c333}.payment-confirmation-icon-syncing{background:radial-gradient(circle at 30% 25%,#fffffff2,#1967c31a),linear-gradient(135deg,#1967c31f,#94a3b829)}.payment-confirmation-icon-pending{background:radial-gradient(circle at 30% 25%,#fffffff2,#f59e0b1a),linear-gradient(135deg,#f59e0b29,#1967c31f)}.payment-confirmation-icon:after{content:"";border:1px solid #1967c329;border-radius:2.35rem;animation:1.8s ease-out infinite paymentConfirmRing;position:absolute;inset:-.55rem}.payment-confirmation-icon .material-symbols-outlined{color:#1967c3;font-variation-settings:"FILL" 1, "wght" 700;font-size:3rem}.payment-confirmation-spinner{border:3px solid #1967c32e;border-top-color:#1967c3;border-radius:999px;width:2.4rem;height:2.4rem;animation:.78s linear infinite code-verify-spin}.payment-confirmation-copy{gap:.45rem;max-width:32rem;display:grid}.payment-confirmation-kicker{color:#1967c3;letter-spacing:.06em;text-transform:uppercase;background:#1967c314;border:1px solid #1967c32e;border-radius:999px;justify-self:center;align-items:center;min-height:1.8rem;padding:.25rem .7rem;font-size:.76rem;font-weight:900;display:inline-flex}.payment-confirmation-copy h2{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,4vw,2.2rem)}.payment-confirmation-copy p{color:#64748b;margin:0;line-height:1.6}.payment-confirmation-card{text-align:left;background:#ffffffc2;border:1px solid #c3c6d770;border-radius:1.25rem;align-items:center;gap:1rem;width:min(100%,32rem);padding:1rem;display:flex}.payment-confirmation-card .material-symbols-outlined{color:#1967c3;background:#1967c31a;border-radius:.95rem;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.payment-confirmation-card div{gap:.18rem;display:grid}.payment-confirmation-card strong{color:#0f172a;font-size:.98rem}.payment-confirmation-card small{color:#64748b;line-height:1.45}.payment-confirmation-actions{width:min(100%,32rem)}.payment-confirmation-actions .btn{width:100%}@keyframes paymentConfirmPop{0%{opacity:0;transform:scale(.72)translateY(.8rem)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes paymentConfirmRing{0%{opacity:.45;transform:scale(.88)}to{opacity:0;transform:scale(1.18)}}@keyframes paymentBurst{0%{opacity:0;transform:translateY(.4rem)scale(.6)}18%{opacity:.75}to{opacity:0;transform:translateY(-1.2rem)scale(1)}}.settings-table-empty,.settings-table-muted{color:#64748b}.settings-device-cell{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.settings-session-badge{color:#1967c3;letter-spacing:.04em;text-transform:uppercase;background:#1967c31a;border-radius:999px;justify-content:center;align-items:center;min-height:1.65rem;padding:.2rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.settings-activity-list{gap:.75rem;display:grid}.settings-activity-row{background:#ffffffc2;border:1px solid #c3c6d766;border-radius:1rem;justify-content:space-between;align-items:start;gap:1rem;padding:.95rem 1rem;display:flex}.settings-activity-row strong,.settings-activity-row span{color:#0b1c30}.settings-activity-row small{color:#64748b;margin-top:.2rem;display:block}.settings-mfa-setup{gap:.9rem;display:grid}.settings-mfa-setup img{background:#fff;border:1px solid #c3c6d770;border-radius:1rem;width:min(15rem,100%);padding:.75rem}.settings-recovery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.settings-recovery-list code{color:#0b1c30;background:#eff4ffb8;border:1px dashed #1967c33d;border-radius:.9rem;align-items:center;min-height:2.7rem;padding:.65rem .8rem;font-size:.84rem;font-weight:700;display:inline-flex}.settings-danger-card{background:linear-gradient(#fffffff5,#fff6f8eb),radial-gradient(circle at 100% 0,#f43f5e14,#0000 38%);border-color:#f43f5e42}.settings-danger-card h3{color:#f43f5e}.settings-confirm-modal{gap:1rem;display:grid}.settings-confirm-accent{background:#1967c3;border-radius:999px;width:4rem;height:.32rem;box-shadow:0 10px 24px #38bdf83d}.settings-confirm-modal-danger .settings-confirm-accent{background:#f43f5e;box-shadow:0 10px 24px #f43f5e3d}.settings-confirm-copy{color:#334155;margin:0;line-height:1.65}.settings-action-modal{gap:1rem}.settings-action-modal-meta{padding-left:0}.settings-action-modal-note{margin-top:.15rem}.settings-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.settings-confirm-actions-inline{align-items:center}:root[data-theme=dark] .settings-page-shell,:root.dark .settings-page-shell,html.dark .settings-page-shell,:root[data-theme=dark] .settings-section-head h2,:root[data-theme=dark] .settings-card h3,:root[data-theme=dark] .settings-account-group-head h3,:root[data-theme=dark] .settings-kpi-grid strong,:root[data-theme=dark] .settings-summary-inline strong,:root[data-theme=dark] .settings-plan-list strong,:root[data-theme=dark] .settings-field strong,:root[data-theme=dark] .settings-invoices-empty strong,:root[data-theme=dark] .settings-activity-row strong,:root[data-theme=dark] .settings-activity-row span,:root[data-theme=dark] .settings-recovery-list code,:root[data-theme=dark] .settings-confirm-copy,:root.dark .settings-section-head h2,:root.dark .settings-card h3,:root.dark .settings-account-group-head h3,:root.dark .settings-kpi-grid strong,:root.dark .settings-summary-inline strong,:root.dark .settings-plan-list strong,:root.dark .settings-field strong,:root.dark .settings-invoices-empty strong,:root.dark .settings-activity-row strong,:root.dark .settings-activity-row span,:root.dark .settings-recovery-list code,:root.dark .settings-confirm-copy,html.dark .settings-section-head h2,html.dark .settings-card h3,html.dark .settings-account-group-head h3,html.dark .settings-kpi-grid strong,html.dark .settings-summary-inline strong,html.dark .settings-plan-list strong,html.dark .settings-field strong,html.dark .settings-invoices-empty strong,html.dark .settings-activity-row strong,html.dark .settings-activity-row span,html.dark .settings-recovery-list code,html.dark .settings-confirm-copy{color:var(--hoppla-text)}:root[data-theme=dark] .settings-section-head p,:root[data-theme=dark] .settings-kpi-grid span,:root[data-theme=dark] .settings-summary-inline span,:root[data-theme=dark] .settings-plan-list span,:root[data-theme=dark] .settings-field span:first-child,:root[data-theme=dark] .settings-field-hint,:root[data-theme=dark] .settings-account-group-head p,:root[data-theme=dark] .settings-muted-copy,:root[data-theme=dark] .settings-data-table thead th,:root[data-theme=dark] .settings-table-status,:root[data-theme=dark] .settings-table-empty,:root[data-theme=dark] .settings-table-muted,:root[data-theme=dark] .settings-invoices-empty span,:root[data-theme=dark] .settings-activity-row small,:root.dark .settings-section-head p,:root.dark .settings-kpi-grid span,:root.dark .settings-summary-inline span,:root.dark .settings-plan-list span,:root.dark .settings-field span:first-child,:root.dark .settings-field-hint,:root.dark .settings-account-group-head p,:root.dark .settings-muted-copy,:root.dark .settings-data-table thead th,:root.dark .settings-table-status,:root.dark .settings-table-empty,:root.dark .settings-table-muted,:root.dark .settings-invoices-empty span,:root.dark .settings-activity-row small,html.dark .settings-section-head p,html.dark .settings-kpi-grid span,html.dark .settings-summary-inline span,html.dark .settings-plan-list span,html.dark .settings-field span:first-child,html.dark .settings-field-hint,html.dark .settings-account-group-head p,html.dark .settings-muted-copy,html.dark .settings-data-table thead th,html.dark .settings-table-status,html.dark .settings-table-empty,html.dark .settings-table-muted,html.dark .settings-invoices-empty span,html.dark .settings-activity-row small{color:var(--hoppla-text-soft)}:root[data-theme=dark] .settings-subnav-link,:root.dark .settings-subnav-link,html.dark .settings-subnav-link{color:#e2e8f0d1}:root[data-theme=dark] .settings-subnav-link:hover,:root[data-theme=dark] .settings-subnav-link-active,:root.dark .settings-subnav-link:hover,:root.dark .settings-subnav-link-active,html.dark .settings-subnav-link:hover,html.dark .settings-subnav-link-active{color:var(--hoppla-accent)}:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-summary-card,:root[data-theme=dark] .settings-account-group,:root[data-theme=dark] .settings-kpi-grid>div,:root[data-theme=dark] .settings-summary-inline>div,:root[data-theme=dark] .settings-plan-list>div,:root[data-theme=dark] .settings-data-table-wrap,:root[data-theme=dark] .settings-invoices-empty,:root[data-theme=dark] .settings-activity-row,:root[data-theme=dark] .settings-recovery-list code,:root.dark .settings-card,:root.dark .settings-summary-card,:root.dark .settings-account-group,:root.dark .settings-kpi-grid>div,:root.dark .settings-summary-inline>div,:root.dark .settings-plan-list>div,:root.dark .settings-data-table-wrap,:root.dark .settings-invoices-empty,:root.dark .settings-activity-row,:root.dark .settings-recovery-list code,html.dark .settings-card,html.dark .settings-summary-card,html.dark .settings-account-group,html.dark .settings-kpi-grid>div,html.dark .settings-summary-inline>div,html.dark .settings-plan-list>div,html.dark .settings-data-table-wrap,html.dark .settings-invoices-empty,html.dark .settings-activity-row,html.dark .settings-recovery-list code{background:radial-gradient(circle at 100% 0,#38bdf814,#0000 34%),linear-gradient(#081224f0,#0a1426f5);border-color:#ffffff1f;box-shadow:0 18px 42px #02061747}:root[data-theme=dark] .settings-card:hover,:root[data-theme=dark] .settings-summary-card:hover,:root.dark .settings-card:hover,:root.dark .settings-summary-card:hover,html.dark .settings-card:hover,html.dark .settings-summary-card:hover{border-color:#38bdf838;box-shadow:0 22px 48px #0206175c}:root[data-theme=dark] .settings-data-table th,:root[data-theme=dark] .settings-data-table td,:root.dark .settings-data-table th,:root.dark .settings-data-table td,html.dark .settings-data-table th,html.dark .settings-data-table td{border-bottom-color:#ffffff1a}:root[data-theme=dark] .settings-data-table thead th,:root.dark .settings-data-table thead th,html.dark .settings-data-table thead th{background:#0f172ab8}:root[data-theme=dark] .settings-page-shell .btn:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn:hover:enabled,:root.dark .settings-page-shell .btn:hover:enabled,:root.dark .settings-modal-content .btn:hover:enabled,html.dark .settings-page-shell .btn:hover:enabled,html.dark .settings-modal-content .btn:hover:enabled{background:var(--hoppla-accent);border-color:var(--hoppla-accent);color:#020617;box-shadow:0 22px 38px #38bdf83d}:root[data-theme=dark] .settings-page-shell .input,:root[data-theme=dark] .settings-page-shell .select,:root[data-theme=dark] .settings-modal-content .input,:root[data-theme=dark] .settings-modal-content .select,:root.dark .settings-page-shell .input,:root.dark .settings-page-shell .select,:root.dark .settings-modal-content .input,:root.dark .settings-modal-content .select,html.dark .settings-page-shell .input,html.dark .settings-page-shell .select,html.dark .settings-modal-content .input,html.dark .settings-modal-content .select{color:var(--hoppla-text);background:#0f172ab8;border-color:#ffffff1f}:root[data-theme=dark] .settings-session-badge,:root[data-theme=dark] .settings-invoices-count,:root[data-theme=dark] .settings-invoice-status-paid,:root.dark .settings-session-badge,:root.dark .settings-invoices-count,:root.dark .settings-invoice-status-paid,html.dark .settings-session-badge,html.dark .settings-invoices-count,html.dark .settings-invoice-status-paid{color:var(--hoppla-accent);background:#38bdf81a;border-color:#38bdf838}:root[data-theme=dark] .settings-invoice-status-open,:root[data-theme=dark] .settings-invoice-status-draft,:root.dark .settings-invoice-status-open,:root.dark .settings-invoice-status-draft,html.dark .settings-invoice-status-open,html.dark .settings-invoice-status-draft{color:#fbbf24;background:#f59e0b24}:root[data-theme=dark] .settings-invoice-status-void,:root[data-theme=dark] .settings-invoice-status-uncollectible,:root.dark .settings-invoice-status-void,:root.dark .settings-invoice-status-uncollectible,html.dark .settings-invoice-status-void,html.dark .settings-invoice-status-uncollectible{color:#fb7185;background:#f43f5e24}:root[data-theme=dark] .settings-mfa-setup img,:root.dark .settings-mfa-setup img,html.dark .settings-mfa-setup img{background:#ffffffeb;border-color:#ffffff24}:root[data-theme=dark] .connected-early-access,:root.dark .connected-early-access,html.dark .connected-early-access,:root[data-theme=dark] .settings-early-access-card,:root.dark .settings-early-access-card,html.dark .settings-early-access-card{background:radial-gradient(circle at 100% 0,#3b82f638,#0000 32%),radial-gradient(circle at 0 100%,#38bdf82e,#0000 30%),linear-gradient(#0f172af5,#0c1322f0);border-color:#60a5fa2e;box-shadow:0 24px 56px #02061757}:root[data-theme=dark] .connected-early-access-copy:before,:root.dark .connected-early-access-copy:before,html.dark .connected-early-access-copy:before{color:#93c5fd;background:#3b82f629}:root[data-theme=dark] .connected-early-access-copy h3,:root.dark .connected-early-access-copy h3,html.dark .connected-early-access-copy h3,:root[data-theme=dark] .settings-early-access-copy strong,:root.dark .settings-early-access-copy strong,html.dark .settings-early-access-copy strong{color:#eff6ff}:root[data-theme=dark] .connected-early-access-copy p,:root.dark .connected-early-access-copy p,html.dark .connected-early-access-copy p,:root[data-theme=dark] .settings-early-access-copy p,:root.dark .settings-early-access-copy p,html.dark .settings-early-access-copy p,:root[data-theme=dark] .connected-early-access-note,:root.dark .connected-early-access-note,html.dark .connected-early-access-note{color:#e2e8f0c7}:root[data-theme=dark] .connected-early-access-countdown-label,:root.dark .connected-early-access-countdown-label,html.dark .connected-early-access-countdown-label{color:#93c5fd}:root[data-theme=dark] .connected-early-access-countdown-grid div,:root.dark .connected-early-access-countdown-grid div,html.dark .connected-early-access-countdown-grid div,:root[data-theme=dark] .settings-early-access-countdown div,:root.dark .settings-early-access-countdown div,html.dark .settings-early-access-countdown div{background:linear-gradient(#162139eb,#0f172ae0);border-color:#60a5fa29;box-shadow:0 14px 28px #0206173d}:root[data-theme=dark] .connected-early-access-countdown-grid strong,:root.dark .connected-early-access-countdown-grid strong,html.dark .connected-early-access-countdown-grid strong,:root[data-theme=dark] .settings-early-access-countdown strong,:root.dark .settings-early-access-countdown strong,html.dark .settings-early-access-countdown strong{color:#f8fafc}:root[data-theme=dark] .connected-early-access-countdown-grid span,:root.dark .connected-early-access-countdown-grid span,html.dark .connected-early-access-countdown-grid span,:root[data-theme=dark] .settings-early-access-countdown span,:root.dark .settings-early-access-countdown span,html.dark .settings-early-access-countdown span{color:#bfdbfed1}:root[data-theme=dark] .connected-early-access-email,:root.dark .connected-early-access-email,html.dark .connected-early-access-email,:root[data-theme=dark] .settings-early-access-email,:root.dark .settings-early-access-email,html.dark .settings-early-access-email{color:#dbeafe;background:#1e293bd1;border-color:#60a5fa2e}:root[data-theme=dark] .settings-subnav-link,:root.dark .settings-subnav-link,html.dark .settings-subnav-link{color:#e2e8f0db;box-shadow:none;background:0 0}:root[data-theme=dark] .settings-subnav-link:hover,:root.dark .settings-subnav-link:hover,html.dark .settings-subnav-link:hover,:root[data-theme=dark] .settings-subnav-link-active,:root.dark .settings-subnav-link-active,html.dark .settings-subnav-link-active{color:#1967c3;box-shadow:none;background:0 0}:root[data-theme=dark] .settings-hero h1,:root.dark .settings-hero h1,html.dark .settings-hero h1,:root[data-theme=dark] .settings-overview-hero h2,:root.dark .settings-overview-hero h2,html.dark .settings-overview-hero h2,:root[data-theme=dark] .settings-section-head h2,:root.dark .settings-section-head h2,html.dark .settings-section-head h2,:root[data-theme=dark] .settings-kpi-grid strong,:root.dark .settings-kpi-grid strong,html.dark .settings-kpi-grid strong,:root[data-theme=dark] .settings-summary-inline strong,:root.dark .settings-summary-inline strong,html.dark .settings-summary-inline strong,:root[data-theme=dark] .settings-plan-list strong,:root.dark .settings-plan-list strong,html.dark .settings-plan-list strong,:root[data-theme=dark] .settings-field strong,:root.dark .settings-field strong,html.dark .settings-field strong,:root[data-theme=dark] .settings-activity-row strong,:root.dark .settings-activity-row strong,html.dark .settings-activity-row strong,:root[data-theme=dark] .settings-activity-row span,:root.dark .settings-activity-row span,html.dark .settings-activity-row span,:root[data-theme=dark] .settings-recovery-list code,:root.dark .settings-recovery-list code,html.dark .settings-recovery-list code{color:#eff6ff}:root[data-theme=dark] .settings-hero p,:root.dark .settings-hero p,html.dark .settings-hero p,:root[data-theme=dark] .settings-overview-hero p,:root.dark .settings-overview-hero p,html.dark .settings-overview-hero p,:root[data-theme=dark] .settings-section-head p,:root.dark .settings-section-head p,html.dark .settings-section-head p,:root[data-theme=dark] .settings-kpi-grid span,:root.dark .settings-kpi-grid span,html.dark .settings-kpi-grid span,:root[data-theme=dark] .settings-summary-inline span,:root.dark .settings-summary-inline span,html.dark .settings-summary-inline span,:root[data-theme=dark] .settings-plan-list span,:root.dark .settings-plan-list span,html.dark .settings-plan-list span,:root[data-theme=dark] .settings-field span:first-child,:root.dark .settings-field span:first-child,html.dark .settings-field span:first-child,:root[data-theme=dark] .settings-muted-copy,:root.dark .settings-muted-copy,html.dark .settings-muted-copy,:root[data-theme=dark] .settings-table-empty,:root.dark .settings-table-empty,html.dark .settings-table-empty,:root[data-theme=dark] .settings-table-muted,:root.dark .settings-table-muted,html.dark .settings-table-muted,:root[data-theme=dark] .settings-activity-row small,:root.dark .settings-activity-row small,html.dark .settings-activity-row small{color:#e2e8f0d1}:root[data-theme=dark] .settings-kpi-grid>div,:root[data-theme=dark] .settings-summary-inline>div,:root[data-theme=dark] .settings-plan-list>div,:root[data-theme=dark] .settings-account-group,:root[data-theme=dark] .settings-activity-row,:root[data-theme=dark] .settings-data-table-wrap,:root[data-theme=dark] .settings-mfa-setup img,:root.dark .settings-kpi-grid>div,:root.dark .settings-summary-inline>div,:root.dark .settings-plan-list>div,:root.dark .settings-account-group,:root.dark .settings-activity-row,:root.dark .settings-data-table-wrap,:root.dark .settings-mfa-setup img,html.dark .settings-kpi-grid>div,html.dark .settings-summary-inline>div,html.dark .settings-plan-list>div,html.dark .settings-account-group,html.dark .settings-activity-row,html.dark .settings-data-table-wrap,html.dark .settings-mfa-setup img{background:#0f172ae6;border-color:#94a3b833}:root[data-theme=dark] .settings-account-group-head h3,:root.dark .settings-account-group-head h3,html.dark .settings-account-group-head h3{color:#eff6ff}:root[data-theme=dark] .settings-account-group-head p,:root.dark .settings-account-group-head p,html.dark .settings-account-group-head p{color:#e2e8f0c7}:root[data-theme=dark] .settings-data-table td,:root.dark .settings-data-table td,html.dark .settings-data-table td,:root[data-theme=dark] .settings-card p,:root.dark .settings-card p,html.dark .settings-card p{color:#e2e8f0e6}:root[data-theme=dark] .settings-card h3,:root.dark .settings-card h3,html.dark .settings-card h3,:root[data-theme=dark] .settings-summary-card h3,:root.dark .settings-summary-card h3,html.dark .settings-summary-card h3{color:#f8fbff}:root[data-theme=dark] .settings-summary-card p,:root.dark .settings-summary-card p,html.dark .settings-summary-card p{color:#e2e8f0d6}:root[data-theme=dark] .dashboard-info-label,:root.dark .dashboard-info-label,html.dark .dashboard-info-label,:root[data-theme=dark] .settings-kpi-grid span,:root.dark .settings-kpi-grid span,html.dark .settings-kpi-grid span,:root[data-theme=dark] .settings-summary-inline span,:root.dark .settings-summary-inline span,html.dark .settings-summary-inline span,:root[data-theme=dark] .settings-plan-list span,:root.dark .settings-plan-list span,html.dark .settings-plan-list span,:root[data-theme=dark] .settings-field span:first-child,:root.dark .settings-field span:first-child,html.dark .settings-field span:first-child{color:#bfdbfed1}:root[data-theme=dark] .settings-plan-list>div,:root.dark .settings-plan-list>div,html.dark .settings-plan-list>div,:root[data-theme=dark] .settings-kpi-grid>div,:root.dark .settings-kpi-grid>div,html.dark .settings-kpi-grid>div,:root[data-theme=dark] .settings-summary-inline>div,:root.dark .settings-summary-inline>div,html.dark .settings-summary-inline>div{background:#1e293be0}:root[data-theme=dark] .settings-data-table tbody tr,:root.dark .settings-data-table tbody tr,html.dark .settings-data-table tbody tr{background:#0f172adb}:root[data-theme=dark] .settings-data-table th,:root.dark .settings-data-table th,html.dark .settings-data-table th,:root[data-theme=dark] .settings-data-table td,:root.dark .settings-data-table td,html.dark .settings-data-table td{border-bottom-color:#94a3b829}:root[data-theme=dark] .settings-page-shell .btn,:root[data-theme=dark] .settings-modal-content .btn,:root.dark .settings-page-shell .btn,:root.dark .settings-modal-content .btn,html.dark .settings-page-shell .btn,html.dark .settings-modal-content .btn{color:#1967c3;background:#0f172ac7;border-color:#38bdf86b;box-shadow:0 0 0 1px #38bdf814,0 18px 34px #38bdf829,0 0 20px #38bdf829}:root[data-theme=dark] .settings-page-shell .btn:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn:hover:enabled,:root.dark .settings-page-shell .btn:hover:enabled,:root.dark .settings-modal-content .btn:hover:enabled,html.dark .settings-page-shell .btn:hover:enabled,html.dark .settings-modal-content .btn:hover:enabled{color:#04111d;background:#1967c3;border-color:#38bdf870;box-shadow:0 24px 40px #38bdf83d,0 0 24px #38bdf838}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-emerald,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-emerald,:root.dark .settings-page-shell .btn.settings-btn-emerald,:root.dark .settings-modal-content .btn.settings-btn-emerald,html.dark .settings-page-shell .btn.settings-btn-emerald,html.dark .settings-modal-content .btn.settings-btn-emerald{color:#10b981;background:#0f172ac7;border-color:#10b98170;box-shadow:0 0 0 1px #10b98114,0 18px 34px #10b98129,0 0 20px #10b98129}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-emerald:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-emerald:hover:enabled,:root.dark .settings-page-shell .btn.settings-btn-emerald:hover:enabled,:root.dark .settings-modal-content .btn.settings-btn-emerald:hover:enabled,html.dark .settings-page-shell .btn.settings-btn-emerald:hover:enabled,html.dark .settings-modal-content .btn.settings-btn-emerald:hover:enabled{color:#04111d;background:#10b981;border-color:#10b98185;box-shadow:0 24px 40px #10b9813d,0 0 24px #10b98138}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-amber,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-amber,:root.dark .settings-page-shell .btn.settings-btn-amber,:root.dark .settings-modal-content .btn.settings-btn-amber,html.dark .settings-page-shell .btn.settings-btn-amber,html.dark .settings-modal-content .btn.settings-btn-amber{color:#f59e0b;background:#0f172ac7;border-color:#f59e0b70;box-shadow:0 0 0 1px #f59e0b14,0 18px 34px #f59e0b29,0 0 20px #f59e0b24}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-amber:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-amber:hover:enabled,:root.dark .settings-page-shell .btn.settings-btn-amber:hover:enabled,:root.dark .settings-modal-content .btn.settings-btn-amber:hover:enabled,html.dark .settings-page-shell .btn.settings-btn-amber:hover:enabled,html.dark .settings-modal-content .btn.settings-btn-amber:hover:enabled{color:#04111d;background:#f59e0b;border-color:#f59e0b8a;box-shadow:0 24px 40px #f59e0b3d,0 0 24px #f59e0b2e}:root[data-theme=dark] .settings-page-shell .btn.btn-danger,:root[data-theme=dark] .settings-modal-content .btn.btn-danger,:root[data-theme=dark] .settings-page-shell .btn.settings-btn-rose,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-rose,:root.dark .settings-page-shell .btn.btn-danger,:root.dark .settings-modal-content .btn.btn-danger,:root.dark .settings-page-shell .btn.settings-btn-rose,:root.dark .settings-modal-content .btn.settings-btn-rose,html.dark .settings-page-shell .btn.btn-danger,html.dark .settings-modal-content .btn.btn-danger,html.dark .settings-page-shell .btn.settings-btn-rose,html.dark .settings-modal-content .btn.settings-btn-rose{color:#f43f5e;background:#0f172ac7;border-color:#be185d70;box-shadow:0 0 0 1px #be185d14,0 18px 34px #be185d29,0 0 20px #be185d29}:root[data-theme=dark] .settings-page-shell .btn.btn-danger:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.btn-danger:hover:enabled,:root[data-theme=dark] .settings-page-shell .btn.settings-btn-rose:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-rose:hover:enabled,:root.dark .settings-page-shell .btn.btn-danger:hover:enabled,:root.dark .settings-modal-content .btn.btn-danger:hover:enabled,:root.dark .settings-page-shell .btn.settings-btn-rose:hover:enabled,:root.dark .settings-modal-content .btn.settings-btn-rose:hover:enabled,html.dark .settings-page-shell .btn.btn-danger:hover:enabled,html.dark .settings-modal-content .btn.btn-danger:hover:enabled,html.dark .settings-page-shell .btn.settings-btn-rose:hover:enabled,html.dark .settings-modal-content .btn.settings-btn-rose:hover:enabled{color:#fff;background:#f43f5e;border-color:#be185d8a;box-shadow:0 24px 40px #be185d3d,0 0 24px #be185d38}:root[data-theme=dark] .settings-card .input,:root[data-theme=dark] .settings-card .select,:root.dark .settings-card .input,:root.dark .settings-card .select,html.dark .settings-card .input,html.dark .settings-card .select{color:#0b1c30;background:#fffffff0;border-color:#ffffff29}:root[data-theme=dark] .settings-card .input::placeholder,:root.dark .settings-card .input::placeholder,html.dark .settings-card .input::placeholder{color:#434655b3}:root[data-theme=dark] .settings-card,:root.dark .settings-card,html.dark .settings-card,:root[data-theme=dark] .settings-summary-card,:root.dark .settings-summary-card,html.dark .settings-summary-card{background:linear-gradient(#0f172aeb,#081224e6),radial-gradient(circle at 100% 0,#38bdf81f,#0000 34%);border-color:#ffffff1a;box-shadow:0 22px 48px #02061747}:root[data-theme=dark] .settings-summary-card:hover,:root[data-theme=dark] .settings-card:hover,:root.dark .settings-summary-card:hover,:root.dark .settings-card:hover,html.dark .settings-summary-card:hover,html.dark .settings-card:hover{border-color:#38bdf838;box-shadow:0 24px 52px #02061757}:root[data-theme=dark] .settings-data-table thead th,:root.dark .settings-data-table thead th,html.dark .settings-data-table thead th{color:#bfdbfee6;background:#0f172ae6}:root[data-theme=dark] .settings-data-table tbody tr:hover,:root.dark .settings-data-table tbody tr:hover,html.dark .settings-data-table tbody tr:hover{background:#0ea5e914}:root[data-theme=dark] .settings-session-badge,:root.dark .settings-session-badge,html.dark .settings-session-badge{color:#7dd3fc;background:#38bdf824}:root[data-theme=dark] .settings-recovery-list code,:root.dark .settings-recovery-list code,html.dark .settings-recovery-list code{border-color:#38bdf838}:root[data-theme=dark] .settings-danger-card,:root.dark .settings-danger-card,html.dark .settings-danger-card{background:linear-gradient(#230a16f5,#12080feb),radial-gradient(circle at 100% 0,#f43f5e29,#0000 38%);border-color:#f43f5e38}:root[data-theme=dark] .settings-danger-card h3,:root.dark .settings-danger-card h3,html.dark .settings-danger-card h3{color:#fda4af}:root[data-theme=dark] .settings-confirm-copy,:root.dark .settings-confirm-copy,html.dark .settings-confirm-copy{color:#e2e8f0eb}.settings-page-shell{--settings-ink:#0f172a;--settings-surface:#fff;--settings-surface-2:#f1f5f9;--settings-surface-3:#f6f8fb;--settings-primary:#1967c3;--settings-secondary:#6366f1;--settings-tertiary:#f59e0b;--settings-danger:#f43f5e;color:var(--settings-ink)}.settings-hero{justify-content:flex-start;align-items:end;gap:1.5rem;padding:.15rem 0 .35rem;display:flex}.settings-hero-copy{gap:.35rem;display:grid}.settings-hero h1{color:var(--settings-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,3.35rem);font-weight:950;line-height:1}.settings-hero p{color:#475569;max-width:52rem;margin:0;font-size:1.02rem;font-weight:700;line-height:1.55}.settings-subnav{gap:.8rem;padding:0}.settings-subnav-link{color:#424752;letter-spacing:.04em;text-transform:uppercase;background:#fff;border:1px solid #131b2e14;border-radius:.85rem;min-height:2.85rem;padding:.65rem 1rem;font-size:.82rem;font-weight:900;box-shadow:0 12px 28px #131b2e14}.settings-subnav-link:hover{background:var(--settings-surface-2);color:var(--settings-primary);transform:translate(-2px,-2px);box-shadow:0 16px 32px #131b2e1f}.settings-subnav-link-active{color:var(--settings-primary);background:#1d63c124;border-color:#1967c31f;box-shadow:0 14px 28px #1967c329}.settings-subnav-link-active:after{display:none}.settings-section{gap:1.25rem}.settings-section-head-brutal{border-bottom:4px solid var(--settings-ink);align-items:center;gap:1rem;margin-bottom:.1rem;padding-bottom:1rem;display:flex}.settings-section-icon{border:3px solid var(--settings-ink);width:3.4rem;height:3.4rem;box-shadow:4px 4px 0 0 var(--settings-ink);background:#f1f5f9;border-radius:1rem;flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.settings-section-icon .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700;font-size:1.9rem}.settings-section-icon-primary{color:#1967c3;background:#d7e2ff}.settings-section-icon-secondary{color:#6366f1;background:#f1f5f9}.settings-section-icon-tertiary{color:#f59e0b;background:#f1f5f9}.settings-section-icon-danger{color:#f43f5e;background:#f6f8fb}.settings-section-head-copy{gap:.25rem;display:grid}.settings-section-head h2{letter-spacing:-.03em;font-size:1.85rem;font-weight:950}.settings-section-head p{color:#424752;font-weight:700}.settings-summary-card,.settings-card{background:#fff;border:1px solid #131b2e14;border-radius:1.4rem;box-shadow:0 18px 38px #131b2e1a}.settings-page-shell .dashboard-info-card:before,.settings-page-shell .settings-card:before,.settings-page-shell .settings-summary-card:before{display:none!important}.settings-page-shell .dashboard-info-card,.settings-page-shell .settings-card,.settings-page-shell .settings-summary-card{background:linear-gradient(#fff,#f6f8fb)!important}.settings-summary-card{min-height:11.5rem;padding:1.25rem}.settings-summary-card:before{width:.4rem}.settings-summary-card:hover,.settings-card:hover{transform:translate(-2px,-2px);box-shadow:0 22px 42px #131b2e24}.settings-card{background:linear-gradient(#fff,#f6f8fb);padding:1.5rem}.settings-kpi-grid>div,.settings-summary-inline>div,.settings-plan-list>div,.settings-account-group,.settings-activity-row,.settings-data-table-wrap,.settings-mfa-setup img,.settings-recovery-list code{background:var(--settings-surface-3);border:1px solid #131b2e14;border-radius:1rem;box-shadow:0 14px 28px #131b2e14}.settings-account-group{padding:1.1rem}.settings-kpi-grid>div,.settings-summary-inline>div,.settings-plan-list>div{padding:1rem}.settings-page-shell .input,.settings-page-shell .select{border:3px solid var(--settings-ink);background:var(--settings-surface-3);box-shadow:4px 4px 0 0 var(--settings-ink);color:var(--settings-ink);border-radius:.9rem;font-weight:800}.settings-page-shell .input:focus,.settings-page-shell .select:focus{border-color:var(--settings-ink);box-shadow:4px 4px 0 0 var(--settings-ink)}.settings-page-shell .btn,.settings-modal-content .btn{border:3px solid var(--settings-ink);min-height:2.95rem;color:var(--settings-ink);box-shadow:4px 4px 0 0 var(--settings-ink);text-transform:uppercase;background:#fff;border-radius:.85rem;font-weight:900}.settings-page-shell .btn:hover:enabled,.settings-modal-content .btn:hover:enabled{background:var(--settings-primary);color:#fff;border-color:var(--settings-ink);box-shadow:6px 6px 0 0 var(--settings-ink);transform:translate(-2px,-2px)}.settings-page-shell .btn.settings-btn-emerald:hover:enabled,.settings-modal-content .btn.settings-btn-emerald:hover:enabled{color:#fff;background:#10b981}.settings-page-shell .btn.settings-btn-amber:hover:enabled,.settings-modal-content .btn.settings-btn-amber:hover:enabled{color:#fff;background:#f59e0b}.settings-page-shell .btn.btn-danger,.settings-modal-content .btn.btn-danger,.settings-page-shell .btn.settings-btn-rose,.settings-modal-content .btn.settings-btn-rose{color:#f43f5e}.settings-page-shell .btn.btn-danger:hover:enabled,.settings-modal-content .btn.btn-danger:hover:enabled,.settings-page-shell .btn.settings-btn-rose:hover:enabled,.settings-modal-content .btn.settings-btn-rose:hover:enabled{color:#fff;background:#f43f5e}.settings-data-table-wrap{background:#fff;overflow:auto}.settings-security-row strong{margin:0;font-size:1rem;font-weight:900}.settings-security-card{align-content:start}.settings-account-arcade-grid{grid-template-columns:minmax(0,1.35fr) minmax(21rem,.9fr);align-items:start;gap:1.5rem;display:grid}.settings-account-hero-card,.settings-account-side-card{border:2px solid #131b2e;box-shadow:6px 6px #1967c3}.settings-account-side-stack{gap:1rem;display:grid}.settings-account-card-head h3{color:#131b2e;align-items:center;gap:.6rem;margin:0;font-size:1.45rem;font-weight:900;display:inline-flex}.settings-account-card-head .material-symbols-outlined{color:#1967c3;font-variation-settings:"FILL" 1, "wght" 700}.settings-account-card-body{gap:1.5rem;display:grid}.settings-account-row-block{gap:.55rem;display:grid}.settings-account-row-label{color:#424752;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:900}.settings-account-email-row{background:#f6f8fb;border:2px solid #72778466;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.settings-account-email-row span{color:#131b2e;font-size:1rem;font-weight:700}.settings-account-inline-edit{color:#6366f1;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:.84rem;font-weight:900;transition:color .18s;display:inline-flex}.settings-account-inline-edit:hover{color:#6366f1}.settings-account-input-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.settings-account-char-counter{color:#727784;background:#f1f5f9;border:1px solid #c2c6d4cc;border-radius:.6rem;padding:.25rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:800}.settings-account-name-row{align-items:center;gap:.9rem;display:flex}.settings-account-name-input{flex:1;max-width:18rem;min-height:3rem;border-width:2px!important;box-shadow:inset 0 2px 4px #0000000d!important}.settings-account-name-row .btn{border-width:2px;min-width:7rem;box-shadow:4px 4px #1967c3}.settings-account-role-row{border-top:2px dashed #c2c6d4e6;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.settings-account-role-row span{color:#424752;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:900}.settings-account-role-stamp{color:#6366f1;background:#f1f5f9;border:2px solid #6366f1;border-radius:.75rem;padding:.45rem 1rem;font-size:1.2rem;font-weight:900;transform:rotate(-2deg);box-shadow:2px 2px #6366f1}.settings-account-status-row{background:#f6f8fb;border:2px solid #72778459;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem;display:grid}.settings-account-status-icon{color:#1967c3;background:#f1f5f9;border-radius:.8rem;place-items:center;width:2.7rem;height:2.7rem;display:grid}.settings-account-status-copy{gap:.2rem;display:grid}.settings-account-status-copy span,.settings-account-meta-grid span,.settings-account-pref-copy span{color:#424752;font-size:.78rem;font-weight:800}.settings-account-meta-grid strong,.settings-account-pref-copy strong{color:#131b2e;font-size:1rem;font-weight:900}.settings-account-status-badge{white-space:nowrap;border:2px solid #131b2ec7;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .9rem;font-size:.82rem;font-weight:800;line-height:1;display:inline-flex}.settings-account-status-badge.is-verified{color:#fff;background:#10b981;box-shadow:2px 2px #064e3b}.settings-account-status-badge.is-unverified{color:#fff;background:#f59e0b;box-shadow:2px 2px #92400e}.settings-account-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.settings-account-meta-grid>div{background:#fff;border:1px solid #131b2e14;border-radius:.95rem;padding:.9rem 1rem}.settings-account-side-card .btn{justify-content:center;gap:.55rem;width:100%}.pending-draft-destination-modal .modal-panel,.pending-draft-destination-modal .modal-content{overflow:visible}.pending-draft-destination-card{margin:0}.pending-draft-destination-option{text-align:left;cursor:pointer;width:100%;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.pending-draft-destination-option strong{color:#0f172a;font-size:1rem;font-weight:900}.pending-draft-destination-option:hover:not(:disabled){border-color:#1967c373;transform:translate(-2px,-2px);box-shadow:0 18px 34px #1967c329}.pending-draft-destination-option:disabled{cursor:wait;opacity:.72}.pending-draft-destination-stamp{justify-content:center;min-width:6.5rem;font-size:.92rem}.pending-draft-destination-actions{justify-content:flex-end}.settings-account-pref-row{border-top:1px solid #c2c6d4b3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.settings-account-side-card .settings-account-pref-row:first-of-type{border-top:0}.settings-account-pref-icon{border-radius:.9rem;place-items:center;width:3rem;height:3rem;display:grid}.settings-account-pref-icon-tertiary{color:#f59e0b;background:#f1f5f9}.settings-account-pref-icon-neutral{color:#475569;background:#f1f5f9;position:relative;overflow:hidden}.settings-account-pref-icon-neutral:after{content:"";opacity:.4;background:linear-gradient(#0000 50%,#0000000f 50%) 0 0/100% 4px;position:absolute;inset:0}.settings-account-pref-icon .material-symbols-outlined{z-index:1;position:relative}.settings-account-pref-copy{gap:.16rem;display:grid}.settings-account-pref-copy small{color:#6366f1;background:#6366f11a;border-radius:999px;width:fit-content;padding:.2rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.settings-account-pref-select{min-width:8rem;max-width:10rem;min-height:2.75rem;box-shadow:none!important;border-width:2px!important}.settings-overview-arcade{gap:1.5rem;display:grid}.settings-overview-hero{justify-content:space-between;align-items:end;gap:1rem;display:flex}.settings-overview-hero h2{color:#1967c3;letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3vw,2.6rem);font-weight:900}.settings-overview-hero p{color:#424752;margin:.3rem 0 0;font-size:1.02rem;font-weight:600}.settings-overview-grid,.settings-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.settings-overview-stats-two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-overview-card,.settings-da-card{border:2px solid #131b2eeb;box-shadow:6px 6px #1967c3}.settings-account-hero-card:hover,.settings-account-side-card:hover,.settings-overview-card:hover,.settings-da-card:hover{transform:translate(-2px,-2px);box-shadow:0 22px 42px #1967c333}.settings-overview-card{gap:.55rem;display:grid}.settings-overview-card strong{color:#131b2e;font-size:1.15rem;font-weight:900}.settings-overview-card p{color:#424752;margin:0;font-size:.92rem;line-height:1.6}.settings-overview-card-head,.settings-da-head h3{align-items:center;gap:.6rem;display:inline-flex}.settings-overview-card-head h3,.settings-da-head h3{color:#131b2e;margin:0;font-size:1.3rem;font-weight:900}.settings-overview-card-head .material-symbols-outlined,.settings-da-head .material-symbols-outlined{color:#475569;font-variation-settings:"FILL" 1, "wght" 700}.settings-da-grid-two{align-items:start}.settings-da-head{margin-bottom:.8rem}.settings-password-card{align-content:start;gap:1rem;display:grid}.settings-password-intro{margin:0}.settings-password-grid{gap:.95rem;display:grid}.settings-password-field{gap:.55rem}.settings-password-label{color:#424752;letter-spacing:.02em;align-items:center;gap:.45rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.settings-password-label .material-symbols-outlined{color:#1967c3;font-variation-settings:"FILL" 1, "wght" 700;font-size:1rem}.settings-compact-input{min-height:3rem}.settings-password-hint{margin-top:-.1rem}.settings-plan-arcade{gap:1.5rem;display:grid}.settings-plan-hero{justify-content:space-between;align-items:end;gap:1rem;display:flex}.settings-plan-hero h2{color:#1967c3;letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3vw,2.6rem);font-weight:900}.settings-plan-hero p{color:#475569;margin:.3rem 0 0;font-size:1.02rem;font-weight:600}.settings-plan-live-pill{background:#f1f5f9eb;border:1px solid #c2c6d459;border-radius:999px;align-items:center;gap:.7rem;padding:.8rem 1.2rem;display:inline-flex}.settings-plan-live-pill span{background:#10b981;border-radius:999px;width:.7rem;height:.7rem;animation:1.8s infinite settings-plan-pulse;box-shadow:0 0 #10b98173}.settings-plan-live-pill strong{color:#131b2e;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:900}.settings-plan-bento{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.settings-plan-left-column{grid-column:span 8;align-content:start;align-items:start;gap:1rem;min-width:0;display:grid}.settings-plan-card{align-self:start;position:relative;overflow:hidden;border:1px solid #c2c6d447!important;box-shadow:0 4px 20px #0f172a0d!important}.settings-plan-card-main{padding:1.25rem 1.3rem 1.35rem}.settings-plan-accent-line{background:linear-gradient(90deg,#1967c3,#6366f1);height:4px;position:absolute;inset:0 0 auto}.settings-plan-main-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.settings-plan-title-row{align-items:center;gap:.65rem;margin-bottom:.35rem;display:flex}.settings-plan-title-row h3,.settings-plan-hoppla-head h3,.settings-plan-features-head h3{color:#131b2e;margin:0;font-size:1.45rem;font-weight:900}.settings-plan-card-main p,.settings-plan-hoppla-copy{color:#424752;margin:0;font-size:.9rem;line-height:1.5}.settings-plan-tier-badge{color:#fff;letter-spacing:.14em;background:linear-gradient(90deg,#6366f1,#1967c3);border-radius:999px;justify-content:center;align-items:center;padding:.3rem .6rem;font-size:.62rem;font-weight:900;display:inline-flex}.settings-plan-billing{text-align:right;gap:.2rem;min-width:10rem;display:grid}.settings-plan-billing span,.settings-plan-stat-card p,.settings-plan-stat-head small{color:#727784;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800}.settings-plan-billing strong,.settings-plan-stat-card strong{color:#1967c3;font-size:1.02rem;font-weight:900}.settings-plan-billing small{color:#64748b;font-size:.76rem;font-weight:700}.settings-plan-billing button{color:#1967c3;cursor:pointer;background:0 0;border:0;justify-content:end;align-items:center;gap:.2rem;margin-top:.25rem;font-size:.8rem;font-weight:800;display:inline-flex}.settings-plan-card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-column:span 4;align-self:start;padding:1.5rem;background:#ffffffb8!important}.settings-plan-card-highlighted{animation:1.1s ease-in-out 3 settings-hoppla-highlight-danger;border-color:#dc2626c7!important;box-shadow:0 0 0 4px #dc26261f,0 24px 46px #dc26262e!important}.settings-plan-glow{filter:blur(28px);pointer-events:none;border-radius:999px;width:8rem;height:8rem;position:absolute}.settings-plan-glow-top{background:#6366f11f;top:-2.5rem;right:-2rem}.settings-plan-glow-bottom{background:#1967c31f;bottom:-2rem;left:-2rem}.settings-plan-hoppla-head{z-index:1;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex;position:relative}.settings-plan-hoppla-head>div{align-items:center;gap:.5rem;display:inline-flex}.settings-plan-hoppla-head .material-symbols-outlined{color:#6366f1;font-variation-settings:"FILL" 1}.settings-plan-hoppla-state{color:#131b2e;background:#e2e7ffe6;border:1px solid #c2c6d473;border-radius:.45rem;justify-content:center;align-items:center;padding:.25rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.settings-plan-hoppla-identity{z-index:1;background:#f1f5f9eb;border:1px solid #c2c6d473;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem;display:grid;position:relative}.settings-plan-hoppla-avatar{color:#fff;background:#1967c3;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;font-size:1rem;font-weight:900;display:grid}.settings-plan-hoppla-identity strong{color:#131b2e;font-size:.9rem;font-weight:800;display:block}.settings-plan-hoppla-identity small,.settings-plan-stat-card small,.settings-plan-feature-row small{color:#727784;font-size:.75rem;line-height:1.5}.settings-plan-hoppla-actions,.settings-plan-hoppla-form,.settings-plan-footer-actions{z-index:1;gap:.75rem;margin-top:1rem;display:grid;position:relative}.settings-plan-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.settings-plan-stat-card{background:#ffffffeb;border:1px solid #c2c6d44d;border-radius:1rem;padding:1rem 1rem 1.05rem;transition:transform .2s;box-shadow:0 4px 20px #0f172a0d}.settings-plan-stat-card:hover{transform:translateY(-3px)}.settings-plan-stat-head{justify-content:space-between;align-items:start;gap:.6rem;margin-bottom:.65rem;display:flex}.settings-plan-stat-head .material-symbols-outlined{color:#727784}.settings-plan-stat-card-primary .settings-plan-stat-head .material-symbols-outlined,.settings-plan-stat-card-primary strong{color:#1967c3}.settings-plan-mini-progress,.settings-plan-progress{background:#f1f5f9;border-radius:999px;width:100%;height:.4rem;margin-top:.75rem;overflow:hidden}.settings-plan-progress{height:.65rem}.settings-plan-mini-progress span,.settings-plan-progress span{border-radius:inherit;background:linear-gradient(90deg,#1967c3,#6366f1);height:100%;display:block}.settings-plan-features-card{grid-column:1/-1;padding:1.55rem 1.55rem 1.7rem}.settings-plan-features-head{border-bottom:1px solid #c2c6d459;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.settings-plan-features-title{align-items:center;gap:.75rem;min-width:0;display:flex}.settings-plan-feature-tabs{flex:none}.settings-plan-features-head .material-symbols-outlined{color:#1967c3;font-variation-settings:"FILL" 1;font-size:1.75rem}.settings-plan-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.25rem;display:grid}.settings-plan-feature-row{border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.9rem;transition:background .2s;display:grid}.settings-plan-feature-row:hover{background:#f1f5f9}.settings-plan-feature-row .material-symbols-outlined{color:#6366f1;font-variation-settings:"FILL" 1}.settings-plan-feature-row strong{color:#131b2e;margin-bottom:.12rem;font-size:.92rem;font-weight:800;display:block}@keyframes settings-plan-pulse{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 9px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes settings-hoppla-highlight{0%,to{transform:translateY(0);box-shadow:0 0 #1967c300,0 20px 36px #0f172a14}50%{transform:translateY(-2px);box-shadow:0 0 0 6px #1967c329,0 28px 54px #1967c333}}@keyframes settings-hoppla-highlight-danger{0%,to{transform:translateY(0);box-shadow:0 0 #dc262600,0 20px 36px #0f172a14}50%{transform:translateY(-2px);box-shadow:0 0 0 7px #dc262629,0 28px 54px #dc262633}}.early-access-landing{min-height:calc(100vh - 7.5rem);padding:.75rem 1rem 2.5rem}.early-access-landing-hero{text-align:center;align-content:center;justify-items:center;gap:1rem;width:min(100%,68rem);min-height:calc(100vh - 10rem);margin:0 auto;padding:1.2rem 1.25rem 1rem;display:grid}.early-access-landing-badge{color:#2563eb;letter-spacing:.11em;text-transform:uppercase;background:#dbeafee6;border:1px solid #93c5fdd1;border-radius:999px;align-items:center;min-height:2rem;padding:.34rem 1rem;font-size:.72rem;font-weight:900;display:inline-flex}.early-access-landing-hero h1{color:#111827;letter-spacing:-.06em;max-width:19.5ch;margin:0;font-size:clamp(2.45rem,4.6vw,4.3rem);font-weight:900;line-height:.97}.early-access-landing-hero>p{color:#4b5563;max-width:44rem;margin:0;font-size:1.05rem;line-height:1.68}.early-access-highlight{color:#1967c3;font-weight:900}.early-access-landing-countdown-shell{justify-items:center;gap:.55rem;margin-top:.1rem;display:grid}.early-access-landing-countdown-label{color:#4b5563;font-size:.84rem;font-weight:700}.early-access-landing .connected-early-access-countdown{gap:.35rem;display:grid}.early-access-landing .connected-early-access-countdown-label{display:none}.early-access-landing .connected-early-access-countdown-grid{gap:.6rem}.early-access-landing .connected-early-access-countdown-grid div{background:#ffffffbd;border:1px solid #d1d5dbcc;border-radius:1.05rem;min-width:4.5rem;padding:.85rem .7rem;box-shadow:0 12px 30px #0f172a0f}.early-access-features-card{text-align:left;width:min(100%,56rem)}.early-access-request-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff9e;border:1px solid #ffffff94;border-radius:2rem;width:min(100%,34rem);padding:.9rem;position:relative;box-shadow:0 14px 28px #0f172a0d}.early-access-request-stack{gap:.7rem;display:grid}.early-access-request-input.input{color:#374151;text-align:center;background:#f3f4f6f2;border:none;border-radius:999px;min-height:3.45rem;padding-inline:1.4rem;font-size:1rem;font-weight:600;box-shadow:inset 0 1px #ffffffb3}.early-access-request-input.input::placeholder{color:#9ca3af}.early-access-request-input.input:focus{background:#fffffffa;box-shadow:0 0 0 3px #1d4ed824}.early-access-request-actions{display:flex}.early-access-landing .auth-turnstile{justify-content:center;justify-items:center;width:100%;margin:0 auto;display:grid}.early-access-landing .auth-turnstile>*{margin-inline:auto}.early-access-request-button.btn{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#1967c3;border:1px solid #1967c3eb;border-radius:999px;width:100%;min-height:3.35rem;font-size:.82rem;font-weight:900;box-shadow:0 16px 36px #1967c338}.early-access-request-button.btn:hover:enabled{background:#1557a6;border-color:#1557a6f2;transform:translateY(-1px);box-shadow:0 18px 40px #1967c342}.early-access-landing .form-error,.early-access-landing .form-success,.early-access-landing .field-error-text,.early-access-landing .settings-muted-copy,.early-access-landing-footnote{text-align:center}.early-access-landing .settings-muted-copy,.early-access-landing-footnote{color:#6b7280;font-size:.84rem;font-weight:500}.early-access-landing-footnote{max-width:34rem;margin:0}@media (width<=900px){.early-access-landing-hero{width:min(100%,54rem);min-height:auto;padding-inline:1rem}.early-access-request-shell{width:min(100%,32rem)}}@media (width<=720px){.early-access-landing-hero{gap:.9rem;min-height:auto;padding-top:.6rem}.early-access-landing-hero h1{max-width:100%;font-size:clamp(2.15rem,8.6vw,3.2rem);line-height:1}.early-access-landing-hero>p{max-width:100%;font-size:.98rem;line-height:1.6}.early-access-request-shell{border-radius:1.5rem;width:100%}.early-access-landing .connected-early-access-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.early-access-landing .connected-early-access-countdown-grid div{min-width:0}}.settings-page-shell{--settings-hoppla-primary:#1557a6;--settings-hoppla-info:#0284c7;--settings-hoppla-soft:#eaf3ff;--settings-hoppla-bg:#f6f8fb;--settings-hoppla-white:#fff;--settings-hoppla-surface:#f1f5f9;--settings-hoppla-text:#0f172a;--settings-hoppla-text-secondary:#475569;--settings-hoppla-text-muted:#64748b;--settings-hoppla-border:#e2e8f0;--settings-hoppla-border-strong:#cbd5e1;--settings-hoppla-success:#16a34a;--settings-hoppla-warning:#f59e0b;--settings-hoppla-error:#dc2626}.settings-page-shell .settings-subnav-link,.settings-page-shell .settings-subnav-link-active,.settings-page-shell .settings-summary-card,.settings-page-shell .settings-card,.settings-page-shell .settings-overview-card,.settings-page-shell .settings-da-card,.settings-page-shell .settings-account-hero-card,.settings-page-shell .settings-account-side-card,.settings-page-shell .settings-plan-card,.settings-page-shell .settings-plan-card-glass,.settings-page-shell .settings-plan-stat-card,.settings-page-shell .settings-plan-features-card,.settings-page-shell .settings-kpi-grid>div,.settings-page-shell .settings-summary-inline>div,.settings-page-shell .settings-plan-list>div,.settings-page-shell .settings-account-group,.settings-page-shell .settings-activity-row,.settings-page-shell .settings-data-table-wrap,.settings-page-shell .settings-mfa-setup img,.settings-page-shell .settings-recovery-list code,.settings-page-shell .settings-account-email-row,.settings-page-shell .settings-account-status-row,.settings-page-shell .settings-account-meta-grid>div,.settings-page-shell .settings-plan-hoppla-identity,.settings-page-shell .settings-plan-hoppla-state,.settings-page-shell .settings-plan-live-pill,.settings-page-shell .settings-password-field .input,.settings-page-shell .settings-toggle-switch{border-color:var(--settings-hoppla-border)!important}.settings-page-shell .settings-summary-card,.settings-page-shell .settings-card,.settings-page-shell .settings-overview-card,.settings-page-shell .settings-da-card,.settings-page-shell .settings-account-hero-card,.settings-page-shell .settings-account-side-card,.settings-page-shell .settings-plan-card,.settings-page-shell .settings-plan-card-glass,.settings-page-shell .settings-plan-stat-card,.settings-page-shell .settings-plan-features-card,.settings-page-shell .settings-account-meta-grid>div,.settings-page-shell .settings-data-table-wrap,.settings-page-shell .settings-mfa-setup img,.settings-page-shell .settings-recovery-list code{background:linear-gradient(180deg, var(--settings-hoppla-white), var(--settings-hoppla-bg))!important;box-shadow:0 18px 38px #0f172a14!important}.settings-page-shell .settings-overview-card,.settings-page-shell .settings-da-card,.settings-page-shell .settings-account-hero-card,.settings-page-shell .settings-account-side-card{box-shadow:6px 6px #1967c3!important}.settings-page-shell .settings-account-hero-card:hover,.settings-page-shell .settings-account-side-card:hover,.settings-page-shell .settings-overview-card:hover,.settings-page-shell .settings-da-card:hover{box-shadow:0 22px 42px #1967c333!important}.settings-page-shell .settings-overview-hero h2,.settings-page-shell .settings-plan-hero h2,.settings-page-shell .settings-section-head h2,.settings-page-shell .settings-overview-card strong,.settings-page-shell .settings-account-card-head h3,.settings-page-shell .settings-overview-card-head h3,.settings-page-shell .settings-da-head h3,.settings-page-shell .settings-plan-title-row h3,.settings-page-shell .settings-plan-hoppla-head h3,.settings-page-shell .settings-plan-features-head h3,.settings-page-shell .settings-account-meta-grid strong,.settings-page-shell .settings-account-pref-copy strong,.settings-page-shell .settings-plan-hoppla-identity strong,.settings-page-shell .settings-plan-feature-row strong,.settings-page-shell .settings-plan-billing strong,.settings-page-shell .settings-plan-stat-card strong{color:var(--settings-hoppla-text)!important}.settings-page-shell .settings-overview-hero p,.settings-page-shell .settings-plan-hero p,.settings-page-shell .settings-section-head p,.settings-page-shell .settings-overview-card p,.settings-page-shell .settings-card p,.settings-page-shell .settings-account-row-label,.settings-page-shell .settings-account-role-row span,.settings-page-shell .settings-account-status-copy span,.settings-page-shell .settings-account-pref-copy span,.settings-page-shell .settings-password-label,.settings-page-shell .settings-security-row small{color:var(--settings-hoppla-text-secondary)!important}.settings-page-shell .settings-muted-copy,.settings-page-shell .settings-account-char-counter,.settings-page-shell .settings-plan-billing span,.settings-page-shell .settings-plan-stat-card p,.settings-page-shell .settings-plan-stat-head small,.settings-page-shell .settings-plan-hoppla-identity small,.settings-page-shell .settings-plan-stat-card small,.settings-page-shell .settings-plan-feature-row small{color:var(--settings-hoppla-text-muted)!important}.settings-page-shell .settings-account-card-head .material-symbols-outlined,.settings-page-shell .settings-overview-card-head .material-symbols-outlined,.settings-page-shell .settings-da-head .material-symbols-outlined,.settings-page-shell .settings-password-label .material-symbols-outlined,.settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,.settings-page-shell .settings-plan-features-head .material-symbols-outlined{color:var(--settings-hoppla-primary)!important}.settings-page-shell .settings-account-email-row,.settings-page-shell .settings-account-status-row,.settings-page-shell .settings-plan-live-pill,.settings-page-shell .settings-plan-hoppla-identity,.settings-page-shell .settings-account-pref-icon-tertiary,.settings-page-shell .settings-account-status-icon,.settings-page-shell .settings-toggle-switch,.settings-page-shell .settings-plan-mini-progress,.settings-page-shell .settings-plan-progress{background:var(--settings-hoppla-soft)!important}.settings-page-shell .settings-account-pref-icon-neutral,.settings-page-shell .settings-plan-hoppla-state,.settings-page-shell .settings-plan-feature-row:hover{background:var(--settings-hoppla-surface)!important}.settings-page-shell .settings-account-inline-edit,.settings-page-shell .settings-plan-billing button{color:var(--settings-hoppla-primary)!important}.settings-page-shell .settings-account-inline-edit:hover{color:var(--settings-hoppla-info)!important}.settings-page-shell .settings-plan-hoppla-helper{margin:0;font-size:.92rem;line-height:1.5;color:var(--settings-hoppla-text-secondary)!important}.settings-page-shell .settings-account-role-stamp{border-color:var(--settings-hoppla-border-strong)!important;background:var(--settings-hoppla-soft)!important;color:var(--settings-hoppla-primary)!important;box-shadow:2px 2px 0 var(--settings-hoppla-border)!important}.settings-page-shell .material-symbols-outlined.settings-icon-emerald{color:#10b981!important}.settings-page-shell .material-symbols-outlined.settings-icon-indigo{color:#6366f1!important}.settings-page-shell .material-symbols-outlined.settings-icon-amber{color:#f59e0b!important}.settings-page-shell .material-symbols-outlined.settings-icon-rose{color:#f43f5e!important}.settings-page-shell .settings-account-status-badge.is-verified{background:var(--settings-hoppla-success)!important;box-shadow:2px 2px 0 var(--settings-hoppla-border)!important}.settings-page-shell .settings-account-status-badge.is-unverified{background:var(--settings-hoppla-warning)!important;box-shadow:2px 2px 0 var(--settings-hoppla-border)!important}.settings-page-shell .settings-plan-tier-badge,.settings-page-shell .settings-plan-accent-line,.settings-page-shell .settings-plan-mini-progress span,.settings-page-shell .settings-plan-progress span{background:linear-gradient(90deg, var(--settings-hoppla-info), var(--settings-hoppla-primary))!important}.settings-page-shell .settings-plan-hoppla-avatar,.settings-page-shell .settings-toggle-switch-active{background:var(--settings-hoppla-primary)!important;color:var(--settings-hoppla-white)!important}.settings-page-shell .settings-plan-stat-card-primary .material-symbols-outlined,.settings-page-shell .settings-plan-stat-card-primary strong{color:var(--settings-hoppla-primary)!important}.settings-page-shell .settings-toggle-switch span{background:var(--settings-hoppla-primary)!important;border-color:var(--settings-hoppla-border-strong)!important}.settings-page-shell .settings-toggle-switch-active span{background:var(--settings-hoppla-white)!important}.settings-page-shell .settings-security-stack,.settings-page-shell .settings-security-row,.settings-page-shell .settings-account-role-row,.settings-page-shell .settings-account-pref-row,.settings-page-shell .settings-plan-features-head{border-color:var(--settings-hoppla-border)!important}.settings-page-shell .btn.settings-btn-emerald,.settings-modal-content .btn.settings-btn-emerald{color:var(--settings-hoppla-success)!important}.settings-page-shell .btn.settings-btn-emerald:hover:enabled,.settings-modal-content .btn.settings-btn-emerald:hover:enabled{background:var(--settings-hoppla-success)!important;border-color:var(--settings-hoppla-success)!important;color:#fff!important}.settings-page-shell .btn.settings-btn-amber,.settings-modal-content .btn.settings-btn-amber{color:var(--settings-hoppla-warning)!important}.settings-page-shell .btn.settings-btn-amber:hover:enabled,.settings-modal-content .btn.settings-btn-amber:hover:enabled{background:var(--settings-hoppla-warning)!important;border-color:var(--settings-hoppla-warning)!important;color:#fff!important}.settings-page-shell .btn.settings-btn-rose,.settings-modal-content .btn.settings-btn-rose,.settings-page-shell .btn.btn-danger,.settings-modal-content .btn.btn-danger{color:var(--settings-hoppla-error)!important}.settings-page-shell .btn.settings-btn-rose:hover:enabled,.settings-modal-content .btn.settings-btn-rose:hover:enabled,.settings-page-shell .btn.btn-danger:hover:enabled,.settings-modal-content .btn.btn-danger:hover:enabled{background:var(--settings-hoppla-error)!important;border-color:var(--settings-hoppla-error)!important;color:#fff!important}.settings-page-shell .btn:hover:enabled,.settings-modal-content .btn:hover:enabled{color:#fff!important}@media (width<=980px){.settings-account-arcade-grid{grid-template-columns:1fr}.settings-overview-hero{flex-direction:column;align-items:stretch}.settings-overview-grid,.settings-overview-stats,.settings-overview-stats-two{grid-template-columns:1fr}.settings-account-email-row,.settings-account-name-row,.settings-account-role-row,.settings-account-pref-row,.settings-account-status-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-account-meta-grid{grid-template-columns:1fr}.settings-account-name-input,.settings-account-pref-select{width:100%;max-width:none}.settings-plan-hero,.settings-plan-main-head{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-plan-left-column,.settings-plan-card-main,.settings-plan-card-glass,.settings-plan-stats-grid,.settings-plan-features-card{grid-column:1/-1}.settings-plan-stats-grid,.settings-plan-features-grid{grid-template-columns:1fr}.settings-plan-billing{text-align:left}}.settings-security-stack{border-top:2px solid #f1f5f9;gap:0;display:grid}.settings-security-row{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.settings-security-row small{color:#475569;margin-top:.2rem;font-size:.8rem;font-weight:700;line-height:1.5;display:block}.settings-toggle-switch{cursor:pointer;background:#f1f5f9;border:2px solid #131b2e;border-radius:999px;flex:none;width:3.5rem;height:2rem;position:relative}.settings-toggle-switch span{background:#1967c3;border:2px solid #131b2e;border-radius:999px;width:1.4rem;height:1.4rem;transition:transform .16s;position:absolute;top:.15rem;left:.18rem}.settings-toggle-switch-active{background:#1967c3}.settings-toggle-switch-active span{background:#fff;transform:translate(1.38rem)}.settings-security-inline{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding-top:1.1rem;display:grid}.settings-data-table thead th{background:var(--settings-surface-2);color:#424752;font-weight:900}.settings-data-table th,.settings-data-table td{border-bottom:2px dashed #131b2e59}.settings-data-table tbody tr:hover{background:#eaedff}.settings-session-badge{border:2px solid var(--settings-ink);color:#004591;background:#d7e2ff;font-weight:900}.settings-danger-card{background:radial-gradient(circle at 100% 0,#ba1a1a14,#0000 30%),linear-gradient(#fff,#fff4f2)}.settings-confirm-modal,.settings-modal-content{padding-top:.2rem}@media (width<=980px){.settings-hero{flex-direction:column;align-items:stretch}.settings-hero-identity{justify-content:space-between}.settings-section-head-brutal{align-items:start}.settings-security-row,.settings-security-inline{flex-direction:column;grid-template-columns:1fr;align-items:stretch}}@media (width<=1180px){.settings-summary-grid,.settings-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.folders-quest-page,.folders-vault-page{padding:1rem 1rem 6rem}.folders-quest-topbar{flex-direction:column;align-items:stretch;margin:-1rem -1rem 1.5rem;padding:1rem;position:static}.folders-quest-search{width:100%}.folders-quest-grid,.folders-vault-stats,.folders-vault-content,.folders-vault-qr-grid,.folders-vault-link-grid{grid-template-columns:1fr}.folders-vault-header{flex-direction:column;align-items:flex-start}.folders-vault-actions{grid-template-columns:1fr;width:100%;display:grid}.folders-vault-section-head{flex-direction:column;align-items:flex-start}.folders-vault-section-actions{width:100%}.folders-vault-asset-row{grid-template-columns:1fr}.folders-vault-asset-actions{opacity:1}.folders-vault-panel-qrs{order:1}.folders-vault-panel-assets{order:2}.folders-vault-panel-preview{order:3}.folders-quest-card,.folders-quest-add-card{min-height:12.75rem;padding:1rem}.folders-quest-card h2,.folders-quest-add-card h2{font-size:clamp(1.3rem,6vw,1.75rem)}.folders-quest-card p{font-size:.9rem}.folders-vault-stat{padding:1rem}.folders-vault-stat strong{font-size:1.55rem}.folders-vault-content{gap:1.25rem}.folders-vault-qr-card{grid-template-columns:4.75rem minmax(0,1fr);padding:.9rem}.folders-vault-qr-art{width:4.75rem;height:4.75rem}.folders-vault-qr-art .qr-row-icon{width:4rem!important;height:4rem!important}.folders-vault-row-meta{flex-direction:column;align-items:flex-start}.folders-vault-links-head{flex-direction:column;align-items:stretch}.folders-vault-link-card{grid-template-columns:3rem minmax(0,1fr);padding:.9rem}.folders-vault-link-icon{width:3rem;height:3rem}.folders-vault-asset-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.folders-vault-asset-actions button,.folders-brutal-button,.folders-vault-upload{min-height:2.75rem}.folders-import-item{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.folders-import-item-copy{justify-items:center}.folders-layout,.folders-management-grid{grid-template-columns:1fr}.settings-page-shell{gap:1rem}.settings-subnav{scrollbar-width:thin;flex-wrap:nowrap;gap:.95rem;padding-bottom:.4rem;overflow-x:auto}.settings-grid-two,.settings-summary-grid,.settings-kpi-grid,.settings-field-grid,.settings-summary-inline,.settings-plan-list,.settings-recovery-list,.settings-inline-form,.settings-inline-form-team{grid-template-columns:1fr}.settings-confirm-actions-inline{justify-content:stretch;width:100%}.settings-confirm-actions-inline .btn{width:100%}}.billing-page-shell,.settings-page-shell,.billing-overview-card{min-width:0}.billing-overview-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem;display:grid}.billing-overview-head h3,.billing-overview-head p{margin:0}.billing-overview-head>div:first-child{gap:.35rem;min-width:0;display:grid}.billing-overview-kicker{color:var(--hoppla-text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900}.billing-overview-metrics{grid-template-columns:repeat(3,minmax(7.5rem,1fr));gap:.65rem;display:grid}.billing-overview-metrics>div{background:#ffffffd1;border:1px solid #1967c31f;border-radius:1rem;gap:.2rem;padding:.85rem;display:grid}.billing-overview-metrics span{color:var(--hoppla-text-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:850}.billing-summary-grid,.billing-limits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.billing-limits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-summary-card,.billing-limit-card{background:#ffffffdb;border:1px solid #1967c31f;border-radius:1rem;gap:.35rem;min-width:0;padding:1rem;display:grid;box-shadow:0 14px 30px #0f172a0d}.billing-summary-eyebrow,.billing-limit-card span{color:var(--hoppla-text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.billing-summary-value,.billing-limit-card strong{color:var(--hoppla-text);font-size:1.15rem;line-height:1.1}.billing-summary-copy,.billing-limit-card small{color:var(--hoppla-text-soft);margin:0;line-height:1.45}@media (width<=1023px){.settings-page-shell,.billing-page-shell{gap:.9rem}.settings-hero,.settings-overview-hero,.settings-plan-hero,.billing-overview-head{flex-direction:column;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.9rem}.settings-hero-copy p,.settings-overview-hero p,.settings-plan-hero p,.settings-section-head p,.billing-overview-head p,.plans-blockHead p{max-width:100%}.settings-subnav{top:max(.5rem, env(safe-area-inset-top));z-index:15;scrollbar-width:none;-webkit-backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #1967c31f;border-radius:999px;flex-wrap:nowrap;gap:.45rem;padding:.45rem;display:flex;position:sticky;overflow-x:auto;box-shadow:0 16px 34px #0f172a1a}.settings-subnav::-webkit-scrollbar{display:none}.settings-subnav-link{background:#f1f5f9c7;border-radius:999px;flex:none;min-height:2.45rem;padding:0 .95rem;font-size:.76rem}.settings-subnav-link-active{color:#fff;background:#1967c3}.settings-subnav-link-active:after{content:none}.settings-card,.settings-overview-card,.settings-da-card,.settings-account-hero-card,.settings-account-side-card,.settings-plan-card,.billing-overview-card,.billing-plans-panel{border-radius:1.2rem}.settings-grid-two,.settings-da-grid-two,.settings-summary-grid,.settings-kpi-grid,.settings-field-grid,.settings-summary-inline,.settings-plan-list,.settings-plan-stats-grid,.settings-plan-features-grid{grid-template-columns:1fr}.settings-actions-row,.settings-plan-hoppla-actions,.settings-plan-footer-actions,.billing-country-modal-actions,.payment-confirmation-actions{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.settings-actions-row .btn,.settings-plan-hoppla-actions .btn,.settings-plan-footer-actions .btn,.billing-country-modal-actions .btn,.payment-confirmation-actions .btn{width:100%}.settings-btn-rose,.btn-danger{margin-top:.25rem}.settings-security-row,.settings-security-inline,.settings-account-email-row,.settings-account-name-row,.settings-account-role-row,.settings-account-pref-row,.settings-account-status-row,.settings-invoices-head{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-mfa-setup{gap:.9rem;display:grid}.settings-page-shell .settings-mfa-setup img{justify-self:center;width:min(100%,14rem);height:auto}.settings-data-table-wrap:has(.settings-mobile-card-table){background:0 0;border:0;overflow:visible}.settings-mobile-card-table{border-collapse:separate;border-spacing:0 .8rem;min-width:0}.settings-mobile-card-table thead{display:none}.settings-mobile-card-table,.settings-mobile-card-table tbody,.settings-mobile-card-table tr,.settings-mobile-card-table td{width:100%;display:block}.settings-mobile-card-table tr{background:#ffffffeb;border:1px solid #1967c31f;border-radius:1rem;padding:.9rem;box-shadow:0 14px 30px #0f172a0f}.settings-mobile-card-table td{overflow-wrap:anywhere;border-bottom:1px dashed #94a3b852;grid-template-columns:minmax(7.5rem,.42fr) minmax(0,1fr);align-items:start;gap:.75rem;padding:.5rem 0;display:grid}.settings-mobile-card-table td:last-child{border-bottom:0;padding-bottom:0}.settings-mobile-card-table td:before{content:attr(data-label);color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:900}.settings-mobile-card-table .settings-table-actions{grid-template-columns:minmax(0,1fr);display:grid}.settings-mobile-card-table .settings-table-actions .btn{width:100%}.billing-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-summary-grid,.billing-limits-grid,.pricing-plans-gridMain{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-plans-cardList{max-height:none}:is(.modal-panel:has(.settings-modal-content),.modal-panel:has(.qr-action-modal),.modal-panel:has(.payment-confirmation-modal)){border-radius:1.2rem;width:min(100% - 1.25rem,42rem);max-height:min(92dvh,48rem);overflow-y:auto}}@media (width<=767px){.settings-hero-copy h1,.settings-overview-hero h2,.settings-plan-hero h2,.settings-section-head h2{font-size:clamp(1.45rem,8vw,2rem);line-height:1.04}.settings-hero-copy p,.settings-overview-hero p,.settings-plan-hero p,.settings-section-head p,.settings-card p:not(.settings-confirm-copy),.billing-overview-head p,.pricing-plans-cardNote{font-size:.88rem;line-height:1.45}.settings-page-shell .settings-overview-hero p,.settings-page-shell .settings-plan-hero p{display:none}.settings-card,.settings-overview-card,.settings-da-card,.settings-account-hero-card,.settings-account-side-card,.settings-plan-card{gap:.8rem;padding:.95rem}.settings-da-head h3,.settings-overview-card-head h3,.settings-account-card-head h3{font-size:.98rem;line-height:1.2}.settings-plan-live-pill,.settings-invoices-count{justify-content:center;width:100%}.settings-mobile-card-table td{grid-template-columns:minmax(0,1fr);gap:.25rem}.settings-mobile-card-table td:before{font-size:.68rem}.settings-device-cell{gap:.25rem}.settings-data-table-wrap:not(:has(.settings-mobile-card-table)){overflow-x:auto}.billing-page-shell>.page-header,.billing-page-shell .page-header{gap:.55rem}.billing-overview-card,.billing-plans-panel{padding:.95rem}.billing-overview-metrics,.billing-summary-grid,.billing-limits-grid{grid-template-columns:1fr}.pricing-plans-gridMain{grid-template-columns:minmax(0,1fr)}.pricing-plans-cardTopInner{min-height:auto;padding:1rem .85rem}.pricing-plans-cardBody{padding:.85rem}.pricing-plans-cardList{gap:.55rem}.pricing-plans-cardListItem{grid-template-columns:1.25rem minmax(0,1fr) 1.4rem;column-gap:.55rem;font-size:.86rem}.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn{border-radius:.9rem;min-height:3rem;font-size:.76rem}.qr-action-modal,.payment-confirmation-modal{padding-inline:0}.qr-download-settings-head{text-align:center;grid-template-columns:1fr}.qr-download-settings-head .settings-section-icon{justify-self:center}}.qr-hoppla-inline-field-stack{gap:.6rem;display:grid}.qr-hoppla-inline-field-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-hoppla-inline-field-head>div{gap:.1rem;display:grid}.qr-hoppla-inline-field-head span{color:var(--hoppla-text-soft);font-size:.78rem;font-weight:700}.qr-hoppla-inline-field-head strong{color:var(--hoppla-text);font-size:.92rem;font-weight:800}.qr-hoppla-logo-source-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.qr-hoppla-logo-source-button{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-weight:700;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex}.qr-hoppla-logo-source-button.is-active{color:#1967c3;background:#eaf3ff;border-color:#1967c3;box-shadow:0 0 0 4px #1967c31f}.qr-hoppla-logo-folder-browser,.qr-hoppla-logo-import-stack{gap:.875rem;margin-top:1rem;display:grid}.qr-hoppla-logo-asset-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.qr-hoppla-logo-asset-card{text-align:left;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;gap:.4rem;padding:.9rem;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;display:grid}.qr-hoppla-logo-asset-card:hover,.qr-hoppla-logo-asset-card.is-active{background:#eaf3ff;border-color:#1967c3;transform:translateY(-1px);box-shadow:0 10px 24px #1967c31f}.qr-hoppla-logo-asset-card strong{font-size:.95rem;line-height:1.25rem}.qr-hoppla-logo-asset-card small{color:#64748b}.qr-hoppla-logo-asset-icon{color:#1967c3;background:#eaf3ff;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.qr-hoppla-logo-empty,.qr-hoppla-logo-note,.qr-hoppla-checkbox-line{color:#475569;background:#f6f8fb;border:1px solid #e2e8f0;border-radius:.875rem;padding:.9rem 1rem}.qr-hoppla-logo-empty strong{color:#0f172a;margin-bottom:.25rem;display:block}.qr-hoppla-checkbox-line{align-items:center;gap:.625rem;display:flex}.qr-hoppla-checkbox-line input{width:1rem;height:1rem}@media (width<=720px){.qr-hoppla-logo-source-switch{grid-template-columns:1fr}}.modal-body{gap:.9rem;min-width:0;display:grid}.topbar-shell{z-index:5;-webkit-backdrop-filter:blur(14px);background:linear-gradient(#fffffff5,#f6faffeb),radial-gradient(circle at 100% 0,#1967c314,#0000 36%);border:1px solid #1967c31a;border-radius:1.35rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:grid;position:relative;box-shadow:0 16px 34px #0f172a14}.topbar-search{min-width:0;position:relative}.topbar-search-icon{color:#64748b;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.topbar-search-input{color:#0f172a;background:#ffffffeb;border:1px solid #1967c31f;border-radius:999px;width:100%;min-height:3rem;padding:.75rem 1rem .75rem 2.7rem;box-shadow:inset 0 1px #ffffffb3}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;display:flex}.topbar-icon-button,.topbar-profile{color:#0f172a;background:#ffffffeb;border:1px solid #1967c31f;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:2.85rem;display:inline-flex;box-shadow:0 10px 24px #0f172a0f}.topbar-icon-button{width:2.85rem;min-width:2.85rem;padding:0}.topbar-profile{cursor:pointer;padding:.3rem .9rem .3rem .35rem}.topbar-avatar{color:#1967c3;background:#1967c31f;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;font-size:.84rem;font-weight:900;display:inline-flex}.topbar-avatar-personal{color:#b45309;background:#f59e0b24}.topbar-avatar-organization{color:#4338ca;background:#6366f124}.topbar-profile-label{color:#0f172a;font-size:.82rem;font-weight:800;line-height:1.2}.topbar-divider{background:#94a3b880;width:1px;height:1.8rem}.field-grid,.field-row,label,.auth-field,.settings-field{min-width:0}label span,.auth-field label{line-height:1.35}.field-help,.field-error-text,.auth-field small{line-height:1.45}@media (width<=1023px){.topbar-shell{grid-template-columns:1fr;align-items:stretch;padding:.9rem}.topbar-actions{justify-content:flex-start}.topbar-account-menu,.topbar-onboarding-bubble,.language-picker-menu{width:min(100%,22rem);max-width:calc(100vw - 2rem)}}@media (width<=767px){.modal-backdrop{background:linear-gradient(#0f172a1f,#0f172a75),#0f172a47;place-items:end center;padding:0}.modal-panel{width:100%;max-width:100%;max-height:92dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:1.3rem 1.3rem 0 0;margin:0;overflow-y:auto;box-shadow:0 -14px 40px #0f172a33}.modal-head{z-index:2;background:linear-gradient(#fffffffa,#ffffffe6);padding:.1rem 0 .8rem;position:sticky;top:-1rem}.modal-head h3{font-size:1rem;line-height:1.2}.modal-floating-close{top:max(.75rem, env(safe-area-inset-top));right:.85rem}.modal-body>.row.gap-sm.top-space{bottom:calc(-1rem - env(safe-area-inset-bottom));z-index:2;margin:0 -1rem calc(-1rem - env(safe-area-inset-bottom));padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);background:linear-gradient(#ffffffb8,#fffffffa);position:sticky}.modal-body>.row.gap-sm.top-space .btn{width:100%}.field-row,.field-grid,.settings-field-grid{grid-template-columns:1fr}.row{align-items:stretch}.row .btn{width:100%}.btn,.input,.select,.auth-input.input,.topbar-search-input{min-height:3rem}.sidebar-mobile-trigger{top:max(.8rem, env(safe-area-inset-top));left:max(.8rem, env(safe-area-inset-left));z-index:110}.sidebar-mobile-backdrop{z-index:104}.sidebar{height:100dvh;padding:max(.9rem, env(safe-area-inset-top)) .9rem calc(.9rem + env(safe-area-inset-bottom));overscroll-behavior:contain;z-index:105;top:0;bottom:0;overflow-y:auto}.sidebar-header-row{z-index:2;background:linear-gradient(#fffffffa,#ffffffe0);padding-bottom:.45rem;position:sticky;top:0}.sidebar-collapse-button{display:none}.nav-link,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-logout,.app-sidebar-utility-link{min-height:2.95rem}.topbar-shell{border-radius:1.1rem;padding:.8rem}.topbar-search{order:2}.topbar-actions{order:1;justify-content:space-between;gap:.5rem}.topbar-divider{display:none}.topbar-profile{justify-content:flex-start;width:100%}.topbar-account{width:100%}.topbar-account-menu,.topbar-onboarding-bubble{width:100%;max-width:none;left:0;right:auto}.language-picker{min-width:0}.language-picker-button{justify-content:space-between;width:100%}.language-picker-menu{width:min(100%,18rem);left:0;right:auto}.auth-modal-shell{padding:.85rem}.auth-modal-frame{border-radius:1.2rem;width:100%;height:calc(100dvh - 1.7rem);max-height:calc(100dvh - 1.7rem)}.auth-modal-close{top:.8rem;right:.8rem}.auth-screen-panel{-webkit-overflow-scrolling:touch;height:100%;min-height:0;max-height:100%;overflow-y:auto}}.public-header-hoppla{transition:transform .22s,opacity .18s;transform:translateY(0);padding-top:max(14px, env(safe-area-inset-top))!important;padding-inline:clamp(16px,2.5vw,36px)!important}.public-header-hoppla.public-header-hidden{transform:translateY(calc(-100% - 18px))}.public-header-hoppla.public-header-menu-open{transform:translateY(0)}.public-header-hoppla .public-header-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:18px;width:min(1320px,100%)!important;min-height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;align-items:start!important;padding:0!important;display:grid!important}.public-header-hoppla .brand-public{align-self:start;padding-top:9px}.public-header-hoppla .brand-logo{object-fit:contain;max-width:min(230px,28vw)!important;height:36px!important}.public-header-hoppla .public-nav{grid-template-rows:auto auto;gap:10px;width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:grid!important;position:static!important}.public-header-hoppla .public-nav-links{border-bottom:1px solid var(--hoppla-rail-line);justify-content:center;gap:clamp(.7rem,2vw,1.55rem);width:100%;min-height:42px;padding:10px 0 11px}.public-header-hoppla .public-nav-links a,.public-header-hoppla .public-login-link{font-family:var(--hoppla-font-sans);letter-spacing:.12em!important;font-size:11px!important;font-weight:950!important}.public-header-hoppla .public-header-actions{justify-content:center;gap:10px}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{min-width:132px;font-family:var(--hoppla-font-sans);text-transform:uppercase;letter-spacing:.12em!important;border-radius:999px!important;min-height:40px!important;font-size:11px!important;font-weight:950!important}.public-header-hoppla .public-theme-pill-label{display:inline-flex}.public-header-hoppla .language-picker-code{min-width:auto;height:auto;color:inherit;border:0}.public-header-hoppla .nav-cta{color:#fff!important;background:#1967c3!important}.public-header-hoppla .public-early-access-header-button{grid-template-columns:1.1rem auto 1.1rem;color:#f59e0b!important;display:inline-grid!important}@media (width<=980px){.public-header-hoppla{padding-top:max(10px, env(safe-area-inset-top))!important;padding-inline:var(--page-gutter,16px)!important}.public-header-hoppla .public-header-bar{justify-content:space-between;align-items:center!important;min-height:58px!important;display:flex!important}.public-header-hoppla .brand-public{padding-top:0}.public-header-hoppla .brand-logo{max-width:min(210px,100vw - 104px)!important;height:34px!important}.public-header-hoppla .public-nav-toggle{z-index:140;border-radius:12px;justify-content:center;align-items:center;width:48px;height:40px;position:relative;display:inline-flex!important}.public-header-hoppla .public-nav{z-index:120;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:transform .22s,opacity .18s,visibility .18s;overflow-y:auto;transform:translate(100%);width:100%!important;max-width:none!important;padding:max(20px, env(safe-area-inset-top)) 20px 24px!important;background:#fffffffa!important;border-radius:0!important;display:flex!important;position:fixed!important;inset:0!important}.public-header-hoppla .public-nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}:root[data-theme=dark] .public-header-hoppla .public-nav,:root.dark .public-header-hoppla .public-nav,html.dark .public-header-hoppla .public-nav{background:#020617fa!important}.public-header-hoppla .public-nav-links{border-top:1px solid #e2e8f0eb;border-bottom:0;flex-direction:column;align-items:stretch;gap:0;margin-top:58px;padding:0}.public-header-hoppla .public-nav-links a{text-transform:none;border-bottom:1px solid #e2e8f0eb;justify-content:space-between;min-height:54px;letter-spacing:0!important;font-size:1rem!important}.public-header-hoppla .public-header-actions{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:grid}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{width:100%;min-width:0;min-height:46px!important}.public-header-hoppla .nav-cta{order:1}.public-header-hoppla .public-login-link{order:2}.public-header-hoppla .public-early-access-header-button{order:3}.public-header-hoppla .theme-toggle-button{order:4}.public-header-hoppla .language-picker{order:5;width:100%}}.public-header-hoppla{z-index:80;pointer-events:none;width:100%;top:0;left:0;right:0;padding:max(10px, env(safe-area-inset-top)) clamp(18px, 3vw, 44px) 0!important;position:fixed!important}.public-header-hoppla .public-header-bar{pointer-events:auto;flex-direction:column;gap:0;transition:background .18s,box-shadow .18s,border-color .18s,padding .18s;width:min(1320px,100%)!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;align-items:stretch!important;margin:0 auto!important;padding:0!important;display:flex!important}.public-header-hoppla.public-header-scrolled .public-header-bar,.public-header-hoppla.public-header-menu-open .public-header-bar{-webkit-backdrop-filter:blur(18px)saturate(140%)!important;background:#020617b8!important;border:1px solid #e2e8f029!important;border-radius:22px!important;padding:0 18px 12px!important;box-shadow:0 18px 45px #0206172e!important}:root[data-theme=light] .public-header-hoppla.public-header-scrolled .public-header-bar,:root[data-theme=light] .public-header-hoppla.public-header-menu-open .public-header-bar,:root:not([data-theme=dark]) .public-header-hoppla.public-header-scrolled .public-header-bar,:root:not([data-theme=dark]) .public-header-hoppla.public-header-menu-open .public-header-bar{background:#ffffffdb!important;border-color:#0f172a1a!important;box-shadow:0 18px 45px #0f172a1a!important}.public-header-hoppla .public-header-top-row{justify-content:space-between;align-items:center;gap:18px;min-height:58px;display:flex}.public-header-hoppla .brand-public{flex:none;align-items:center;min-width:0;display:inline-flex;padding:0!important}.public-header-hoppla .brand-logo{object-fit:contain;width:auto;display:block;max-width:min(310px,34vw)!important;height:50px!important}.public-header-hoppla .public-header-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;margin:0!important;padding:0!important}.public-header-hoppla .public-header-actions-mobile{display:none}.public-header-hoppla .public-nav{z-index:auto;width:100%!important;max-width:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;transform:none!important}.public-header-hoppla .public-nav-links{border-top:0;border-bottom:1px solid #94a3b842;justify-content:space-between;align-items:center;gap:clamp(1rem,3.5vw,4.5rem);width:100%;min-height:44px;padding:12px 0 14px;display:flex}:root[data-theme=light] .public-header-hoppla .public-nav-links,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links{border-bottom-color:#0f172a24}.public-header-hoppla .public-nav-links a{color:#e2e8f0c7;min-height:26px;font-family:var(--hoppla-font-sans);text-transform:uppercase;border-radius:0;flex:0 auto;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .18s,opacity .18s;display:inline-flex;letter-spacing:.14em!important;background:0 0!important;border:0!important;font-size:12px!important;font-weight:950!important}.public-header-hoppla .public-nav-links a:hover{color:#fff}:root[data-theme=light] .public-header-hoppla .public-nav-links a,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links a{color:#0f172aad}:root[data-theme=light] .public-header-hoppla .public-nav-links a:hover,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links a:hover{color:#020617}.public-header-hoppla .language-picker,.public-header-hoppla .language-picker-menu{font-family:var(--hoppla-font-sans)}.public-header-hoppla .language-picker-button,.public-header-hoppla .nav-cta,.public-header-hoppla .public-login-link{min-width:132px;height:40px;font-family:var(--hoppla-font-sans);text-transform:uppercase;justify-content:center;align-items:center;gap:8px;display:inline-flex;color:#f8fafce6!important;min-height:40px!important;box-shadow:none!important;letter-spacing:.14em!important;background:#0f172a6b!important;border:1px solid #e2e8f029!important;border-radius:999px!important;padding:0 18px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important}:root[data-theme=light] .public-header-hoppla .language-picker-button,:root[data-theme=light] .public-header-hoppla .public-login-link,:root:not([data-theme=dark]) .public-header-hoppla .language-picker-button,:root:not([data-theme=dark]) .public-header-hoppla .public-login-link{color:#0f172ac7!important;background:#ffffffbd!important;border-color:#0f172a1f!important}.public-header-hoppla .language-picker-button span:not(.language-picker-code),.public-header-hoppla .language-picker-button svg{display:none!important}.public-header-hoppla .language-picker-code{width:auto;min-width:0;height:auto;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.public-header-hoppla .nav-cta{color:#fff!important;background:#1967c3!important;border-color:#1967c357!important}.public-header-hoppla .public-login-link:hover,.public-header-hoppla .language-picker-button:hover,.public-header-hoppla .nav-cta:hover{transform:translateY(-1px)}.public-header-hoppla .public-nav-toggle{display:none!important}@media (width<=980px){.public-header-hoppla{padding:max(10px, env(safe-area-inset-top)) var(--page-gutter,16px) 0!important}.public-header-hoppla.public-header-scrolled .public-header-bar,.public-header-hoppla.public-header-menu-open .public-header-bar{border-radius:18px!important;padding:0 12px!important}.public-header-hoppla .public-header-top-row{min-height:58px}.public-header-hoppla .brand-logo{max-width:min(260px,100vw - 112px)!important;height:46px!important}.public-header-hoppla .public-header-actions-desktop{display:none!important}.public-header-hoppla .public-header-actions-mobile{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto!important;padding:24px 0 0!important;display:grid!important}.public-header-hoppla .public-nav-toggle{z-index:140;color:#f8fafc;background:#0f172a61;border:1px solid #e2e8f029;border-radius:14px;justify-content:center;align-items:center;width:46px;height:40px;position:relative;display:inline-flex!important}:root[data-theme=light] .public-header-hoppla .public-nav-toggle,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-toggle{color:#020617;background:#ffffffc7;border-color:#0f172a1f}.public-header-hoppla .public-nav{z-index:120;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100dvh;transition:transform .22s,opacity .18s,visibility .18s;overflow-y:auto;width:100%!important;padding:max(82px, calc(env(safe-area-inset-top) + 82px)) 22px 26px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:#020617fb!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;transform:translate(100%)!important}:root[data-theme=light] .public-header-hoppla .public-nav,:root:not([data-theme=dark]) .public-header-hoppla .public-nav{background:#fffffffb!important}.public-header-hoppla .public-nav-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}.public-header-hoppla .public-nav-links{border-top:1px solid #e2e8f024;border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:0;padding:0;display:flex}:root[data-theme=light] .public-header-hoppla .public-nav-links,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links{border-top-color:#0f172a1f}.public-header-hoppla .public-nav-links a{color:#f8fafceb;text-transform:none;justify-content:flex-start;min-height:56px;letter-spacing:0!important;border-bottom:1px solid #e2e8f024!important;padding:0!important;font-size:1rem!important}:root[data-theme=light] .public-header-hoppla .public-nav-links a,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links a{color:#0f172adb;border-bottom-color:#0f172a1f!important}.public-header-hoppla .language-picker,.public-header-hoppla .language-picker-button,.public-header-hoppla .nav-cta,.public-header-hoppla .public-login-link{width:100%}.public-header-hoppla .language-picker-button,.public-header-hoppla .nav-cta,.public-header-hoppla .public-login-link{min-width:0;height:46px;min-height:46px!important}}:root[data-theme=dark] .settings-page-shell .settings-hero h1,:root.dark .settings-page-shell .settings-hero h1,html.dark .settings-page-shell .settings-hero h1,:root[data-theme=dark] .settings-page-shell .settings-overview-hero h2,:root.dark .settings-page-shell .settings-overview-hero h2,html.dark .settings-page-shell .settings-overview-hero h2,:root[data-theme=dark] .settings-page-shell .settings-plan-hero h2,:root.dark .settings-page-shell .settings-plan-hero h2,html.dark .settings-page-shell .settings-plan-hero h2,:root[data-theme=dark] .settings-page-shell .settings-section-head h2,:root.dark .settings-page-shell .settings-section-head h2,html.dark .settings-page-shell .settings-section-head h2{color:#f8fafc!important}:root[data-theme=dark] .settings-page-shell .settings-hero p,:root.dark .settings-page-shell .settings-hero p,html.dark .settings-page-shell .settings-hero p,:root[data-theme=dark] .settings-page-shell .settings-overview-hero p,:root.dark .settings-page-shell .settings-overview-hero p,html.dark .settings-page-shell .settings-overview-hero p,:root[data-theme=dark] .settings-page-shell .settings-plan-hero p,:root.dark .settings-page-shell .settings-plan-hero p,html.dark .settings-page-shell .settings-plan-hero p,:root[data-theme=dark] .settings-page-shell .settings-section-head p,:root.dark .settings-page-shell .settings-section-head p,html.dark .settings-page-shell .settings-section-head p{color:#e2e8f0d6!important}:root[data-theme=dark] .settings-page-shell,:root.dark .settings-page-shell,html.dark .settings-page-shell{--settings-hoppla-white:#0f172a;--settings-hoppla-bg:#08111f;--settings-hoppla-surface:#0f172ae0;--settings-hoppla-soft:#0ea5e91f;--settings-hoppla-text:#f8fafc;--settings-hoppla-text-secondary:#e2e8f0e0;--settings-hoppla-text-muted:#94a3b8eb;--settings-hoppla-border:#94a3b833;--settings-hoppla-border-strong:#94a3b847;color:#f8fafc!important}:root[data-theme=dark] .settings-page-shell .settings-summary-card,:root[data-theme=dark] .settings-page-shell .settings-card,:root[data-theme=dark] .settings-page-shell .settings-overview-card,:root[data-theme=dark] .settings-page-shell .settings-da-card,:root[data-theme=dark] .settings-page-shell .settings-account-hero-card,:root[data-theme=dark] .settings-page-shell .settings-account-side-card,:root[data-theme=dark] .settings-page-shell .settings-plan-card,:root[data-theme=dark] .settings-page-shell .settings-plan-card-glass,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card,:root[data-theme=dark] .settings-page-shell .settings-plan-features-card,:root[data-theme=dark] .settings-page-shell .settings-account-meta-grid>div,:root[data-theme=dark] .settings-page-shell .settings-data-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-invoices-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-sessions-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-privacy-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-mobile-card-table,:root[data-theme=dark] .settings-page-shell .settings-mfa-setup img,:root[data-theme=dark] .settings-page-shell .settings-recovery-list code,:root[data-theme=dark] .settings-page-shell .settings-invoices-empty,:root[data-theme=dark] .settings-page-shell .settings-early-access-card,:root[data-theme=dark] .settings-page-shell .settings-hoppla-id-card,:root[data-theme=dark] .settings-page-shell .settings-security-card,:root.dark .settings-page-shell .settings-summary-card,:root.dark .settings-page-shell .settings-card,:root.dark .settings-page-shell .settings-overview-card,:root.dark .settings-page-shell .settings-da-card,:root.dark .settings-page-shell .settings-account-hero-card,:root.dark .settings-page-shell .settings-account-side-card,:root.dark .settings-page-shell .settings-plan-card,:root.dark .settings-page-shell .settings-plan-card-glass,:root.dark .settings-page-shell .settings-plan-stat-card,:root.dark .settings-page-shell .settings-plan-features-card,:root.dark .settings-page-shell .settings-account-meta-grid>div,:root.dark .settings-page-shell .settings-data-table-wrap,:root.dark .settings-page-shell .settings-invoices-table-wrap,:root.dark .settings-page-shell .settings-sessions-table-wrap,:root.dark .settings-page-shell .settings-privacy-table-wrap,:root.dark .settings-page-shell .settings-mobile-card-table,:root.dark .settings-page-shell .settings-mfa-setup img,:root.dark .settings-page-shell .settings-recovery-list code,:root.dark .settings-page-shell .settings-invoices-empty,:root.dark .settings-page-shell .settings-early-access-card,:root.dark .settings-page-shell .settings-hoppla-id-card,:root.dark .settings-page-shell .settings-security-card,html.dark .settings-page-shell .settings-summary-card,html.dark .settings-page-shell .settings-card,html.dark .settings-page-shell .settings-overview-card,html.dark .settings-page-shell .settings-da-card,html.dark .settings-page-shell .settings-account-hero-card,html.dark .settings-page-shell .settings-account-side-card,html.dark .settings-page-shell .settings-plan-card,html.dark .settings-page-shell .settings-plan-card-glass,html.dark .settings-page-shell .settings-plan-stat-card,html.dark .settings-page-shell .settings-plan-features-card,html.dark .settings-page-shell .settings-account-meta-grid>div,html.dark .settings-page-shell .settings-data-table-wrap,html.dark .settings-page-shell .settings-invoices-table-wrap,html.dark .settings-page-shell .settings-sessions-table-wrap,html.dark .settings-page-shell .settings-privacy-table-wrap,html.dark .settings-page-shell .settings-mobile-card-table,html.dark .settings-page-shell .settings-mfa-setup img,html.dark .settings-page-shell .settings-recovery-list code,html.dark .settings-page-shell .settings-invoices-empty,html.dark .settings-page-shell .settings-early-access-card,html.dark .settings-page-shell .settings-hoppla-id-card,html.dark .settings-page-shell .settings-security-card{background:linear-gradient(#131f34f5,#0b1323f5)!important;border-color:#94a3b833!important;box-shadow:0 24px 54px #02061757!important}:root[data-theme=dark] .settings-page-shell .settings-overview-card,:root[data-theme=dark] .settings-page-shell .settings-da-card,:root[data-theme=dark] .settings-page-shell .settings-account-hero-card,:root[data-theme=dark] .settings-page-shell .settings-account-side-card,:root.dark .settings-page-shell .settings-overview-card,:root.dark .settings-page-shell .settings-da-card,:root.dark .settings-page-shell .settings-account-hero-card,:root.dark .settings-page-shell .settings-account-side-card,html.dark .settings-page-shell .settings-overview-card,html.dark .settings-page-shell .settings-da-card,html.dark .settings-page-shell .settings-account-hero-card,html.dark .settings-page-shell .settings-account-side-card{box-shadow:0 24px 54px #02061757!important}:root[data-theme=dark] .settings-page-shell .settings-subnav-link,:root.dark .settings-page-shell .settings-subnav-link,html.dark .settings-page-shell .settings-subnav-link{color:#e2e8f0e0!important;background:#0f172ab8!important;border-color:#94a3b82e!important;box-shadow:0 14px 28px #0206172e!important}:root[data-theme=dark] .settings-page-shell .settings-subnav-link:hover,:root.dark .settings-page-shell .settings-subnav-link:hover,html.dark .settings-page-shell .settings-subnav-link:hover{color:#f8fafc!important;background:#1e293beb!important}:root[data-theme=dark] .settings-page-shell .settings-subnav-link-active,:root.dark .settings-page-shell .settings-subnav-link-active,html.dark .settings-page-shell .settings-subnav-link-active{color:#f8fafc!important;background:#38bdf829!important;border-color:#38bdf847!important}:root[data-theme=dark] .settings-page-shell .settings-account-row-label,:root[data-theme=dark] .settings-page-shell .settings-password-label,:root[data-theme=dark] .settings-page-shell .settings-field span:first-child,:root[data-theme=dark] .settings-page-shell .settings-account-card-head h3,:root[data-theme=dark] .settings-page-shell .settings-overview-card-head h3,:root[data-theme=dark] .settings-page-shell .settings-da-head h3,:root[data-theme=dark] .settings-page-shell .settings-plan-title-row h3,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-head h3,:root[data-theme=dark] .settings-page-shell .settings-plan-features-head h3,:root[data-theme=dark] .settings-page-shell .settings-account-meta-grid strong,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card strong,:root[data-theme=dark] .settings-page-shell .settings-plan-feature-row strong,:root.dark .settings-page-shell .settings-account-row-label,:root.dark .settings-page-shell .settings-password-label,:root.dark .settings-page-shell .settings-field span:first-child,:root.dark .settings-page-shell .settings-account-card-head h3,:root.dark .settings-page-shell .settings-overview-card-head h3,:root.dark .settings-page-shell .settings-da-head h3,:root.dark .settings-page-shell .settings-plan-title-row h3,:root.dark .settings-page-shell .settings-plan-hoppla-head h3,:root.dark .settings-page-shell .settings-plan-features-head h3,:root.dark .settings-page-shell .settings-account-meta-grid strong,:root.dark .settings-page-shell .settings-plan-stat-card strong,:root.dark .settings-page-shell .settings-plan-feature-row strong,html.dark .settings-page-shell .settings-account-row-label,html.dark .settings-page-shell .settings-password-label,html.dark .settings-page-shell .settings-field span:first-child,html.dark .settings-page-shell .settings-account-card-head h3,html.dark .settings-page-shell .settings-overview-card-head h3,html.dark .settings-page-shell .settings-da-head h3,html.dark .settings-page-shell .settings-plan-title-row h3,html.dark .settings-page-shell .settings-plan-hoppla-head h3,html.dark .settings-page-shell .settings-plan-features-head h3,html.dark .settings-page-shell .settings-account-meta-grid strong,html.dark .settings-page-shell .settings-plan-stat-card strong,html.dark .settings-page-shell .settings-plan-feature-row strong{color:#f8fafc!important}:root[data-theme=dark] .settings-page-shell .settings-card p,:root[data-theme=dark] .settings-page-shell .settings-account-role-row span,:root[data-theme=dark] .settings-page-shell .settings-account-status-copy span,:root[data-theme=dark] .settings-page-shell .settings-account-pref-copy span,:root[data-theme=dark] .settings-page-shell .settings-account-pref-copy small,:root[data-theme=dark] .settings-page-shell .settings-security-row small,:root[data-theme=dark] .settings-page-shell .settings-security-row strong,:root[data-theme=dark] .settings-page-shell .settings-plan-billing span,:root[data-theme=dark] .settings-page-shell .settings-plan-billing small,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card p,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card small,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-head small,:root[data-theme=dark] .settings-page-shell .settings-plan-card-main p,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-copy,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-helper,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-identity small,:root[data-theme=dark] .settings-page-shell .settings-plan-feature-row small,:root[data-theme=dark] .settings-page-shell .settings-note,:root[data-theme=dark] .settings-page-shell .settings-muted-copy,:root[data-theme=dark] .settings-page-shell .settings-field-hint,:root[data-theme=dark] .settings-page-shell .settings-password-hint,:root[data-theme=dark] .settings-page-shell .settings-invoices-empty span,:root[data-theme=dark] .settings-page-shell .settings-table-muted,:root[data-theme=dark] .settings-page-shell .settings-table-empty,:root.dark .settings-page-shell .settings-card p,:root.dark .settings-page-shell .settings-account-role-row span,:root.dark .settings-page-shell .settings-account-status-copy span,:root.dark .settings-page-shell .settings-account-pref-copy span,:root.dark .settings-page-shell .settings-account-pref-copy small,:root.dark .settings-page-shell .settings-security-row small,:root.dark .settings-page-shell .settings-security-row strong,:root.dark .settings-page-shell .settings-plan-billing span,:root.dark .settings-page-shell .settings-plan-billing small,:root.dark .settings-page-shell .settings-plan-stat-card p,:root.dark .settings-page-shell .settings-plan-stat-card small,:root.dark .settings-page-shell .settings-plan-stat-head small,:root.dark .settings-page-shell .settings-plan-card-main p,:root.dark .settings-page-shell .settings-plan-hoppla-copy,:root.dark .settings-page-shell .settings-plan-hoppla-helper,:root.dark .settings-page-shell .settings-plan-hoppla-identity small,:root.dark .settings-page-shell .settings-plan-feature-row small,:root.dark .settings-page-shell .settings-note,:root.dark .settings-page-shell .settings-muted-copy,:root.dark .settings-page-shell .settings-field-hint,:root.dark .settings-page-shell .settings-password-hint,:root.dark .settings-page-shell .settings-invoices-empty span,:root.dark .settings-page-shell .settings-table-muted,:root.dark .settings-page-shell .settings-table-empty,html.dark .settings-page-shell .settings-card p,html.dark .settings-page-shell .settings-account-role-row span,html.dark .settings-page-shell .settings-account-status-copy span,html.dark .settings-page-shell .settings-account-pref-copy span,html.dark .settings-page-shell .settings-account-pref-copy small,html.dark .settings-page-shell .settings-security-row small,html.dark .settings-page-shell .settings-security-row strong,html.dark .settings-page-shell .settings-plan-billing span,html.dark .settings-page-shell .settings-plan-billing small,html.dark .settings-page-shell .settings-plan-stat-card p,html.dark .settings-page-shell .settings-plan-stat-card small,html.dark .settings-page-shell .settings-plan-stat-head small,html.dark .settings-page-shell .settings-plan-card-main p,html.dark .settings-page-shell .settings-plan-hoppla-copy,html.dark .settings-page-shell .settings-plan-hoppla-helper,html.dark .settings-page-shell .settings-plan-hoppla-identity small,html.dark .settings-page-shell .settings-plan-feature-row small,html.dark .settings-page-shell .settings-note,html.dark .settings-page-shell .settings-muted-copy,html.dark .settings-page-shell .settings-field-hint,html.dark .settings-page-shell .settings-password-hint,html.dark .settings-page-shell .settings-invoices-empty span,html.dark .settings-page-shell .settings-table-muted,html.dark .settings-page-shell .settings-table-empty{color:#e2e8f0d1!important}:root[data-theme=dark] .settings-page-shell .settings-account-email-row,:root[data-theme=dark] .settings-page-shell .settings-account-status-row,:root[data-theme=dark] .settings-page-shell .settings-plan-live-pill,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-identity,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-state,:root[data-theme=dark] .settings-page-shell .settings-account-role-stamp,:root[data-theme=dark] .settings-page-shell .settings-account-pref-icon-neutral,:root[data-theme=dark] .settings-page-shell .settings-account-pref-icon-tertiary,:root[data-theme=dark] .settings-page-shell .settings-account-status-icon,:root[data-theme=dark] .settings-page-shell .settings-toggle-switch,:root[data-theme=dark] .settings-page-shell .settings-plan-mini-progress,:root[data-theme=dark] .settings-page-shell .settings-plan-progress,:root.dark .settings-page-shell .settings-account-email-row,:root.dark .settings-page-shell .settings-account-status-row,:root.dark .settings-page-shell .settings-plan-live-pill,:root.dark .settings-page-shell .settings-plan-hoppla-identity,:root.dark .settings-page-shell .settings-plan-hoppla-state,:root.dark .settings-page-shell .settings-account-role-stamp,:root.dark .settings-page-shell .settings-account-pref-icon-neutral,:root.dark .settings-page-shell .settings-account-pref-icon-tertiary,:root.dark .settings-page-shell .settings-account-status-icon,:root.dark .settings-page-shell .settings-toggle-switch,:root.dark .settings-page-shell .settings-plan-mini-progress,:root.dark .settings-page-shell .settings-plan-progress,html.dark .settings-page-shell .settings-account-email-row,html.dark .settings-page-shell .settings-account-status-row,html.dark .settings-page-shell .settings-plan-live-pill,html.dark .settings-page-shell .settings-plan-hoppla-identity,html.dark .settings-page-shell .settings-plan-hoppla-state,html.dark .settings-page-shell .settings-account-role-stamp,html.dark .settings-page-shell .settings-account-pref-icon-neutral,html.dark .settings-page-shell .settings-account-pref-icon-tertiary,html.dark .settings-page-shell .settings-account-status-icon,html.dark .settings-page-shell .settings-toggle-switch,html.dark .settings-page-shell .settings-plan-mini-progress,html.dark .settings-page-shell .settings-plan-progress{color:#f8fafc!important;box-shadow:none!important;background:#0f172abd!important;border-color:#94a3b82e!important}:root[data-theme=dark] .settings-page-shell .settings-account-char-counter,:root[data-theme=dark] .settings-page-shell .settings-plan-live-pill strong,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-state,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-identity strong,:root[data-theme=dark] .settings-page-shell .settings-overview-card strong,:root[data-theme=dark] .settings-page-shell .settings-account-email-row span,:root[data-theme=dark] .settings-page-shell .settings-overview-card-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-da-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-plan-feature-row .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-account-pref-icon,:root[data-theme=dark] .settings-page-shell .settings-account-status-badge,:root.dark .settings-page-shell .settings-account-char-counter,:root.dark .settings-page-shell .settings-plan-live-pill strong,:root.dark .settings-page-shell .settings-plan-hoppla-state,:root.dark .settings-page-shell .settings-plan-hoppla-identity strong,:root.dark .settings-page-shell .settings-overview-card strong,:root.dark .settings-page-shell .settings-account-email-row span,:root.dark .settings-page-shell .settings-overview-card-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-da-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-plan-stat-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-plan-feature-row .material-symbols-outlined,:root.dark .settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-account-pref-icon,:root.dark .settings-page-shell .settings-account-status-badge,html.dark .settings-page-shell .settings-account-char-counter,html.dark .settings-page-shell .settings-plan-live-pill strong,html.dark .settings-page-shell .settings-plan-hoppla-state,html.dark .settings-page-shell .settings-plan-hoppla-identity strong,html.dark .settings-page-shell .settings-overview-card strong,html.dark .settings-page-shell .settings-account-email-row span,html.dark .settings-page-shell .settings-overview-card-head .material-symbols-outlined,html.dark .settings-page-shell .settings-da-head .material-symbols-outlined,html.dark .settings-page-shell .settings-plan-stat-head .material-symbols-outlined,html.dark .settings-page-shell .settings-plan-feature-row .material-symbols-outlined,html.dark .settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,html.dark .settings-page-shell .settings-account-pref-icon,html.dark .settings-page-shell .settings-account-status-badge{color:#f8fafc!important}:root[data-theme=dark] .settings-page-shell .settings-account-char-counter,:root.dark .settings-page-shell .settings-account-char-counter,html.dark .settings-page-shell .settings-account-char-counter{background:#1e293bd6!important;border-color:#94a3b838!important}:root[data-theme=dark] .settings-page-shell .settings-security-stack,:root[data-theme=dark] .settings-page-shell .settings-security-row,:root[data-theme=dark] .settings-page-shell .settings-account-role-row,:root[data-theme=dark] .settings-page-shell .settings-account-pref-row,:root[data-theme=dark] .settings-page-shell .settings-plan-features-head,:root.dark .settings-page-shell .settings-security-stack,:root.dark .settings-page-shell .settings-security-row,:root.dark .settings-page-shell .settings-account-role-row,:root.dark .settings-page-shell .settings-account-pref-row,:root.dark .settings-page-shell .settings-plan-features-head,html.dark .settings-page-shell .settings-security-stack,html.dark .settings-page-shell .settings-security-row,html.dark .settings-page-shell .settings-account-role-row,html.dark .settings-page-shell .settings-account-pref-row,html.dark .settings-page-shell .settings-plan-features-head{border-color:#94a3b82e!important}:root[data-theme=dark] .settings-page-shell .settings-data-table thead th,:root.dark .settings-page-shell .settings-data-table thead th,html.dark .settings-page-shell .settings-data-table thead th{color:#f8fafc!important;background:#1e293beb!important}:root[data-theme=dark] .settings-page-shell .settings-data-table th,:root[data-theme=dark] .settings-page-shell .settings-data-table td,:root.dark .settings-page-shell .settings-data-table th,:root.dark .settings-page-shell .settings-data-table td,html.dark .settings-page-shell .settings-data-table th,html.dark .settings-page-shell .settings-data-table td{color:#e2e8f0e6!important;border-bottom-color:#94a3b833!important}:root[data-theme=dark] .settings-page-shell .settings-data-table tbody tr:hover,:root.dark .settings-page-shell .settings-data-table tbody tr:hover,html.dark .settings-page-shell .settings-data-table tbody tr:hover{background:#1e293bb8!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status,:root[data-theme=dark] .settings-page-shell .settings-table-status,:root.dark .settings-page-shell .settings-invoice-status,:root.dark .settings-page-shell .settings-table-status,html.dark .settings-page-shell .settings-invoice-status,html.dark .settings-page-shell .settings-table-status{color:#f8fafc!important;background:#0f172ac7!important;border-color:#94a3b833!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status-paid,:root.dark .settings-page-shell .settings-invoice-status-paid,html.dark .settings-page-shell .settings-invoice-status-paid{color:#bbf7d0!important;background:#10b9812e!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status-draft,:root.dark .settings-page-shell .settings-invoice-status-draft,html.dark .settings-page-shell .settings-invoice-status-draft{color:#fde68a!important;background:#f59e0b2e!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status-uncollectible,:root.dark .settings-page-shell .settings-invoice-status-uncollectible,html.dark .settings-page-shell .settings-invoice-status-uncollectible{color:#fecdd3!important;background:#f43f5e2e!important}:root[data-theme=dark] .settings-page-shell .settings-session-badge,:root.dark .settings-page-shell .settings-session-badge,html.dark .settings-page-shell .settings-session-badge{color:#e0f2fe!important;background:#38bdf824!important;border-color:#38bdf847!important}:root[data-theme=dark] .settings-page-shell .settings-danger-card,:root.dark .settings-page-shell .settings-danger-card,html.dark .settings-page-shell .settings-danger-card{background:radial-gradient(circle at 100% 0,#f43f5e24,#0000 34%),linear-gradient(#241018f5,#180a12f5)!important}.dashboard-mobile-content{display:none}.dashboard-qr-desktop-content{display:contents}@media (width<=980px){.sidebar-mobile-trigger-app{top:max(.7rem, env(safe-area-inset-top));right:max(.7rem, env(safe-area-inset-right));border-color:var(--dashboard-outline-variant);background:var(--dashboard-surface-card);width:2.7rem;height:2.7rem;color:var(--dashboard-primary);box-shadow:none;left:auto}.dashboard-qr-desktop-content{display:none}.dashboard-mobile-content{min-width:0;padding:.2rem 0 calc(6.75rem + env(safe-area-inset-bottom));gap:1.5rem;display:grid}.dashboard-mobile-welcome{gap:.3rem;padding-top:.4rem;display:grid}.dashboard-mobile-welcome h1,.dashboard-mobile-section-heading h2{color:var(--dashboard-on-surface);font-family:var(--hoppla-font-title);letter-spacing:-.025em;margin:0;font-weight:800}.dashboard-mobile-welcome h1{font-size:1.55rem;line-height:1.15}.dashboard-mobile-welcome p{color:var(--dashboard-on-surface-variant);margin:0;font-size:.92rem;line-height:1.5}.dashboard-mobile-metrics{scroll-snap-type:x proximity;scrollbar-width:none;gap:.75rem;margin-inline:-1rem;padding:0 1rem .2rem;display:flex;overflow-x:auto}.dashboard-mobile-metrics::-webkit-scrollbar{display:none}.dashboard-mobile-metric-card{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-height:7.25rem;color:var(--dashboard-on-surface);scroll-snap-align:start;text-align:left;border-radius:1rem;flex:0 0 9.9rem;align-content:space-between;gap:.75rem;padding:1rem;display:grid;box-shadow:0 8px 18px #0f172a0d}.dashboard-mobile-metric-card>span{color:var(--dashboard-on-surface-variant);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800;line-height:1.2}.dashboard-mobile-metric-card strong{color:var(--dashboard-primary);font-family:var(--hoppla-font-title);letter-spacing:-.045em;font-size:1.72rem;line-height:1}.dashboard-mobile-metric-card-primary{border-color:var(--dashboard-primary);background:var(--dashboard-primary);color:var(--dashboard-on-primary);cursor:pointer}.dashboard-mobile-metric-card-primary>span,.dashboard-mobile-metric-card-primary strong{color:var(--dashboard-on-primary)}.dashboard-mobile-metric-card-primary small{color:color-mix(in srgb, var(--dashboard-on-primary) 76%, transparent);text-underline-offset:.2em;font-size:.72rem;font-weight:750;text-decoration:underline}.dashboard-mobile-activity{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);border-radius:1.15rem;gap:1rem;padding:1.15rem;display:grid;box-shadow:0 8px 18px #0f172a0d}.dashboard-mobile-section-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-mobile-section-heading h2{font-size:1.08rem;line-height:1.2}.dashboard-mobile-section-heading>span,.dashboard-mobile-section-heading>button{color:var(--dashboard-primary);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800}.dashboard-mobile-donut-wrap{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);border-radius:.95rem;justify-items:center;gap:.9rem;padding:1rem;display:grid}.dashboard-mobile-donut{place-items:center;width:10.5rem;height:10.5rem;display:grid;position:relative}.dashboard-mobile-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-mobile-donut-track,.dashboard-mobile-donut-segment{fill:none;stroke-width:3.25px}.dashboard-mobile-donut-track{stroke:var(--dashboard-surface-high)}.dashboard-mobile-donut-segment{stroke-linecap:round;transition:stroke-dasharray .5s,stroke-dashoffset .5s}.dashboard-mobile-donut-segment-qr{stroke:var(--dashboard-primary)}.dashboard-mobile-donut-segment-links{stroke:var(--tone-sky)}.dashboard-mobile-donut>div{color:var(--dashboard-on-surface);justify-items:center;gap:.15rem;display:grid;position:absolute}.dashboard-mobile-donut>div strong{font-family:var(--hoppla-font-title);letter-spacing:-.05em;font-size:1.65rem;line-height:1}.dashboard-mobile-donut>div span{color:var(--dashboard-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:800}.dashboard-mobile-donut-legend{flex-wrap:wrap;justify-content:center;gap:.55rem .9rem;display:flex}.dashboard-mobile-donut-legend span{color:var(--dashboard-on-surface-variant);align-items:center;gap:.35rem;font-size:.72rem;font-weight:650;display:inline-flex}.dashboard-mobile-dot{border-radius:999px;width:.55rem;height:.55rem}.dashboard-mobile-dot-qr{background:var(--dashboard-primary)}.dashboard-mobile-dot-links{background:var(--tone-sky)}.dashboard-mobile-activity-empty{border:1px dashed var(--dashboard-outline-variant);background:var(--dashboard-surface-low);color:var(--dashboard-on-surface-variant);text-align:center;border-radius:.95rem;justify-items:center;gap:.5rem;padding:1.75rem 1rem;display:grid}.dashboard-mobile-activity-empty .material-symbols-outlined{color:color-mix(in srgb, var(--dashboard-on-surface-variant) 58%, transparent);font-size:2rem}.dashboard-mobile-activity-empty p{max-width:19rem;margin:0;font-size:.84rem;line-height:1.5}.dashboard-mobile-recent{gap:.75rem;display:grid}.dashboard-mobile-link-list,.dashboard-mobile-qr-list{gap:.55rem;display:grid}.dashboard-mobile-link-row,.dashboard-mobile-qr-row{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);width:100%;min-width:0;color:var(--dashboard-on-surface);text-align:left;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;display:flex;box-shadow:0 6px 14px #0f172a0a}.dashboard-mobile-link-row{cursor:pointer}.dashboard-mobile-link-icon{background:var(--dashboard-surface-container);width:2.7rem;height:2.7rem;color:var(--dashboard-primary);border-radius:.75rem;flex:none;place-items:center;display:grid}.dashboard-mobile-link-icon-image{color:#aa6700;background:color-mix(in srgb, var(--tone-amber) 16%, transparent)}.dashboard-mobile-link-icon-pdf{color:var(--tone-rose-dark);background:color-mix(in srgb, var(--tone-rose-dark) 13%, transparent)}.dashboard-mobile-row-copy{flex:auto;gap:.18rem;min-width:0;display:grid}.dashboard-mobile-row-copy strong{color:var(--dashboard-on-surface);font-family:var(--hoppla-font-title);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;line-height:1.25;overflow:hidden}.dashboard-mobile-row-copy small{color:var(--dashboard-on-surface-variant);font-size:.74rem;line-height:1.3}.dashboard-mobile-status{background:color-mix(in srgb, var(--tone-emerald) 14%, transparent);color:#16835d;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;flex:none;padding:.28rem .42rem;font-size:.58rem;font-weight:850;line-height:1}.dashboard-mobile-status-paused{background:var(--dashboard-surface-variant);color:var(--dashboard-on-surface-variant)}.dashboard-mobile-qr-row{align-items:stretch}.dashboard-mobile-qr-preview{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);cursor:pointer;border-radius:.8rem;flex:none;place-items:center;width:4.65rem;min-height:4.65rem;padding:.35rem;display:grid;overflow:hidden}.dashboard-mobile-qr-preview .qr-row-icon-preview{border:0;border-radius:.55rem;width:100%;height:100%}.dashboard-mobile-qr-actions{gap:.45rem;margin-top:.28rem;display:flex}.dashboard-mobile-qr-actions button{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);min-width:0;min-height:1.8rem;color:var(--dashboard-primary);font-family:var(--hoppla-font-body);cursor:pointer;border-radius:.55rem;justify-content:center;align-items:center;gap:.28rem;padding:.3rem .48rem;font-size:.66rem;font-weight:800;display:inline-flex}.dashboard-mobile-qr-actions button:last-child{border-color:var(--dashboard-primary);background:var(--dashboard-primary);color:var(--dashboard-on-primary)}.dashboard-mobile-qr-actions button:disabled{opacity:.45;cursor:not-allowed}.dashboard-mobile-qr-actions .material-symbols-outlined{font-size:.92rem}.dashboard-mobile-empty-row{border:1px dashed var(--dashboard-outline-variant);min-height:3.2rem;color:var(--dashboard-primary);font-family:var(--hoppla-font-title);text-align:center;cursor:pointer;background:0 0;border-radius:.95rem;padding:.8rem 1rem;font-size:.82rem;font-weight:800}.dashboard-mobile-bottom-nav{z-index:95;min-height:calc(4.75rem + env(safe-area-inset-bottom));padding:.45rem .4rem calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--dashboard-outline-variant);background:color-mix(in srgb, var(--dashboard-surface-card) 94%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:1rem 1rem 0 0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a14}.dashboard-mobile-nav-item{min-width:0;min-height:3.25rem;color:var(--dashboard-on-surface-variant);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;border-radius:.85rem;place-items:center;gap:.16rem;padding:.25rem;font-size:.58rem;font-weight:750;line-height:1.1;display:grid}.dashboard-mobile-nav-item>span:first-child{font-size:1.35rem}.dashboard-mobile-nav-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dashboard-mobile-nav-item-active{background:var(--dashboard-secondary-container);color:var(--dashboard-on-secondary-container)}.dashboard-mobile-fab{right:1.2rem;bottom:calc(5.4rem + env(safe-area-inset-bottom));z-index:96;border:1px solid var(--dashboard-primary);background:var(--dashboard-primary);width:3.35rem;height:3.35rem;color:var(--dashboard-on-primary);box-shadow:0 14px 26px color-mix(in srgb, var(--dashboard-primary) 30%, transparent);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed}.dashboard-mobile-fab .material-symbols-outlined{font-size:1.75rem}}.app-mobile-chrome,.settings-mobile-team-content{display:none}@media (width<=980px){.app-main:has(.settings-page-shell-team-active){width:min(calc(100% - 2rem), var(--content-max))}.settings-page-shell-team-active{gap:0}.settings-page-shell>.settings-hero,.settings-page-shell>.settings-subnav{display:none}.settings-page-shell-team-active>.settings-section{gap:0}.settings-team-desktop-content{display:none}.settings-mobile-team-content{gap:2rem;min-width:0;display:grid}.settings-mobile-team-header{gap:.28rem;display:grid}.settings-mobile-team-header h2,.settings-mobile-team-list-section>h3,.settings-mobile-team-seats h3{color:var(--hoppla-text);font-family:var(--hoppla-font-title);margin:0}.settings-mobile-team-header h2{letter-spacing:-.035em;font-size:clamp(1.55rem,7vw,2rem);font-weight:800;line-height:1.1}.settings-mobile-team-header p{max-width:42rem;color:var(--hoppla-text-soft);margin:0;font-size:.9rem;line-height:1.5}.settings-mobile-team-seats,.settings-mobile-team-list{border:1px solid color-mix(in srgb, var(--hoppla-border) 62%, transparent);background:color-mix(in srgb, var(--hoppla-surface-strong) 80%, transparent);box-shadow:0 4px 6px -1px color-mix(in srgb, var(--ink) 5%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--ink) 5%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:.75rem}.settings-mobile-team-seats{gap:1rem;padding:1.5rem;display:grid}.settings-mobile-team-seats-head,.settings-mobile-team-seat-value{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-mobile-team-seats h3{font-family:var(--hoppla-font-body);font-size:.875rem;font-weight:600}.settings-mobile-team-seats-head>span,.settings-mobile-team-role{letter-spacing:.025em;white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;min-height:1.5rem;padding:.14rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.settings-mobile-team-seats-head>span{background:color-mix(in srgb, var(--brand) 12%, var(--hoppla-surface));color:var(--brand)}.settings-mobile-team-seat-value{justify-content:flex-start;align-items:flex-end}.settings-mobile-team-seat-value strong{color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1}.settings-mobile-team-seat-value span{color:var(--hoppla-text-soft);padding-bottom:.23rem;font-size:1rem}.settings-mobile-team-seat-track{background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface-low));border-radius:999px;width:100%;height:.5rem;overflow:hidden}.settings-mobile-team-seat-track span{border-radius:inherit;background:var(--brand);height:100%;transition:width .24s;display:block}.settings-mobile-team-list-section{gap:.75rem;display:grid}.settings-mobile-team-list-section>h3{color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);letter-spacing:.05em;text-transform:uppercase;padding-left:0;font-size:.75rem;font-weight:600}.settings-mobile-team-list{overflow:hidden}.settings-mobile-team-member,.settings-mobile-team-invitation{border-bottom:1px solid color-mix(in srgb, var(--hoppla-border) 42%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.5rem;padding:1rem;display:grid}.settings-mobile-team-member:last-child,.settings-mobile-team-invitation:last-child{border-bottom:0}.settings-mobile-team-avatar,.settings-mobile-team-invitation-icon{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface-low));width:2.5rem;height:2.5rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.84rem;font-weight:700;display:grid}.settings-mobile-team-avatar{overflow:hidden}.settings-mobile-team-avatar img{object-fit:cover;width:100%;height:100%;display:block}.settings-mobile-team-invitation-icon{color:var(--hoppla-text-soft);border-style:dashed}.settings-mobile-team-invitation-icon .material-symbols-outlined{font-size:1.1rem}.settings-mobile-team-member-copy{gap:.1rem;min-width:0;display:grid}.settings-mobile-team-member-copy strong,.settings-mobile-team-member-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-mobile-team-member-copy strong{color:var(--hoppla-text);font-size:1rem;font-weight:500}.settings-mobile-team-member-copy span{color:var(--hoppla-text-soft);font-size:.875rem}.settings-mobile-team-member-actions{align-items:center;gap:.5rem;display:flex}.settings-mobile-team-member-actions>button{width:2.25rem;height:2.25rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.settings-mobile-team-member-actions>button:active{transform:scale(.92)}.settings-mobile-team-role-owner{background:color-mix(in srgb, var(--tone-sky) 16%, var(--hoppla-surface));color:var(--tone-sky-deep,#006591)}.settings-mobile-team-role-admin{background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface));color:var(--brand)}.settings-mobile-team-role-editor,.settings-mobile-team-role-viewer{background:color-mix(in srgb, var(--ink) 7%, var(--hoppla-surface));color:var(--hoppla-text-soft)}.settings-mobile-team-invitation{align-items:start}.settings-mobile-team-invitation-actions{flex-direction:row;align-items:end;gap:.5rem;display:flex}.settings-mobile-team-invitation-actions button{color:var(--brand);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;padding:.18rem 0;font-size:.75rem;font-weight:600}.settings-mobile-team-invitation-actions button:last-child{color:var(--danger)}.settings-mobile-team-empty{color:var(--hoppla-text-soft);text-align:center;padding:1.25rem;font-size:.82rem;line-height:1.45}.settings-mobile-team-empty-standalone{border:1px dashed color-mix(in srgb, var(--hoppla-border) 65%, transparent);background:var(--hoppla-surface);border-radius:.75rem}.settings-mobile-team-invite-button,.settings-mobile-team-invite-submit{justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:3.25rem;display:inline-flex}.settings-mobile-team-invite-button .material-symbols-outlined,.settings-mobile-team-invite-submit .material-symbols-outlined{font-size:1.1rem}.modal-panel:has(.settings-mobile-team-invite-modal){border-radius:.75rem;width:min(100% - 1.2rem,28rem)}.settings-mobile-team-invite-modal{gap:1.25rem;display:grid}.settings-mobile-team-invite-icon{background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface-low));width:3rem;height:3rem;color:var(--brand);border-radius:1rem;place-items:center;display:grid}.settings-mobile-team-invite-icon .material-symbols-outlined{font-size:1.55rem}.settings-mobile-team-invite-copy{gap:.28rem;display:grid}.settings-mobile-team-invite-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.025em;margin:0;font-size:1.35rem}.settings-mobile-team-invite-copy p{color:var(--hoppla-text-soft);margin:0;font-size:.86rem;line-height:1.45}.settings-mobile-team-field{gap:.38rem;display:grid}.settings-mobile-team-field>span{color:var(--hoppla-text);font-size:.78rem;font-weight:800}.app-main{padding-top:calc(4.75rem + env(safe-area-inset-top));padding-bottom:calc(6.9rem + env(safe-area-inset-bottom))}.app-mobile-chrome{display:contents}.app-mobile-topbar{z-index:100;min-height:calc(4rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(.9rem, env(safe-area-inset-right)) 0 max(.9rem, env(safe-area-inset-left));border-bottom:1px solid var(--hoppla-border);background:var(--hoppla-bg);color:var(--hoppla-text);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-mobile-topbar-title{align-items:center;gap:.55rem;min-width:0;min-height:4rem;display:inline-flex}.app-mobile-brand-link,.app-mobile-back-button,.app-mobile-menu-button{color:var(--hoppla-text);background:0 0;border:0;place-items:center;display:grid}.app-mobile-brand-link{justify-content:start;width:9.75rem;height:2.65rem}.app-mobile-settings-header-trigger{min-height:2.65rem;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:-.025em;cursor:pointer;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:1.22rem;font-weight:800;display:inline-flex}.app-mobile-settings-header-trigger .icon-sm{transition:transform .18s}.app-mobile-settings-header-trigger-open .icon-sm{transform:rotate(180deg)}.app-mobile-brand-link img{object-fit:contain;object-position:left center;width:100%;max-height:2.35rem;display:block}.app-mobile-back-button,.app-mobile-menu-button{border:1px solid var(--hoppla-border);background:var(--hoppla-bg);width:2.65rem;height:2.65rem;color:var(--brand);cursor:pointer;border-radius:999px;transition:background .16s,color .16s,transform .16s}.app-mobile-back-button:active,.app-mobile-menu-button:active,.app-mobile-nav-create:active{transform:scale(.93)}.app-mobile-menu-button{flex:none}.app-mobile-avatar{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface-strong));width:2rem;height:2rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.78rem;font-weight:850;display:grid}.app-mobile-avatar-organization{background:color-mix(in srgb, var(--tone-indigo) 16%, var(--hoppla-surface-strong));color:var(--tone-indigo)}.app-mobile-menu-backdrop{z-index:104;background:color-mix(in srgb, var(--ink) 42%, transparent);-webkit-backdrop-filter:blur(2px);cursor:pointer;border:0;position:fixed;inset:0}.app-mobile-settings-header-backdrop{z-index:101;background:color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;border:0;position:fixed;inset:0}.app-mobile-settings-header-menu{z-index:102;top:calc(4rem + env(safe-area-inset-top) + .35rem);right:max(.9rem, env(safe-area-inset-right));left:max(.9rem, env(safe-area-inset-left));border:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:0 18px 38px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:.85rem;gap:.16rem;padding:.4rem;animation:.18s both app-mobile-settings-menu-in;display:grid;position:fixed}.app-mobile-settings-header-menu button{min-height:2.6rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.58rem;padding:.55rem .65rem;font-size:.84rem;font-weight:740}.app-mobile-settings-header-menu button:hover,.app-mobile-settings-header-menu button:focus-visible{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));color:var(--brand)}@keyframes app-mobile-settings-menu-in{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.app-mobile-menu-panel{z-index:105;width:min(22rem,100vw - .7rem);padding:calc(1rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) 1rem;border-left:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:-18px 0 42px color-mix(in srgb, var(--ink) 18%, transparent);color:var(--hoppla-text);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;gap:1rem;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.app-mobile-menu-panel-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.app-mobile-menu-head{align-items:center;gap:.75rem;min-height:3.25rem;padding:.2rem 3rem .2rem 0;display:flex;position:relative}.app-mobile-menu-head>div{gap:.08rem;min-width:0;display:grid}.app-mobile-menu-head strong,.app-mobile-menu-head span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-mobile-menu-close{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.5rem;height:2.5rem;color:var(--brand);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:.2rem;right:0}.app-mobile-menu-head strong{font-family:var(--hoppla-font-title);font-size:.98rem}.app-mobile-menu-head span:last-child{color:var(--hoppla-text-soft);font-size:.76rem}.app-mobile-menu-section{gap:.45rem;display:grid}.app-mobile-menu-section>span{color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);letter-spacing:.085em;text-transform:uppercase;padding:0 .35rem;font-size:.66rem;font-weight:850}.app-mobile-menu-account,.app-mobile-menu-actions button,.app-mobile-menu-primary-actions>button{width:100%;min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.82rem;align-items:center;gap:.62rem;padding:.65rem .72rem;font-size:.86rem;font-weight:760;display:flex}.app-mobile-menu-account{gap:.08rem;display:grid}.app-mobile-menu-primary-actions{gap:.2rem;padding-top:.15rem;display:grid}.app-mobile-menu-settings-trigger{grid-template-columns:1rem minmax(0,1fr) 1rem;display:grid!important}.app-mobile-menu-settings-chevron{justify-self:end;transition:transform .18s}.app-mobile-menu-settings-trigger-open .app-mobile-menu-settings-chevron{transform:rotate(180deg)}.app-mobile-settings-sections{border:1px solid var(--hoppla-border);background:var(--hoppla-bg);border-radius:.72rem;gap:.1rem;margin:.1rem 0 .25rem 1.5rem;padding:.32rem;display:grid}.app-mobile-settings-sections button{min-height:2.4rem;color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.52rem;padding:.45rem .55rem;font-size:.78rem;font-weight:720}.app-mobile-settings-sections button:hover,.app-mobile-settings-sections button:focus-visible{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));color:var(--brand)}.app-mobile-menu-account small{color:var(--hoppla-text-soft);font-size:.72rem;font-weight:600}.app-mobile-menu-account-active{border-color:color-mix(in srgb, var(--brand) 34%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface));color:var(--brand)}.app-mobile-menu-actions{border-top:1px solid var(--hoppla-border);margin-top:auto;padding-top:.8rem}.app-mobile-menu-actions button:hover,.app-mobile-menu-actions button:focus-visible,.app-mobile-menu-primary-actions>button:hover,.app-mobile-menu-primary-actions>button:focus-visible,.app-mobile-menu-account:hover,.app-mobile-menu-account:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface))}.app-mobile-menu-actions .icon-sm{color:var(--brand);flex:none}.app-mobile-menu-actions .app-mobile-menu-logout{color:var(--danger,#b42318);margin-top:.35rem}.app-mobile-menu-actions .app-mobile-menu-logout .icon-sm{color:currentColor}.app-mobile-bottom-nav{z-index:95;min-height:calc(4.75rem + env(safe-area-inset-bottom));padding:.45rem .4rem calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--hoppla-border);background:var(--hoppla-bg);border-radius:1rem 1rem 0 0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a14}.app-mobile-nav-item{min-width:0;min-height:3.25rem;color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;border-radius:.85rem;place-items:center;gap:.16rem;padding:.25rem;font-size:.58rem;font-weight:750;line-height:1.1;display:grid}.app-mobile-nav-item>span:first-child{font-size:1.35rem}.app-mobile-nav-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-mobile-nav-item-active{background:color-mix(in srgb, var(--tone-sky) 18%, transparent);color:var(--tone-sky-deep,#006591)}.app-mobile-nav-create{border:4px solid var(--hoppla-surface-strong);background:var(--brand);color:#fff;width:3.45rem;height:3.45rem;box-shadow:0 12px 26px color-mix(in srgb, var(--brand) 32%, transparent);cursor:pointer;border-radius:999px;align-self:start;place-items:center;margin:-1.55rem auto 0;transition:transform .16s,box-shadow .16s;display:grid}}.dashboard-qr-list:has(.qr-gallery-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.dashboard-qr-list:has(.qr-gallery-card-qr){grid-template-columns:minmax(0,1fr)}.dashboard-qr-list-item.qr-gallery-card{align-items:stretch;justify-content:initial;border:1px solid color-mix(in srgb, var(--hoppla-border) 72%, transparent);background:color-mix(in srgb, var(--hoppla-surface-strong) 76%, transparent);min-width:0;min-height:0;box-shadow:0 8px 32px color-mix(in srgb, var(--brand) 5%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.dashboard-qr-list-item.qr-gallery-card:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--hoppla-border));box-shadow:0 16px 34px color-mix(in srgb, var(--brand) 11%, transparent);transform:translateY(-.25rem)}.qr-gallery-card-top{grid-template-columns:6rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.qr-gallery-card-preview{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-lowest);width:6rem;height:6rem;box-shadow:0 2px 5px color-mix(in srgb, var(--ink) 8%, transparent);cursor:pointer;border-radius:.75rem;place-items:center;padding:.3rem;display:grid;overflow:hidden}.qr-gallery-card-preview .qr-row-icon-preview{background:0 0;border:0;border-radius:.5rem;padding:.05rem;width:100%!important;height:100%!important}.qr-gallery-card-copy{gap:.72rem;min-width:0;display:grid}.qr-gallery-card-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;display:grid}.qr-gallery-card-title-row .qr-gallery-card-badges{grid-area:2/1/auto/-1}.qr-gallery-card-title-row h4{max-width:100%;color:var(--hoppla-text);font-family:var(--hoppla-font-title);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .15rem;font-size:1.1rem;font-weight:700;line-height:1.25;overflow:hidden}.qr-gallery-card-title-row .dashboard-qr-shortlink-button{color:var(--tone-sky-deep,#006591);font-size:.78rem}.qr-gallery-card-more,.qr-gallery-card-more-button{position:relative}.qr-gallery-card-more>button,.qr-gallery-card-more-button{width:2rem;height:2rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid}.qr-gallery-card-more>button:hover,.qr-gallery-card-more-button:hover{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.qr-gallery-card-menu{z-index:30;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);width:max-content;min-width:9.5rem;box-shadow:0 16px 30px color-mix(in srgb, var(--ink) 16%, transparent);border-radius:.75rem;gap:.15rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.qr-gallery-card-menu button{min-height:2.25rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.35rem .55rem;font-size:.72rem;font-weight:750}.qr-gallery-card-menu button:hover:enabled{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));color:var(--brand)}.qr-gallery-card-badges{gap:.35rem}.qr-gallery-card-badges .dashboard-qr-badge{letter-spacing:.06em;border-radius:.35rem;min-height:1.55rem;padding:.18rem .5rem;font-size:.62rem;font-weight:800}.qr-gallery-card-meta{background:var(--hoppla-surface-low);min-height:2.5rem;color:var(--hoppla-text-soft);border-radius:.5rem;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.76rem;line-height:1.3;display:flex}.qr-gallery-card-meta .material-symbols-outlined{flex:none;font-size:1rem}.qr-gallery-card-meta-soon{background:color-mix(in srgb, var(--tone-amber) 12%, var(--hoppla-surface-low));color:color-mix(in srgb, var(--tone-amber) 80%, var(--hoppla-text))}.qr-gallery-card-meta-expired{background:color-mix(in srgb, var(--danger) 9%, var(--hoppla-surface-low));color:var(--danger)}.qr-gallery-card-actions{border-top:1px solid color-mix(in srgb, var(--hoppla-border) 56%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:auto;padding-top:.85rem;display:grid}.qr-gallery-card-actions button{min-width:0;min-height:3.2rem;color:var(--brand);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;border-radius:.52rem;place-items:center;gap:.16rem;padding:.38rem .2rem;font-size:.62rem;font-weight:760;line-height:1.05;display:grid}.qr-gallery-card-actions button:hover:enabled{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface))}.qr-gallery-card-actions button:disabled{opacity:.45;cursor:not-allowed}.qr-gallery-card-actions .material-symbols-outlined,.qr-gallery-card-actions .icon-sm{width:1.15rem;height:1.15rem;font-size:1.15rem}.qr-gallery-card-action-danger{color:var(--danger)!important}.qr-gallery-card-action-danger:hover:enabled{background:color-mix(in srgb, var(--danger) 10%, var(--hoppla-surface))!important}.qr-gallery-card-action-runtime{color:color-mix(in srgb, var(--tone-amber) 88%, var(--hoppla-text))!important}.qr-gallery-card-action-runtime.is-paused{color:var(--tone-emerald)!important}@media (width>=981px){.dashboard-qr-list-item.qr-gallery-card-qr{grid-template-columns:8.25rem minmax(0,1fr) auto auto;align-items:center;column-gap:1.35rem;padding-block:.65rem;display:grid}.qr-gallery-card-qr .qr-gallery-card-top{display:contents}.qr-gallery-card-qr .qr-gallery-card-preview{width:8.25rem;height:8.25rem;box-shadow:none;border:0;grid-area:1/1;align-self:center}.qr-gallery-card-qr .qr-gallery-card-copy{grid-area:1/2;gap:0}.qr-gallery-card-qr .qr-gallery-card-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.qr-gallery-card-qr .qr-gallery-card-identity{min-width:0;max-width:clamp(12rem,24vw,27rem)}.qr-gallery-card-qr .qr-gallery-card-identity .dashboard-qr-title-button,.qr-gallery-card-qr .qr-gallery-card-identity .dashboard-qr-shortlink-button{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;display:block;overflow:hidden}.qr-gallery-card-qr .qr-gallery-card-identity h4{max-width:100%}.qr-gallery-card-qr .qr-gallery-card-title-row h4{margin-bottom:.3rem;font-size:1.58rem}.qr-gallery-card-qr .qr-gallery-card-title-row .dashboard-qr-shortlink-button{font-size:1.15rem}.qr-gallery-card-qr .qr-gallery-card-title-row .qr-gallery-card-badges{flex-shrink:0;grid-area:auto;justify-content:flex-start;gap:.48rem}.qr-gallery-card-qr .qr-gallery-card-badges .dashboard-qr-badge{border-radius:.6rem;min-height:2.22rem;padding:.34rem .86rem;font-size:.86rem}.qr-gallery-card-qr .dashboard-qr-badge-mode{background:color-mix(in srgb, var(--tone-sky) 16%, var(--hoppla-surface-lowest));color:var(--tone-sky-deep,#006591)}.qr-gallery-card-qr .qr-gallery-card-meta{white-space:nowrap;grid-area:1/3;width:fit-content;min-height:3.25rem;margin:0;padding:.76rem 1rem;font-size:1.08rem}.qr-gallery-card-qr .qr-gallery-card-meta .material-symbols-outlined{font-size:1.45rem}.qr-gallery-card-qr .qr-gallery-card-actions{border-top:0;border-left:1px solid color-mix(in srgb, var(--hoppla-border) 56%, transparent);grid-area:1/4;align-self:center;align-items:center;gap:.5rem;margin:0;padding:0 0 0 1.5rem;display:flex}.qr-gallery-card-qr .qr-gallery-card-actions button{width:3.45rem;min-height:3.45rem;padding:0}.qr-gallery-card-qr .qr-gallery-card-actions .material-symbols-outlined{width:1.7rem;height:1.7rem;font-size:1.7rem}}.link-gallery-card-preview{background:color-mix(in srgb, var(--tone-sky) 11%, var(--hoppla-surface-low));color:var(--tone-sky-deep,#006591)}.link-gallery-card-preview-image{background:color-mix(in srgb, var(--tone-emerald) 12%, var(--hoppla-surface-low));color:var(--tone-emerald)}.link-gallery-card-preview-pdf{background:color-mix(in srgb, var(--danger) 10%, var(--hoppla-surface-low));color:var(--danger)}.link-gallery-card-preview .icon-lg{width:2rem;height:2rem}.link-gallery-card-meta strong{color:var(--hoppla-text)}.link-gallery-card-destination{max-width:100%;color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.7rem;line-height:1.25;display:block;overflow:hidden}.link-gallery-card-risk{margin-left:auto;font-size:.7rem;font-weight:720}@media (width<=980px){.dashboard-qr-list:has(.qr-gallery-card){grid-template-columns:minmax(0,1fr);gap:1rem}.dashboard-qr-list-item.qr-gallery-card{border-radius:1rem;gap:.85rem;padding:1rem;transform:none}.dashboard-qr-list-item.qr-gallery-card:hover{transform:none}.qr-gallery-card-top{grid-template-columns:5.75rem minmax(0,1fr);gap:.85rem}.qr-gallery-card-preview{width:5.75rem;height:5.75rem}.qr-gallery-card-title-row h4{font-size:1rem}.qr-gallery-card-actions{padding-top:.7rem}.qr-gallery-card-qr .qr-gallery-card-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.qr-gallery-card-actions button{min-height:3rem;font-size:.58rem}.link-studio-plan-unlock{grid-template-columns:auto minmax(0,1fr)}.link-studio-plan-unlock button{grid-column:1/-1;width:100%}}@media (width<=420px){.qr-gallery-card-top{grid-template-columns:5rem minmax(0,1fr)}.qr-gallery-card-preview{width:5rem;height:5rem;padding:.35rem}.qr-gallery-card-actions{gap:.18rem}.qr-gallery-card-actions button{min-height:2.85rem;font-size:.54rem}.link-gallery-card-risk{display:none}}:root{--tone-brand-light:#1967c3;--tone-emerald:#10b981;--tone-indigo:#6366f1;--tone-rose-dark:#f43f5e;--tone-danger:#f43f5e;--qr-shell-bg:#fff;--qr-card-bg:#fff;--qr-card-border:#1967c324;--qr-card-shadow:0 16px 40px #0f172a14;--qr-soft-panel:#f3f7fc;--qr-title:#10233f;--qr-copy:#5b6b82}:root[data-theme=dark],:root.dark,html.dark{--qr-shell-bg:#020617e6;--qr-card-bg:#0f172ae0;--qr-card-border:#ffffff1a;--qr-card-shadow:0 22px 48px #02061747;--qr-soft-panel:#0f172a9e;--qr-title:#fffffff5;--qr-copy:#e2e8f0c7}.qr-page-shell,.dashboard-studio-shell{border:1px solid var(--qr-card-border);background:var(--qr-shell-bg);min-width:0;box-shadow:var(--qr-card-shadow);border-radius:1.4rem;gap:1.5rem;padding:.7rem;display:grid}.qr-page-intro,.dashboard-studio-hero{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:end;gap:1.25rem;padding:.35rem 0 .2rem;display:flex}.qr-page-intro h1,.dashboard-studio-hero h1{color:var(--qr-title);margin:.3rem 0 0;font-size:clamp(1.9rem,2.8vw,2.8rem);line-height:1.02}.qr-page-intro p,.dashboard-studio-hero p{max-width:54rem;color:var(--qr-copy);margin:.7rem 0 0;line-height:1.6}.qr-page-intro-premium{justify-content:center;align-items:stretch;gap:1rem;padding:.1rem 0 .3rem}.qr-page-intro-copy{text-align:center;justify-items:center;gap:.7rem;width:100%;min-width:0;display:grid}.qr-page-intro-copy p{max-width:58rem;margin:0}.qr-page-intro-actions,.qr-public-closing-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.qr-page-intro-actions .btn,.qr-public-closing-actions .btn{align-items:center;gap:.45rem;display:inline-flex}.qr-page-intro-spotlight{background:radial-gradient(circle at top right, #1967c31f, transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--qr-card-bg) 96%, white), color-mix(in srgb, var(--qr-soft-panel) 92%, var(--qr-card-bg)));border:1px solid #1967c324;border-radius:1.15rem;gap:.55rem;min-width:17rem;max-width:20rem;padding:.95rem 1rem;display:grid;box-shadow:0 16px 32px #0f172a0f}.qr-page-intro-spotlight-compact{align-content:center;min-height:0}.qr-page-intro-spotlight-badge,.qr-public-example-tag{width:fit-content;min-height:1.45rem;color:var(--tone-brand-light);letter-spacing:.04em;text-transform:uppercase;background:#1967c314;border-radius:999px;align-items:center;padding:0 .55rem;font-size:.64rem;font-weight:800;display:inline-flex}.qr-page-intro-spotlight strong,.qr-public-proof-card strong{color:var(--qr-title);font-size:.95rem}.qr-page-intro-spotlight p,.qr-public-proof-card p,.qr-public-example-card p,.qr-public-value-card p,.qr-public-closing p{color:var(--qr-copy);margin:0;font-size:.8rem;line-height:1.42}.qr-page-intro-spotlight-tags{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.qr-page-intro-spotlight-tags span{color:#047857;background:#10b98114;border-radius:999px;align-items:center;gap:.35rem;min-height:1.65rem;padding:0 .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.qr-public-proof-grid,.qr-public-example-grid,.qr-public-value-grid{gap:.8rem;display:grid}.qr-public-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-public-proof-card,.qr-public-example-card,.qr-public-value-card,.qr-public-closing{background:var(--qr-card-bg);border:1px solid #1967c31f;border-radius:1.15rem;box-shadow:0 14px 32px #0f172a0d}.qr-public-proof-card,.qr-public-value-card{gap:.45rem;padding:.85rem .9rem;display:grid}.qr-public-proof-icon,.qr-public-value-icon{width:2rem;height:2rem;color:var(--tone-brand-light);background:#1967c314;border-radius:.7rem;justify-content:center;align-items:center;display:inline-flex}.qr-public-showcase{gap:.85rem;display:grid}.qr-public-showcase-head{gap:.3rem;display:grid}.qr-public-showcase-head h2,.qr-public-closing h2{color:var(--qr-title);margin:0;font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.08}.qr-public-showcase-head p{max-width:40rem;color:var(--qr-copy);margin:0;font-size:.88rem;line-height:1.45}.qr-public-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-public-example-card{gap:.5rem;padding:.95rem;display:grid}.qr-public-example-card h3,.qr-public-value-card h3{color:var(--qr-title);margin:0;font-size:.96rem}.qr-public-example-card-brand{background:radial-gradient(circle at top right, #1967c314, transparent 35%), var(--qr-card-bg)}.qr-public-example-card-emerald{background:radial-gradient(circle at top right, #10b9811a, transparent 35%), var(--qr-card-bg)}.qr-public-example-card-amber{background:radial-gradient(circle at top right, #f59e0b1f, transparent 35%), var(--qr-card-bg)}.qr-public-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-public-closing{background:radial-gradient(circle at top right, #1967c314, transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--qr-card-bg) 98%, white), color-mix(in srgb, var(--qr-soft-panel) 94%, var(--qr-card-bg)));justify-content:space-between;align-items:end;gap:1rem;padding:1rem;display:flex}.qr-eyebrow{color:var(--tone-brand-light);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.76rem;font-weight:800;display:inline-flex}.qr-studio-shell{background:var(--qr-shell-bg);border-radius:1.4rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,.88fr);align-items:stretch;gap:.8rem;min-width:0;padding:.7rem;display:grid}.qr-studio-left,.qr-studio-right{gap:.8rem;min-width:0;display:grid}.qr-studio-left{align-self:start}.qr-studio-right{align-content:start;align-self:start;height:max-content;position:relative;top:auto}.qr-studio-card{border:1px solid var(--qr-card-border);background:var(--qr-card-bg);box-shadow:var(--qr-card-shadow);border-radius:1.35rem;min-width:0;overflow:hidden}.qr-generator-hero{justify-content:space-between;align-items:start;gap:.8rem;padding:.05rem 0 .55rem;display:flex}.qr-generator-hero h2{color:var(--qr-title);margin:.3rem 0 0;font-size:clamp(1.45rem,2vw,1.95rem)}.qr-generator-hero p{max-width:18rem;color:var(--qr-copy);margin:0;font-size:.86rem;line-height:1.4}.qr-generator-section{background:var(--qr-soft-panel);border:1px solid #1967c31a;border-radius:1rem;gap:.65rem;padding:.75rem;display:grid}.qr-generator-section+.qr-generator-section{margin-top:.6rem}.qr-generator-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.6rem;display:grid}.qr-generator-progress-6{grid-template-columns:repeat(6,minmax(0,1fr))}.qr-generator-progress-step{color:#526071;text-align:left;cursor:pointer;background:#ffffffc2;border:1px solid #1967c31f;border-radius:.82rem;align-items:center;gap:.55rem;padding:.62rem .68rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex}.qr-generator-progress-6 .qr-generator-progress-step{flex-direction:column;align-items:flex-start;gap:.32rem;padding:.52rem .48rem}.qr-generator-progress-step:hover{border-color:#1967c338;transform:translateY(-1px)}.qr-generator-progress-index{width:1.72rem;height:1.72rem;color:var(--tone-brand-light);background:#e8f0fb;border-radius:999px;flex:0 0 1.72rem;place-items:center;font-weight:800;display:grid}.qr-generator-progress-step-complete .qr-generator-progress-index{color:#047857;background:#10b98129}.qr-generator-progress-copy{gap:.14rem;display:grid}.qr-generator-progress-copy strong{color:#10233f;font-size:.8rem}.qr-generator-progress-copy small{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.qr-generator-progress-6 .qr-generator-progress-copy strong{font-size:.74rem}.qr-generator-progress-6 .qr-generator-progress-copy small{font-size:.62rem;line-height:1.1}.qr-generator-tabs-grid{background:#fff;border:1px solid #1967c31a;border-radius:.85rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem;padding:.22rem;display:grid}.qr-generator-type-tab{color:#314256;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.12rem;padding:.42rem .18rem;font-size:.72rem;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.qr-generator-type-tab span{line-height:1.1}.qr-generator-type-tab-active{color:var(--tone-brand-light);background:#1967c314;box-shadow:inset 0 0 0 1px #1967c31f}.qr-generator-more-formats{background:linear-gradient(#ffffffeb,#f7fbfff5)}.qr-generator-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.qr-generator-more-card{background:#ffffffeb;border:1px solid #1967c314;border-radius:.95rem;gap:.35rem;padding:.62rem;display:grid}.qr-generator-more-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.qr-generator-more-icon{width:1.9rem;height:1.9rem;color:var(--tone-brand-light);background:#1967c314;border-radius:.6rem;justify-content:center;align-items:center;display:inline-flex}.qr-generator-more-card strong{color:#10233f;font-size:.84rem}.qr-generator-more-card p{color:#64748b;margin:0;font-size:.7rem;line-height:1.25}.qr-generator-more-badge{min-height:1.4rem;color:var(--tone-brand-light);letter-spacing:.04em;text-transform:uppercase;background:#1967c314;border-radius:999px;align-items:center;padding:0 .5rem;font-size:.64rem;font-weight:800;display:inline-flex}.qr-generator-section-head{align-items:start;gap:.55rem;display:flex}.qr-generator-section-head-compact{margin-bottom:.5rem}.qr-generator-section-focus{background:radial-gradient(circle at 100% 0,#1967c30f,#0000 32%),#f3f7fc;border-color:#1967c329}.qr-generator-section-head h3{color:var(--qr-title);margin:0;font-size:.92rem}.qr-generator-step-badge{background:var(--qr-title);color:#fff;border-radius:.4rem;flex:0 0 1.58rem;place-items:center;width:1.58rem;height:1.58rem;font-size:.74rem;font-weight:800;display:grid}.qr-generator-flow-actions-export{justify-content:flex-start}.qr-generator-flow-note{color:#6b7280;max-width:21rem;font-size:.74rem;line-height:1.35}.qr-generator-flow-next,.qr-generator-flow-back{min-width:9rem}.qr-mobile-preview-card{gap:.7rem;margin-bottom:.8rem;display:grid}.qr-mobile-preview-toggle{color:#10233f;background:#f8fbff;border:1px solid #1967c31f;border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.85rem .95rem;display:flex}.qr-mobile-preview-toggle-copy{text-align:left;gap:.15rem;display:grid}.qr-mobile-preview-toggle-copy strong{font-size:.84rem}.qr-mobile-preview-toggle-copy small{color:#64748b;font-size:.7rem}.qr-generator-subsection{background:#ffffffe6;border:1px solid #1967c31a;border-radius:.95rem;gap:.55rem;padding:.68rem;display:grid}.qr-generator-subsection-head{gap:.14rem;display:grid}.qr-generator-subsection-head h4{color:#0f172a;margin:0;font-size:.86rem}.qr-generator-subsection-head p{color:#64748b;margin:0;font-size:.74rem;line-height:1.3}.qr-generator-subsection-mode{gap:.6rem}.qr-generator-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;display:grid}.qr-generator-mode-card{color:#334155;text-align:left;cursor:pointer;background:#fffffff5;border:1px solid #1967c31f;border-radius:1rem;gap:.28rem;padding:.82rem;transition:border-color .18s,box-shadow .18s,transform .18s,opacity .18s,background .18s;display:grid}.qr-generator-mode-card-static:hover{border-color:#1967c33d}.qr-generator-mode-card-dynamic:hover{border-color:#6366f147;box-shadow:0 14px 26px #6366f114}.qr-generator-mode-card strong,.qr-generator-mode-inline-note strong{color:#10233f;font-size:.84rem}.qr-generator-mode-card-disabled{opacity:.58;cursor:not-allowed;box-shadow:none;background:#f8fafceb;border-color:#94a3b838}.qr-generator-mode-card-disabled:hover{box-shadow:none;border-color:#94a3b838;transform:none}.qr-generator-mode-card-active{box-shadow:0 12px 24px #1967c314}.qr-generator-mode-card-static.qr-generator-mode-card-active{background:radial-gradient(circle at 100% 0,#1967c314,#0000 34%),#fff;border-color:#1967c352}.qr-style-preview-shell{place-items:center;width:100%;display:grid}.qr-style-micro-tile{border:1px solid #1967c31f;border-radius:1rem;place-items:center;padding:.7rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6}.qr-style-eye-mask,.qr-structure-border-mask{width:100%;height:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.qr-style-eye-svg-overlay{padding:.7rem;position:absolute;inset:0}.qr-style-eye-center-mask{width:34%;height:34%;display:block;position:absolute;inset:50%;transform:translate(-50%,-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.qr-style-eye-svg{width:100%;height:100%;display:block}.qr-style-micro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;width:100%;height:100%;display:grid}.qr-style-micro-cell{place-items:center;min-width:0;min-height:0;display:grid}.qr-generator-mode-card-dynamic.qr-generator-mode-card-active{background:radial-gradient(circle at 100% 0,#6366f124,#0000 36%),linear-gradient(#fffffffa,#f5f4fffa);border-color:#6366f157;box-shadow:0 14px 28px #6366f11f}.qr-generator-mode-inline-note{background:#1967c30f;border:1px solid #1967c31a;border-radius:.82rem;gap:.2rem;padding:.62rem .7rem;display:grid}.qr-generator-mode-inline-note-dynamic{background:#6366f114;border-color:#6366f129}.qr-generator-short-url-note{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem .9rem}.qr-generator-short-url-note strong,.qr-generator-short-url-note>span{grid-column:1/2}.qr-generator-short-url-note .qr-generator-slug-button{grid-area:1/2/span 2/3;align-self:center}.qr-brand-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;display:grid}.qr-brand-kit-card,.qr-brand-lock-card{background:#fffffff0;border:1px solid #1967c31a;border-radius:.95rem;gap:.55rem;padding:.72rem;display:grid}.qr-brand-kit-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.qr-brand-kit-head strong,.qr-brand-lock-card strong{color:#10233f;font-size:.84rem}.qr-brand-kit-head span{color:#64748b;font-size:.72rem;font-weight:700}.qr-brand-kit-save-row{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.qr-brand-kit-list,.qr-brand-logo-list{gap:.48rem;display:grid}.qr-brand-kit-item,.qr-brand-logo-item{background:#f8fbff;border:1px solid #c3c6d733;border-radius:.82rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.62rem .68rem;display:flex}.qr-brand-kit-item small,.qr-brand-lock-card small,.qr-brand-kit-empty{color:#64748b;font-size:.72rem;line-height:1.3}.qr-brand-palette-copy,.qr-brand-logo-copy{gap:.3rem;display:grid}.qr-brand-palette-swatches{gap:.28rem;display:flex}.qr-brand-palette-swatches span{border:1px solid #0f172a14;border-radius:999px;width:1rem;height:1rem}.qr-brand-logo-thumb{background:#fff;border:1px solid #c3c6d733;border-radius:.6rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;overflow:hidden}.qr-brand-logo-thumb img{object-fit:contain;width:100%;height:100%}.qr-studio-card-head{justify-content:space-between;align-items:end;gap:1rem;min-width:0;margin-bottom:1rem;display:flex}.qr-studio-card-head h2,.dashboard-studio-card-head h2{color:#0f172a;margin:.25rem 0 0;font-size:1.15rem}.qr-studio-card-head p,.dashboard-studio-card-head p{color:#6b7280;min-width:0;max-width:24rem;margin:0;font-size:.92rem;line-height:1.5}.qr-type-tabs{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.75rem;min-width:0;padding:0;display:grid}.qr-type-tab{--tab-accent:#1967c31f;color:#314256;cursor:pointer;text-align:center;background:#fff;border:1px solid #1967c31f;border-radius:.95rem;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-width:0;min-height:4.35rem;padding:.9rem .8rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.qr-type-tab:hover{box-shadow:0 12px 22px var(--tab-accent);border-color:#6366f147;transform:translateY(-1px)}.qr-type-tab-active{color:var(--tone-brand-light);background:#1967c30f;border-color:#1967c347;box-shadow:0 10px 22px #1967c314}.qr-type-tab span{font-size:.8rem;line-height:1.2}.qr-step-panel{gap:.75rem;min-width:0;display:grid}.qr-content-panel{background:#fff;border:1px solid #c3c6d538;border-radius:.75rem;gap:1rem;padding:1.15rem;box-shadow:0 10px 24px #0f172a09}.qr-content-panel-compact{box-shadow:none;padding:1.15rem 1.3rem}.qr-form-grid-content{grid-template-columns:minmax(0,1fr)}.qr-content-panel .qr-form-grid-content{display:block}.qr-content-panel-head{gap:.28rem;display:grid}.qr-content-panel-head h3{color:#111827;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:800}.qr-content-panel-head p{color:#64748b;max-width:42rem;margin:0;font-size:.82rem;line-height:1.45}.qr-content-panel-body{min-width:0}.qr-step-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-top:1rem;display:flex}.qr-studio-shell>*{min-width:0}.qr-form-grid,.qr-form-grid-nested{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem .85rem;min-width:0;display:grid}.qr-form-grid-nested{grid-column:1/-1}.qr-form-grid-nested .qr-form-field{grid-column:auto}.qr-form-grid-nested .qr-form-field:last-child:nth-child(odd){grid-column:1/-1}.qr-form-field{gap:.28rem;min-width:0;display:grid}.qr-content-panel .qr-form-grid-content>.qr-form-field{gap:.5rem}.qr-content-panel .qr-form-grid-nested{gap:.8rem .85rem}.qr-content-panel .qr-form-grid-nested>.qr-form-field{background:0 0;border:0;border-radius:0;padding:0}.qr-content-panel .qr-form-grid-nested>.qr-form-field:focus-within{box-shadow:none}.qr-content-panel .qr-form-grid-phone{grid-template-columns:minmax(6.25rem,7.25rem) minmax(0,1fr);align-items:start}.qr-content-panel .qr-form-grid-phone>.qr-form-field:last-child:nth-child(odd),.qr-form-field-span{grid-column:1/-1}.qr-form-field>span{color:#334155;letter-spacing:.045em;text-transform:uppercase;font-size:.72rem;font-weight:800;line-height:1.1}.qr-form-field>small{color:#6b7280;font-size:.72rem;line-height:1.35}.qr-textarea{resize:vertical;min-height:4rem}.qr-content-panel .input,.qr-content-panel .select{background:#fff;border-color:#c3c6d5bf;width:100%;min-height:2.85rem;padding-left:.9rem;padding-right:.9rem;box-shadow:0 1px 2px #0f172a0d}.qr-content-panel .select{padding-right:2rem}.qr-content-panel .qr-form-field-country .select{text-align:center;min-width:0;font-weight:800}.qr-content-panel .input:focus,.qr-content-panel .select:focus{border-color:#1967c36b;outline:none;box-shadow:0 0 0 4px #1967c317}.qr-content-panel .qr-textarea{border-radius:.95rem;min-height:6.6rem;padding:.85rem .95rem}.qr-form-error,.qr-form-success{border-radius:.9rem;margin:.9rem 0 0;padding:.85rem 1rem;font-size:.9rem}.qr-form-error{color:#9f1239;background:#be185d0f;border:1px solid #be185d29}.qr-form-success{color:#047857;background:#10b98114;border:1px solid #10b9812e}.qr-turnstile{justify-content:center}.qr-generator-cta{text-align:left;background:#fff;border:1px solid #1967c31a;border-radius:1.25rem;gap:.7rem;padding:1.45rem;display:grid}.qr-generator-cta h3{color:#0f172a;margin:0;font-size:1.25rem}.qr-generator-cta p,.qr-download-notice{color:#64748b;margin:0;line-height:1.6}.qr-inline-toggle,.qr-panel-actions,.dashboard-studio-actions,.qr-download-actions{flex-wrap:wrap;gap:.6rem;min-width:0;display:flex}.qr-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #1967c31f;border-radius:999px;min-width:0;padding:.56rem .82rem;font-weight:700}.qr-chip-active{color:var(--tone-brand-light);background:#1967c314;border-color:#1967c34d}.billing-page-shell{gap:1.4rem}.billing-plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.billing-plan-card{background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #0f172a14;border-radius:1.5rem;gap:1rem;padding:1.35rem;display:grid;box-shadow:0 18px 48px #0f172a0f}.billing-plan-card-featured{background:radial-gradient(circle at 100% 0,#1967c314,#0000 30%),linear-gradient(#fffffffc,#f1f5f9fa);border-color:#1967c338;box-shadow:0 26px 56px #1967c31f}.billing-plan-head{gap:.45rem;display:grid}.billing-plan-title-row{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.billing-plan-title-row h3{color:#0f172a;margin:0;font-size:1.35rem}.billing-plan-kicker{color:#1967c3;letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.billing-plan-price{color:#020617;font-size:clamp(2rem,4vw,2.6rem);line-height:1}.billing-plan-period{color:#475569;font-size:.92rem;font-weight:600}.billing-plan-copy,.billing-plan-note{color:#64748b;margin:0;line-height:1.6}.billing-plan-list{color:#0f172a;gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.billing-plan-list li{line-height:1.45}.billing-plan-chip{color:#334155;white-space:nowrap;background:#0f172a0d;border-radius:999px;align-items:center;padding:.42rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.billing-plan-chip-featured{color:#0b4fa2;background:#1967c31a}.billing-plan-actions{gap:.7rem;display:grid}.billing-overview-card,.billing-secure-card{background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #0f172a14;border-radius:1.5rem;gap:1rem;padding:1.35rem;display:grid;box-shadow:0 18px 48px #0f172a0f}.billing-overview-head,.billing-secure-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.billing-overview-head h3,.billing-secure-head h3{color:#0f172a;margin:.25rem 0 0;font-size:1.3rem}.billing-overview-head p,.billing-secure-head p{color:#64748b;margin:.35rem 0 0;line-height:1.55}.billing-overview-kicker{color:#1967c3;letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.billing-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;min-width:min(100%,23rem);display:grid}.billing-overview-metrics div{background:#0f172a0a;border:1px solid #0f172a0d;border-radius:1rem;padding:.9rem 1rem}.billing-overview-metrics span{color:#64748b;margin-bottom:.35rem;font-size:.8rem;display:block}.billing-overview-metrics strong{color:#0f172a;font-size:1.15rem}.billing-secure-state{gap:.3rem;display:grid}.billing-secure-state strong{color:#0f172a;font-size:1rem}.billing-secure-state p{color:#64748b;margin:0}.billing-secure-actions{flex-wrap:wrap;gap:.75rem;display:flex}.billing-secure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem;display:grid}.billing-secure-grid label{gap:.38rem;min-width:0;display:grid}.billing-secure-grid label span{color:#334155;font-size:.85rem;font-weight:700}.billing-secure-field-wide{grid-column:1/-1}.billing-secure-locked,.billing-secure-details{gap:1rem;display:grid}@media (width<=1120px){.billing-plans-grid,.billing-secure-grid,.billing-overview-metrics{grid-template-columns:1fr}}.qr-color-studio{gap:.62rem;display:grid}.qr-color-studio-hero,.qr-color-section,.qr-color-slider-card,.qr-color-position-card,.qr-color-warning{background:#fffffff5;border:1px solid #1967c314;border-radius:1.25rem}.qr-color-studio-hero,.qr-color-section,.qr-color-warning{padding:.68rem}.qr-color-studio-hero{justify-content:space-between;align-items:start;gap:.8rem;display:flex}.qr-color-studio-copy{gap:.35rem;display:grid}.qr-color-studio-copy h3{color:#0f172a;margin:0;font-size:1rem}.qr-color-studio-copy p,.qr-color-section-head p,.qr-color-warning p{color:#64748b;margin:0;font-size:.76rem;line-height:1.28}.qr-color-studio-kicker,.qr-color-section-kicker,.qr-preview-kicker{color:var(--tone-brand-light);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.66rem;font-weight:800;display:inline-flex}.qr-color-quality-badge{border-radius:999px;align-items:center;gap:.55rem;min-height:2.75rem;padding:.7rem .95rem;font-size:.84rem;font-weight:800;display:inline-flex}.qr-color-quality-badge-excellent{color:#047857;background:#10b9811f}.qr-color-quality-badge-ok{color:#4338ca;background:#6366f11f}.qr-color-quality-badge-warning,.qr-color-quality-badge-invalid{color:#9d174d;background:#be185d1a}.qr-color-section{gap:.75rem;display:grid}.qr-color-section-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.qr-color-section-head h4,.qr-preview-head h3{color:#0f172a;margin:.2rem 0 0}.qr-color-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.qr-color-preset-card,.qr-color-mode-item,.qr-color-position-button,.qr-color-action-button,.qr-color-ghost-button,.qr-color-collapse,.qr-color-field-trigger{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}.qr-color-preset-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #1967c31f;border-radius:1rem;gap:.8rem;padding:.95rem;display:grid}.qr-color-preset-card:hover{border-color:#6366f13d;transform:translateY(-1px);box-shadow:0 14px 28px #6366f114}.qr-color-preset-card-active{border-color:#1967c35c;box-shadow:0 16px 30px #1967c314}.qr-color-preset-card strong{color:#0f172a;font-size:.9rem}.qr-color-preset-preview{border:1px solid #1967c314;border-radius:.95rem;grid-template-columns:1.3fr 1fr .55fr;min-height:3.6rem;display:grid;overflow:hidden}.qr-color-preset-preview span{display:block}.qr-color-mode-toggle{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.qr-color-mode-item{color:#334155;background:#fff;border:1px solid #1967c31f;border-radius:1rem;min-height:3.2rem;font-weight:700}.qr-color-mode-item[data-state=on],.qr-color-mode-item-active{color:var(--tone-brand-light);background:#1967c314;border-color:#1967c352;box-shadow:inset 0 0 0 1px #1967c314}.qr-color-field-grid,.qr-color-advanced-grid{gap:.9rem;display:grid}.qr-color-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-color-field{gap:.55rem;min-width:0;display:grid;position:relative}.qr-color-field-head,.qr-color-slider-head,.qr-preview-head{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.qr-color-field-label{color:#334155;font-size:.9rem;font-weight:700}.qr-color-field-status-invalid,.qr-color-field-error{color:#f43f5e}.qr-color-field-control{background:#fff;border:1px solid #1967c31f;border-radius:1rem;grid-template-columns:2.35rem minmax(7.2rem,1fr) auto;align-items:center;gap:.55rem;min-height:3.5rem;padding:.55rem .65rem;display:grid}.qr-color-field-control-invalid{border-color:#be185d4d}.qr-color-field-swatch{border:1px solid #0f172a14;border-radius:.6rem;width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px #ffffff3d}.qr-color-field-swatch-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;padding:0;display:inline-flex}.qr-color-native-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.qr-color-field-input{color:#0f172a;width:100%;min-width:0;font-family:var(--hoppla-font-sans);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;font-size:.92rem;font-weight:700;line-height:1}.qr-color-field-input:focus{outline:none}.qr-color-field-trigger{min-height:2.35rem;color:var(--tone-brand-light);white-space:nowrap;background:#1967c30a;border:1px solid #1967c31f;border-radius:.8rem;padding:0 .72rem;font-size:.82rem;font-weight:700}.qr-color-slider-card,.qr-color-position-card{gap:.9rem;padding:1rem;display:grid}.qr-color-slider-head span,.qr-color-position-label,.qr-preview-summary-item span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.qr-color-slider-head strong,.qr-preview-summary-item strong{color:#0f172a}.qr-color-slider{width:100%}.qr-color-position-grid,.qr-color-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;display:grid}.qr-color-position-button,.qr-color-action-button,.qr-color-ghost-button,.qr-color-collapse{color:#334155;text-align:center;cursor:pointer;background:#fff;border:1px solid #1967c31f;border-radius:.95rem;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.75rem .95rem;font-weight:700;display:inline-flex}.qr-color-position-button-active,.qr-color-action-button:hover,.qr-color-ghost-button:hover,.qr-color-collapse:hover{border-color:#1967c347;box-shadow:0 12px 24px #1967c314}.qr-color-position-button-active{color:var(--tone-brand-light);background:#1967c314}.qr-color-collapse{justify-content:space-between}.qr-color-collapse span{align-items:center;gap:.55rem;display:inline-flex}.qr-color-collapse-panel,.qr-color-inline-actions{gap:.9rem;display:grid}.qr-color-toggle-line{color:#334155;align-items:center;gap:.75rem;font-weight:600;display:inline-flex}.qr-color-studio-hero-minimal{box-shadow:none;background:0 0;border:0;padding:0 0 .5rem}.qr-color-studio-hero-minimal .qr-color-studio-copy h3{color:#1b1c1d;font-family:var(--hoppla-font-sans);margin:0;font-size:.95rem;font-weight:500}.qr-color-preset-grid-minimal{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.qr-color-preset-card-minimal{width:3rem;height:3rem;min-height:0;box-shadow:none;background:0 0;border:2px solid #0000;border-radius:999px;padding:0}.qr-color-preset-card-minimal:hover{box-shadow:none;border-color:#73778466;transform:none}.qr-color-preset-card-minimal.qr-color-preset-card-active{border-color:#36c;box-shadow:0 0 0 4px #3366cc1f}.qr-color-opacity-grid{margin-top:.9rem}.qr-color-opacity-card{background:#f8fbffcc;border:1px solid #c3c6d540;border-radius:.75rem;padding:.85rem}.qr-color-opacity-card-disabled{opacity:.45}.qr-color-accent-row{gap:.6rem;margin-top:.8rem;display:flex}.qr-color-accent-button{border:2px solid #fff;border-radius:999px;width:2.15rem;height:2.15rem;box-shadow:0 0 0 1px #43465329,0 8px 18px #0f172a14}.qr-color-accent-button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #1967c352,0 10px 20px #1967c31f}.qr-gradient-linear-controls{gap:.75rem;margin-top:.9rem;display:grid}.qr-color-radial-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:.9rem;display:grid}.qr-radial-toolbar-label{color:#334155;font-size:.9rem;font-weight:800}.qr-color-radial-size-card{background:#f8fbffcc;border:1px solid #c3c6d540;border-radius:.75rem;padding:.85rem}.qr-color-add-stop-button{width:3rem;min-height:100%;color:var(--tone-brand-light);cursor:pointer;background:#fff;border:1px solid #1967c33d;border-radius:.85rem;font-size:1.45rem;font-weight:900}.qr-color-add-stop-button:hover{border-color:var(--tone-brand-light);background:#1967c30f}.qr-form-shell{justify-content:center;align-items:center;max-width:100%;display:flex;position:relative;overflow:visible}.qr-form-shell-scale{position:relative}.qr-renderer-square-shell{justify-content:center;align-items:center;max-width:100%;max-height:100%;margin:0 auto;display:flex}.qr-renderer-square-shell .qr-preview-canvas{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important}.qr-renderer-square-shell .qr-preview-canvas>*,.qr-renderer-square-shell .qr-preview-canvas canvas,.qr-renderer-square-shell .qr-preview-canvas svg{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}.qr-form-background-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qr-form-qr-slot{justify-content:center;align-items:center;display:flex;position:absolute;overflow:visible}.qr-form-qr-slot .qr-preview-canvas{background:0 0;overflow:visible;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;display:flex!important}.qr-form-qr-slot .qr-preview-canvas>*{justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;display:flex!important}.qr-form-qr-slot .qr-preview-canvas canvas,.qr-form-qr-slot .qr-preview-canvas svg{background:0 0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}.qr-form-section{gap:1rem}.qr-form-option-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:.85rem;display:grid}.qr-form-option-card{text-align:left;background:#ffffffbd;border:1px solid #1967c31f;border-radius:1rem;align-content:start;gap:.7rem;min-height:116px;padding:.9rem;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative}.qr-form-option-card:hover{border-color:#1967c338;transform:translateY(-1px);box-shadow:0 14px 28px #1967c314}.qr-form-option-card:disabled{opacity:.56;cursor:not-allowed}.qr-form-option-card-active{background:#1967c312;border-color:#1967c357;box-shadow:0 16px 32px #1967c314}.qr-form-option-art{background:#fff;border:1px solid #0f172a14;border-radius:.85rem;place-items:center;width:3rem;height:3rem;display:grid}.qr-form-option-art svg{width:2rem;height:2rem}.qr-form-option-copy{gap:.25rem;display:grid}.qr-form-option-copy strong{color:#0f172a;font-size:.88rem;font-weight:800}.qr-form-option-copy small{color:#64748b;font-size:.74rem;line-height:1.35}.qr-form-option-lock{color:#334155;background:#0f172a14;border-radius:999px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:inline-flex;position:absolute;top:.7rem;right:.7rem}.qr-form-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.qr-form-validation{color:#065f46;background:#10b98114;border:1px solid #10b98133;border-radius:1rem;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.95rem 1rem;display:grid}.qr-form-validation strong{margin-bottom:.25rem;font-size:.84rem;display:block}.qr-form-validation p{color:inherit;margin:0;font-size:.78rem;line-height:1.4}.qr-form-validation-risky{color:#92400e;background:#f59e0b1f;border-color:#f59e0b42}.qr-form-validation-invalid{color:#991b1b;background:#ef44441a;border-color:#ef444447}.qr-color-add-stop-button:disabled{cursor:not-allowed;opacity:.35}.qr-color-radial-stops{gap:.65rem;margin-top:.75rem;display:grid}.qr-color-radial-stop{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;min-width:0;display:grid}.qr-color-remove-stop-button{width:2.6rem;height:3.5rem;color:var(--tone-rose-dark);cursor:pointer;background:#be185d0d;border:1px solid #be185d33;border-radius:.85rem;font-size:1.3rem;font-weight:900}.qr-radial-shape-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.75rem;display:grid}.qr-radial-shape-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #1967c31f;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.65rem;padding:.45rem .5rem;font-size:.76rem;font-weight:800;display:inline-flex}.qr-radial-shape-button-active{color:var(--tone-brand-light);background:#1967c314;border-color:#1967c380}.qr-radial-shape-icon{background:currentColor;width:.85rem;height:.85rem;display:inline-block}.qr-radial-shape-icon-circle{border-radius:999px}.qr-radial-shape-icon-square{border-radius:.15rem}.qr-radial-shape-icon-triangle{background:0 0;border-bottom:.88rem solid;border-left:.48rem solid #0000;border-right:.48rem solid #0000;width:0;height:0}.qr-radial-shape-icon-diamond{border-radius:.08rem;transform:rotate(45deg)}.qr-radial-layer-list{gap:.8rem;margin-top:.85rem;display:grid}.qr-radial-layer-card{background:#f8fbffd1;border:1px solid #c3c6d552;border-radius:.85rem;gap:.85rem;padding:.85rem;display:grid}.qr-radial-layer-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-radial-layer-head strong{color:#0f172a;font-size:.86rem}.qr-radial-layer-controls{gap:.75rem;display:grid}.qr-radial-empty-state{color:#64748b;margin:.8rem 0 0;font-size:.84rem;line-height:1.45}.qr-color-position-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.85rem}.qr-color-inline-actions-compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.9rem}.qr-color-inline-actions-compact .qr-color-ghost-button{min-height:2.6rem;padding:.55rem .7rem;font-size:.78rem}.qr-position-pad-field{gap:.65rem;margin-top:.95rem;display:grid}.qr-position-pad-head{justify-content:space-between;align-items:center;gap:.85rem;display:flex}.qr-position-pad-head span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.qr-position-pad-head strong{color:#0f172a;font-size:.82rem}.qr-position-pad{aspect-ratio:1.85;background:linear-gradient(90deg, #1967c31f 1px, transparent 1px), linear-gradient(0deg, #1967c31f 1px, transparent 1px), radial-gradient(circle at var(--pad-x,50%) var(--pad-y,50%), #1967c32e, transparent 38%), #fff;cursor:crosshair;touch-action:none;background-size:20% 100%,100% 25%,100% 100%,100% 100%;border:1px solid #c3c6d56b;border-radius:.85rem;width:100%;position:relative;overflow:hidden}.qr-position-pad:focus-visible{outline-offset:2px;outline:3px solid #1967c333}.qr-position-pad-point{background:var(--tone-brand-light);border:3px solid #fff;border-radius:999px;width:1.05rem;height:1.05rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #1967c347,0 0 0 1px #0f172a14}.qr-position-pad-multi{background:linear-gradient(90deg,#1967c31f 1px,#0000 1px) 0 0/20% 100%,linear-gradient(0deg,#1967c31f 1px,#0000 1px) 0 0/100% 25%,radial-gradient(circle,#10b9811f,#0000 42%) 0 0/100% 100%,#fff 0 0/100% 100%}.qr-position-pad-point-multi{color:#fff;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;font-weight:900;display:inline-flex}.qr-position-pad-field small{color:#64748b;font-size:.78rem;line-height:1.45}.qr-color-text-control{gap:.55rem;display:grid}.qr-color-text-control label{color:#334155;font-size:.9rem;font-weight:700}.qr-color-text-input{color:#0f172a;letter-spacing:.04em;text-transform:uppercase;background:#fff;border:1px solid #1967c31f;border-radius:.9rem;width:100%;min-height:3.1rem;padding:.7rem .9rem;font-weight:800}.qr-color-text-input:focus{border-color:#1967c36b;outline:none;box-shadow:0 0 0 4px #1967c31a}.qr-color-text-size-card{background:#f8fbffcc;border:1px solid #c3c6d540;border-radius:.75rem;margin-top:.9rem;padding:.85rem}.qr-color-preset-card-minimal .qr-color-preset-preview{border:2px solid #c3c6d580;border-radius:999px;grid-template-columns:1fr;height:100%;min-height:100%;overflow:hidden}.qr-color-preset-card-minimal .qr-color-preset-preview span:first-child{width:100%;height:100%}.qr-color-preset-card-minimal .qr-color-preset-preview span:nth-child(2),.qr-color-preset-card-minimal .qr-color-preset-preview span:nth-child(3){display:none}.qr-color-section-compact-minimal .qr-color-section-head{align-items:start}.qr-color-section-compact-minimal{background:#fff;border:1px solid #c3c6d538;border-radius:.75rem;padding:1.25rem 1.5rem}.qr-color-section-compact-minimal .qr-color-section-head h4{color:#1b1c1d;font-family:var(--hoppla-font-sans);margin:0 0 .75rem;font-size:.95rem;font-weight:500}.qr-design-card-grid-minimal{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.qr-design-card-minimal{min-height:0;box-shadow:none;background:#fff;border:1px solid #c3c6d54d;border-radius:.5rem;place-items:center;padding:.65rem;display:grid}.qr-design-card-minimal:hover{box-shadow:none;border-color:#73778466;transform:none}.qr-design-card-minimal.qr-design-card-active{box-shadow:none;background:#3366cc0d;border-color:#36c}.qr-design-card-minimal .qr-design-card-preview{background:0 0;border-radius:.4rem;padding:0}.qr-design-card-minimal .qr-design-card-copy{gap:0;width:100%;display:grid}.qr-design-card-minimal .qr-design-card-head{justify-content:center;width:100%}.qr-design-card-minimal .qr-design-card-head strong{font-family:var(--hoppla-font-sans);letter-spacing:.03em;text-transform:uppercase;color:#434653;text-align:center;font-size:.68rem}.qr-design-card-minimal .qr-style-preview-shell{background:0 0;border:0;min-height:6.4rem;padding:0}.qr-design-card-minimal .qr-style-micro-tile{border-radius:.9rem;padding:.62rem;width:84px!important;height:84px!important}.qr-design-card-minimal .qr-style-image-tile{border-radius:.9rem;width:104px!important;height:104px!important}.qr-design-card-minimal .qr-style-preview-canvas,.qr-design-card-minimal .qr-style-engine-preview{width:84px!important;height:84px!important}.qr-design-combo-card-minimal{min-height:2.8rem;box-shadow:none;border-radius:.5rem;padding:.55rem .65rem}.qr-design-combo-card-minimal:hover{box-shadow:none;transform:none}.qr-design-combo-card-minimal .qr-design-combo-copy{place-items:center}.qr-design-combo-card-minimal .qr-design-combo-copy strong{color:#434653;font-family:var(--hoppla-font-sans);letter-spacing:.04em;text-align:center;text-transform:uppercase;font-size:.72rem}.qr-studio-shell-mockup .qr-color-section{background:#fff;border:1px solid #c3c6d538;border-radius:.75rem;padding:1.25rem 1.5rem}.qr-studio-shell-mockup .qr-color-section-head h4{color:#1b1c1d;font-family:var(--hoppla-font-sans);margin:0 0 .75rem;font-size:.95rem;font-weight:500}.qr-studio-shell-mockup .qr-color-field-grid{gap:.75rem}.qr-studio-shell-mockup .qr-color-field-control{box-shadow:none;background:#faf9fa;border-color:#c3c6d580;border-radius:.5rem}.qr-studio-shell-mockup .qr-color-field-swatch{border-radius:999px;width:2rem;height:2rem}.qr-studio-shell-mockup .qr-color-field-trigger,.qr-studio-shell-mockup .qr-color-action-button,.qr-studio-shell-mockup .qr-color-ghost-button,.qr-studio-shell-mockup .qr-color-collapse,.qr-studio-shell-mockup .qr-color-position-button,.qr-studio-shell-mockup .qr-color-mode-item{box-shadow:none;border-radius:.5rem}.qr-color-warning{background:#fff7fbfa;border-color:#be185d29;align-items:start;gap:.8rem;display:flex}.qr-preview-head{margin-bottom:.9rem}.qr-preview-head h3{font-size:1rem}.qr-preview-summary-badge{min-height:2.4rem;color:var(--tone-brand-light);background:#1967c314;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.8rem;font-weight:800;display:inline-flex}.qr-preview-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.qr-studio-download-card{gap:.95rem;display:grid}.qr-download-panel{gap:1rem;display:grid}.qr-download-card{background:var(--qr-soft-panel);border:1px solid #1967c31a;border-radius:1rem;gap:.7rem;padding:.95rem;display:grid}.qr-download-card-head{gap:.18rem;display:grid}.qr-download-card-head h4{color:#10233f;margin:0;font-size:.92rem}.qr-download-card-head p,.qr-download-safety-copy{color:#5b6b82;margin:0;font-size:.8rem;line-height:1.45}.qr-download-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.qr-download-preset{text-align:left;cursor:pointer;background:#ffffffd1;border:1px solid #1967c31f;border-radius:.85rem;gap:.18rem;padding:.75rem .8rem;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.qr-download-preset:hover{border-color:#1967c338;transform:translateY(-1px)}.qr-download-preset strong{color:#10233f;font-size:.84rem}.qr-download-preset-top{justify-content:space-between;align-items:start;gap:.6rem;display:flex}.qr-download-preset-top span{color:#5b6b82;text-align:right;font-size:.65rem;font-weight:700;line-height:1.2}.qr-download-preset small{color:#5b6b82;font-size:.74rem;line-height:1.35}.qr-download-preset-active{background:linear-gradient(#fffffffa,#f5f4fffa);border-color:#6366f147;box-shadow:0 14px 24px #6366f11a}.qr-download-toggle-row{flex-wrap:wrap;gap:.55rem;display:flex}.qr-download-safety{border-color:#1967c31f}.qr-download-safety-excellent{background:#10b98114;border-color:#10b9812e}.qr-download-safety-ok{background:#6366f114;border-color:#6366f129}.qr-download-safety-warning,.qr-download-safety-invalid{background:#be185d14;border-color:#be185d2e}.qr-download-panel .qr-form-field{background:var(--qr-soft-panel);border:1px solid #1967c31a;border-radius:1rem;padding:1rem}.qr-download-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.qr-download-guide-card{gap:.9rem}.qr-download-guide-list{color:#4b5d78;gap:.35rem;margin:0;padding-left:1rem;font-size:.74rem;line-height:1.35;display:grid}.qr-download-guide-list li::marker{color:var(--tone-brand-light)}.qr-download-actions .btn{flex:calc(50% - .5rem);min-height:3rem}.qr-download-actions-split{gap:.6rem}.qr-download-actions .btn.btn-primary{background:linear-gradient(135deg, var(--tone-brand-light), var(--tone-indigo));border-color:#1967c33d}.qr-download-actions .btn.btn-secondary{background:linear-gradient(135deg, var(--tone-indigo), #4f46e5);color:#fff;border-color:#6366f13d}.qr-download-actions .btn.btn-secondary:hover,.qr-download-actions .btn.btn-primary:hover{filter:brightness(.96)}.qr-download-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.qr-download-pack-card{text-align:left;background:#ffffffdb;border:1px solid #1967c31f;border-radius:.9rem;gap:.28rem;padding:.82rem .9rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.qr-download-pack-card:hover{border-color:#6366f13d;transform:translateY(-1px);box-shadow:0 14px 24px #6366f11a}.qr-download-pack-card strong{color:#10233f;font-size:.82rem}.qr-download-pack-card span{color:#5b6b82;font-size:.72rem;line-height:1.32}.qr-preview-summary-item{background:#f8fbff;border:1px solid #1967c31a;border-radius:.95rem;gap:.25rem;padding:.85rem .9rem;display:grid}.qr-preview-summary-item-wide{grid-column:1/-1}.qr-preview-summary-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.8rem}.qr-preview-alerts-compact{margin-top:.75rem;margin-bottom:0}.qr-color-preset-card:focus-visible,.qr-color-mode-item:focus-visible,.qr-color-position-button:focus-visible,.qr-color-action-button:focus-visible,.qr-color-ghost-button:focus-visible,.qr-color-collapse:focus-visible,.qr-color-field-trigger:focus-visible,.qr-color-field-input:focus-visible{outline-offset:2px;outline:3px solid #0ea5e938}@media (prefers-reduced-motion:reduce){.qr-color-preset-card,.qr-color-mode-item,.qr-color-position-button,.qr-color-action-button,.qr-color-ghost-button,.qr-color-collapse,.qr-color-field-trigger{transition:none}}@media (width<=991px){.qr-studio-shell{grid-template-columns:1fr;padding:.75rem}.qr-studio-right{position:static}.qr-generator-hero,.qr-generator-section-head,.qr-color-studio-hero,.qr-color-section-head,.qr-preview-head{flex-direction:column;align-items:start}.qr-color-preset-grid,.qr-color-mode-toggle,.qr-color-field-grid,.qr-form-grid,.qr-form-grid-nested,.qr-preview-summary-grid,.qr-download-meta-grid,.qr-download-preset-grid-pro,.qr-download-pack-grid{grid-template-columns:1fr}.qr-download-actions .btn{flex-basis:100%}}@media (width<=1180px){.qr-color-preset-grid,.qr-color-position-grid,.qr-color-quick-actions,.qr-design-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.qr-color-studio-hero,.qr-color-section-head,.qr-preview-head{flex-direction:column;align-items:stretch}.qr-color-field-grid,.qr-preview-summary-grid,.qr-color-mode-toggle,.qr-color-preset-grid,.qr-color-position-grid,.qr-color-quick-actions,.qr-design-card-grid,.qr-design-combo-grid{grid-template-columns:1fr}}.qr-panel-section+.qr-panel-section{margin-top:1rem}.qr-panel-title-row{justify-content:space-between;align-items:end;gap:1rem;min-width:0;margin-bottom:.75rem;display:flex}.qr-panel-title-row h3,.qr-panel-title-row h4{color:#0f172a;margin:0}.qr-panel-title-row p{color:#6b7280;margin:0}.qr-preset-grid{gap:.8rem;min-width:0;display:grid}.qr-preset-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.qr-preset-grid-wide{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.qr-preset-tile{--preset-accent:#6366f11f;text-align:left;cursor:pointer;background:#fff;border:1px solid #1967c31f;border-radius:1rem;gap:.65rem;min-width:0;padding:.85rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.qr-preset-tile:hover{box-shadow:0 14px 24px var(--preset-accent);border-color:#6366f142;transform:translateY(-1px)}.qr-preset-tile-active{border-color:var(--tone-brand-light);background:#1967c314;box-shadow:0 12px 22px #1967c314}.qr-preset-tile:nth-child(3n+2){--preset-accent:#10b98124}.qr-preset-tile:nth-child(3n){--preset-accent:#2563eb29}.qr-preset-tile strong{color:#0f172a;font-size:.88rem}.qr-preset-tile small{color:#6b7280;font-size:.77rem;line-height:1.45}.qr-preset-preview{background:#f7fbff;border:1px solid #1967c31a;border-radius:.95rem;place-items:center;min-height:4rem;display:grid}.qr-design-template-grid,.qr-design-card-grid,.qr-design-combo-grid{gap:.7rem;display:grid}.qr-design-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-design-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-design-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-design-template-card,.qr-design-card,.qr-design-combo-card{text-align:left;background:#fff;border:1px solid #1967c31f;border-radius:.95rem;gap:.65rem;padding:.75rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.qr-design-template-card:hover,.qr-design-card:hover,.qr-design-combo-card:hover{border-color:#1967c347;transform:translateY(-1px);box-shadow:0 16px 30px #0f172a14}.qr-design-template-card-active,.qr-design-card-active,.qr-design-combo-card-active{border-color:#1967c37a;box-shadow:0 0 0 1px #1967c314,0 20px 36px #1967c31f}.qr-design-template-preview,.qr-design-card-preview{justify-content:center;display:flex}.qr-style-preview-shell{background:#f8fbff;border:1px solid #1967c31a;border-radius:.8rem;justify-content:center;align-items:center;width:100%;min-height:5.4rem;padding:.35rem;display:flex;overflow:hidden}.qr-style-image-tile{background:#fff;border:1px solid #1967c31f;border-radius:.9rem;place-items:center;padding:.2rem;display:grid;overflow:hidden}.qr-style-image-preview{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.qr-style-preview-canvas,.qr-style-preview-canvas svg,.qr-style-preview-canvas canvas,.qr-style-engine-preview,.qr-style-engine-preview-canvas,.qr-style-engine-preview-canvas svg,.qr-style-engine-preview-canvas canvas{display:block}.qr-style-preview-canvas{width:72px;height:72px}.qr-style-preview-canvas svg,.qr-style-preview-canvas canvas{width:100%;height:100%}.qr-style-engine-preview{background:#fff;border-radius:.45rem;position:relative;overflow:hidden}.qr-style-engine-preview-canvas{width:184px;height:184px;position:absolute}.qr-style-engine-preview-canvas svg,.qr-style-engine-preview-canvas canvas{width:184px!important;height:184px!important}.qr-style-engine-preview-body .qr-style-engine-preview-canvas{transform-origin:0 0;top:-55px;left:-55px;transform:scale(2.65)}.qr-style-engine-preview-frame .qr-style-engine-preview-canvas{transform-origin:0 0;top:-7px;left:-7px;transform:scale(.88)}.qr-style-engine-preview-ball .qr-style-engine-preview-canvas{transform-origin:0 0;top:-28px;left:-28px;transform:scale(1.55)}.qr-style-engine-preview-full .qr-style-engine-preview-canvas{transform-origin:0 0;top:-14px;left:-14px;transform:scale(.72)}.qr-style-preview-fallback{color:#64748b;font-size:.8rem;font-weight:700}.qr-design-template-copy,.qr-design-card-copy,.qr-design-combo-copy{gap:.22rem;display:grid}.qr-design-template-head,.qr-design-card-head{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.qr-design-template-head{flex-direction:column;align-items:start;gap:.18rem}.qr-design-template-head span{color:var(--tone-brand-light);font-size:.7rem;font-weight:700;line-height:1.35}.qr-design-template-copy strong,.qr-design-card-copy strong,.qr-design-combo-copy strong,.qr-design-guidance-panel strong{color:#0f172a;font-size:.84rem}.qr-design-template-copy p,.qr-design-card-copy p,.qr-design-combo-copy p,.qr-design-guidance-panel p{color:#64748b;margin:0;font-size:.75rem;line-height:1.35}.qr-design-badge,.qr-design-guidance-badge{min-height:1.55rem;color:var(--tone-brand-light);background:#1967c314;border:1px solid #1967c324;border-radius:999px;align-items:center;gap:.35rem;padding:0 .55rem;font-size:.66rem;font-weight:800;display:inline-flex}.qr-design-badge-warning,.qr-design-guidance-badge-warning,.qr-design-guidance-panel-warning{color:var(--tone-rose-dark);background:#be185d0f;border-color:#be185d29}.qr-design-guidance-badge-success,.qr-design-guidance-panel-success{color:var(--tone-emerald);background:#10b98114;border-color:#10b98129}.qr-design-guidance-badge-neutral,.qr-design-guidance-badge-caution,.qr-design-guidance-panel-neutral,.qr-design-guidance-panel-caution{color:var(--tone-indigo);background:#6366f114;border-color:#6366f129}.qr-design-guidance-panel{background:#fff;border:1px solid #1967c31f;border-radius:.85rem;gap:.35rem;padding:.8rem .85rem;display:grid}.qr-preview-mini-grid{grid-template-columns:repeat(4,1fr);gap:4px;width:64px;display:grid}.qr-preview-mini-grid span{aspect-ratio:1;background:var(--tone-brand-light)}.qr-preview-mini-grid-square span{border-radius:3px}.qr-preview-mini-grid-rounded span{border-radius:6px}.qr-preview-mini-grid-dots span,.qr-preview-mini-grid-classy span:nth-child(odd){border-radius:999px}.qr-preview-mini-grid-classy span:nth-child(2n){border-radius:2px}.qr-preview-mini-grid-classy-rounded span{border-radius:10px}.qr-preview-mini-grid-extra-rounded span{border-radius:999px}.qr-preview-mini-eye{width:64px;height:64px;position:relative}.qr-preview-mini-eye-frame,.qr-preview-mini-eye-ball{background:var(--tone-brand-light);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qr-preview-mini-eye-frame{width:46px;height:46px}.qr-preview-mini-eye-ball{width:16px;height:16px}.qr-preview-mini-eye-frame-square,.qr-preview-mini-eye-ball-square{border-radius:4px}.qr-preview-mini-eye-frame-dot,.qr-preview-mini-eye-frame-dots,.qr-preview-mini-eye-ball-dot,.qr-preview-mini-eye-ball-dots{border-radius:999px}.qr-preview-mini-eye-frame-rounded,.qr-preview-mini-eye-frame-extra-rounded,.qr-preview-mini-eye-frame-classy-rounded,.qr-preview-mini-eye-ball-rounded,.qr-preview-mini-eye-ball-extra-rounded,.qr-preview-mini-eye-ball-classy-rounded{border-radius:14px}.qr-preview-mini-eye-frame-classy,.qr-preview-mini-eye-ball-classy{border-radius:999px 8px}.qr-logo-gallery{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:.7rem;min-width:0;margin-bottom:1rem;display:grid}.qr-logo-chip{cursor:pointer;color:#334155;background:0 0;border:1px solid #d1dbe7cc;border-radius:.95rem;align-items:center;gap:.55rem;min-width:0;padding:.75rem .8rem;font-weight:700;display:flex;overflow:hidden}.qr-logo-chip-active{color:var(--tone-brand-light);background:0 0;border-color:#1967c380}.qr-logo-chip-icon svg{width:18px;height:18px}.qr-logo-panel-modern{gap:.9rem}.qr-logo-upload-card,.qr-logo-control-card{background:#fff;border:1px solid #c3c6d538;border-radius:.85rem;gap:.9rem;padding:1rem;display:grid}.qr-logo-upload-copy{gap:.25rem;display:grid}.qr-logo-upload-copy h4{color:#111827;margin:0;font-size:1rem;font-weight:850}.qr-logo-upload-copy p{color:#64748b;margin:0;font-size:.82rem;line-height:1.45}.qr-logo-upload-button{border:1px solid var(--tone-brand-light);width:fit-content;min-height:2.75rem;color:var(--tone-brand-light);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;font-size:.82rem;font-weight:850;transition:background .18s,color .18s,transform .18s;display:inline-flex}.qr-logo-upload-button:hover{background:var(--tone-brand-light);color:#fff;transform:translateY(-1px)}.qr-logo-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.qr-logo-current{background:#f8fafcb3;border:1px solid #c3c6d533;border-radius:.75rem;align-items:center;gap:.65rem;min-width:0;padding:.65rem;display:flex}.qr-logo-current-thumb{border:1px solid #c3c6d54d;border-radius:.65rem;place-items:center;width:2.4rem;height:2.4rem;display:grid;overflow:hidden}.qr-logo-current-thumb img{object-fit:contain;width:82%;height:82%}.qr-logo-current strong{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:800;overflow:hidden}.qr-logo-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:.7rem;display:flex}.qr-logo-toggle,.qr-logo-action-mini{cursor:pointer;border-radius:.8rem;transition:border-color .18s,background .18s,color .18s,opacity .18s}.qr-logo-action-group{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.qr-logo-toggle{color:#334155;text-align:left;background:#f8fafcc2;border:1px solid #c3c6d573;gap:.25rem;min-width:min(100%,13rem);padding:.72rem .85rem;display:grid}.qr-logo-toggle span{font-size:.82rem;font-weight:850}.qr-logo-toggle small{color:#64748b;font-size:.72rem;font-weight:700}.qr-logo-toggle-active{color:#047857;background:#10b98114;border-color:#10b98180}.qr-logo-action-mini{min-height:2.7rem;color:var(--tone-rose-dark);background:#fff;border:1px solid #be185d47;padding:0 .9rem;font-size:.78rem;font-weight:850}.qr-logo-action-mini:hover:not(:disabled){background:var(--tone-rose-dark);color:#fff}.qr-logo-action-mini-active{color:#047857;background:#10b98114;border-color:#10b98180}.qr-logo-action-mini:disabled,.qr-logo-field-disabled{opacity:.48}.qr-logo-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.qr-logo-color-field,.qr-logo-range-field{gap:.45rem;min-width:0;display:grid}.qr-logo-color-field>span,.qr-logo-range-field>span{color:#334155;letter-spacing:.045em;text-transform:uppercase;font-size:.72rem;font-weight:850;line-height:1.1}.qr-logo-color-control{grid-template-columns:2.6rem minmax(0,1fr);gap:.5rem;display:grid}.qr-logo-color-control input[type=color]{cursor:pointer;background:#fff;border:1px solid #c3c6d5b3;border-radius:999px;width:2.6rem;height:2.6rem;padding:0}.qr-logo-range-row{grid-template-columns:minmax(0,1fr) 4.4rem auto;align-items:center;gap:.55rem;display:grid}.qr-logo-number{text-align:center;min-height:2.4rem;padding-left:.55rem;padding-right:.55rem;font-weight:800}.qr-logo-range-row small{color:#64748b;font-size:.76rem;font-weight:800}.qr-preview-panel{min-width:0;position:static}.qr-preview-shell{background:#fffffff5;border:1px solid #1967c31f;border-radius:1.35rem;min-width:0;padding:1rem;overflow:hidden;box-shadow:0 14px 28px #1967c30f}.qr-preview-panel-compact .qr-preview-shell{border-radius:1.05rem;padding:.85rem}.qr-preview-shell-collapsed{padding-bottom:.75rem}.qr-preview-readiness{background:#f8fbff;border:1px solid #1967c31f;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;margin-bottom:.9rem;padding:.95rem 1rem;display:grid}.qr-preview-readiness-ready{background:#10b98114;border-color:#10b9812e}.qr-preview-readiness-good{background:#6366f114;border-color:#6366f129}.qr-preview-readiness-watch{background:#6366f114;border-color:#6366f124}.qr-preview-readiness-warn{background:#be185d14;border-color:#be185d2e}.qr-preview-readiness-minimal{grid-template-columns:1fr;padding:.8rem .9rem}.qr-preview-readiness-score{color:#10233f;background:#fff;border-radius:999px;place-items:center;width:4.15rem;height:4.15rem;display:grid;box-shadow:0 10px 20px #0f172a14}.qr-preview-readiness-score strong{font-size:1.15rem;line-height:1}.qr-preview-readiness-score span{color:#5b6b82;font-size:.72rem}.qr-preview-readiness-copy{gap:.15rem;display:grid}.qr-preview-readiness-kicker{color:var(--tone-brand-light);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.qr-preview-readiness-copy h4{color:#10233f;margin:0;font-size:.96rem}.qr-preview-readiness-copy p{color:#5b6b82;margin:0;font-size:.8rem;line-height:1.45}.qr-preview-stage{background:0 0;border-radius:1.25rem;place-items:center;min-width:0;min-height:32rem;padding:.3rem;display:grid}.qr-preview-stage-compact{min-height:16rem;margin-top:.35rem;padding:.2rem}.qr-preview-frame{justify-items:center;gap:.9rem;width:100%;min-width:0;display:grid}.qr-preview-artboard{place-items:center;width:fit-content;max-width:100%;display:grid}.qr-preview-ribbon{color:var(--tone-brand-light);letter-spacing:.18em;text-transform:uppercase;background:#1967c30f;border:1px solid #1967c31f;border-radius:999px;justify-self:center;padding:.45rem 1rem;font-size:.72rem;font-weight:900}.qr-preview-canvas{width:var(--qr-preview-size,360px);height:var(--qr-preview-size,360px);min-width:0;min-height:var(--qr-preview-size,360px);box-shadow:none;box-sizing:border-box;background:#fff;border:0;border-radius:1.4rem;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.qr-preview-canvas canvas,.qr-preview-canvas svg{shape-rendering:geometricprecision;image-rendering:auto;max-width:none;margin:0 auto;display:block;transform:none;width:var(--qr-preview-size,360px)!important;height:var(--qr-preview-size,360px)!important}.qr-preview-meta{gap:.5rem;min-width:0;margin-top:1rem;display:grid}.qr-preview-label{color:#64748b;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}.qr-preview-meta code{color:#1e293b;white-space:nowrap;background:0 0;border:1px solid #d1dbe7d1;border-radius:.95rem;max-width:100%;padding:.9rem 1rem;font-size:.82rem;display:block;overflow:auto}.qr-preview-note{color:#526071;margin:.9rem 0 0;font-size:.9rem;line-height:1.6}.qr-preview-alerts{gap:.55rem;margin-top:.85rem;margin-bottom:.9rem;display:grid}.qr-preview-alert{background:#f8fbff;border:1px solid #1967c31a;border-radius:.95rem;gap:.18rem;padding:.8rem .9rem;display:grid}.qr-preview-alert strong{color:#10233f;font-size:.82rem}.qr-preview-alert p{color:#5b6b82;margin:0;font-size:.74rem;line-height:1.45}.qr-preview-alert-good{background:#10b98114;border-color:#10b98129}.qr-preview-alert-watch{background:#6366f114;border-color:#6366f124}.qr-preview-alert-warn{background:#be185d14;border-color:#be185d2e}.qr-download-panel h3,.qr-download-panel p{margin:0}.qr-download-panel p{color:#6b7280}.range{width:100%}.dashboard-studio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1rem;min-width:0;display:grid}.dashboard-studio-metrics-collab{margin-top:1rem}.dashboard-widgets-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;align-items:stretch;gap:1rem;display:grid}.dashboard-widgets-grid-item{grid-column:span 1;min-width:0}.dashboard-widget-size-sm{grid-column:span 1}.dashboard-widget-size-md{grid-column:span 2}.dashboard-widget-size-lg{grid-column:1/-1}.dashboard-studio-metric,.dashboard-studio-card{box-shadow:none;background:0 0;border:1px solid #d1dbe7d1;border-radius:1.2rem;min-width:0;padding:1.15rem;overflow:hidden}.dashboard-studio-widget{position:relative}.dashboard-studio-widget-editing{cursor:grab;background:#f8fbfff0;border-style:dashed;border-color:#1967c342}.dashboard-studio-widget-editing:active{cursor:grabbing}.dashboard-widget-handle{width:1.9rem;height:1.9rem;color:var(--tone-brand-light);pointer-events:none;background:#1967c314;border-radius:999px;place-items:center;display:grid}.dashboard-widget-tools{z-index:2;align-items:center;gap:.42rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.dashboard-widget-resize{min-width:2rem;height:1.9rem;color:var(--tone-emerald);cursor:pointer;background:#10b9811f;border:0;border-radius:999px;padding:0 .55rem;font-size:.72rem;font-weight:800;line-height:1}.dashboard-widget-resize:hover{background:#10b9812e}.dashboard-studio-card>*{min-width:0}.dashboard-studio-metric{grid-template-rows:auto 1fr;align-content:start;gap:.75rem;min-height:100%;padding-top:1rem;padding-right:1rem;display:grid}.dashboard-studio-metric-head{justify-content:flex-start;align-items:center;gap:.65rem;display:flex}.dashboard-studio-metric span,.dashboard-studio-row small{color:#64748b}.dashboard-studio-metric-head span{color:#0f172a;font-size:.9rem;font-weight:800;line-height:1.2}.dashboard-studio-metric strong{color:var(--tone-emerald);font-size:1.8rem;line-height:1}.dashboard-studio-metric-icon{width:2.4rem;height:2.4rem;color:var(--tone-brand-light);background:0 0;border-radius:.8rem;flex:none;place-items:center;display:grid}.dashboard-studio-board{grid-template-columns:1.25fr .75fr;align-items:stretch;gap:1rem;min-width:0;display:grid}.dashboard-studio-shell>*{min-width:0}.dashboard-studio-card-head{gap:.35rem;margin-bottom:1rem;padding-right:2.1rem;display:grid}.dashboard-studio-list{gap:.75rem;display:grid}.dashboard-limits-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.dashboard-limits-pair-item{background:#f8fafce0;border:1px solid #d1dbe7b8;border-radius:1rem;gap:.2rem;min-width:0;padding:.95rem 1rem;display:grid}.dashboard-limits-pair-item span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800}.dashboard-limits-pair-item strong{color:#0f172a;font-size:1.15rem;line-height:1.1}.dashboard-limits-note{color:#64748b;margin:.85rem 0 0;line-height:1.55}.dashboard-studio-row{background:0 0;border:1px solid #d1dbe7b8;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.9rem .95rem;display:flex}.dashboard-studio-row strong{color:#0f172a;overflow-wrap:anywhere;display:block}.dashboard-studio-row-meta{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:inline-flex}.dashboard-studio-row-collab{align-items:flex-start}.dashboard-studio-row-collab-meta{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.dashboard-studio-row-collab-meta span,.dashboard-collab-tag{color:#475569;background:#f8fafceb;border:1px solid #0f172a14;border-radius:999px;padding:.32rem .58rem;font-size:.73rem;font-weight:700}.dashboard-studio-row-meta span{color:var(--tone-brand-light);background:0 0;border:1px solid #1967c329;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700}.dashboard-studio-row-meta select,.dashboard-collab-filter select{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:999px;min-height:2.45rem;padding:0 .75rem;font-size:.78rem;font-weight:700}.dashboard-collab-toolbar{grid-template-columns:180px 180px 1fr;align-items:end;gap:.7rem;display:grid}.dashboard-collab-filter{gap:.32rem;display:grid}.dashboard-collab-filter span{color:#64748b;font-size:.72rem;font-weight:700}.dashboard-collab-tags{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-collab-tag{cursor:pointer;transition:border-color .16s,background-color .16s,color .16s}.dashboard-collab-tag-active{color:var(--tone-brand-light);background:#1967c314;border-color:#1967c33d}.dashboard-studio-card-cta{align-content:start;gap:1rem;display:grid}.dashboard-studio-empty{color:#64748b;background:0 0;border:1px solid #d1dbe7b8;border-radius:1rem;padding:1rem}.dashboard-studio-surface{margin-top:.5rem}.dashboard-studio-card,.dashboard-studio-metric,.dashboard-studio-surface{width:100%}@media (width<=980px){.qr-studio-shell,.dashboard-studio-board{grid-template-columns:1fr}.qr-studio-right,.qr-preview-panel{height:auto;position:static;top:auto}.dashboard-studio-metrics,.dashboard-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget-size-md,.dashboard-widget-size-lg{grid-column:span 2}.qr-page-intro,.dashboard-studio-hero,.qr-studio-card-head,.qr-panel-title-row{flex-direction:column;align-items:start}.qr-studio-card-head p,.dashboard-studio-card-head p{max-width:none}.dashboard-limits-pair{grid-template-columns:1fr 1fr}.dashboard-studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widgets-grid{grid-template-columns:1fr}.dashboard-widget-size-sm,.dashboard-widget-size-md,.dashboard-widget-size-lg{grid-column:1/-1}.qr-type-tabs{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.qr-form-grid,.qr-form-grid-nested{grid-template-columns:1fr}.qr-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-preview-stage{min-height:24rem}.qr-page-intro-spotlight,.qr-public-showcase-head p{max-width:none}.qr-public-proof-grid,.qr-public-example-grid,.qr-public-value-grid{grid-template-columns:1fr}.qr-public-closing{flex-direction:column;align-items:start}.qr-brand-kit-grid{grid-template-columns:1fr}.qr-generator-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.qr-generator-progress-step{min-height:0;padding:.52rem}.qr-generator-progress-copy small{display:none}.qr-generator-more-grid,.qr-generator-tabs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-generator-hero p,.qr-generator-flow-note{max-width:none}}@media (width<=640px){.dashboard-studio-metrics,.dashboard-limits-pair,.dashboard-widgets-grid{grid-template-columns:1fr}.dashboard-widget-size-sm,.dashboard-widget-size-md,.dashboard-widget-size-lg{grid-column:1/-1}}@media (width<=760px){.qr-page-intro,.dashboard-studio-hero,.dashboard-studio-metrics,.dashboard-collab-toolbar{grid-template-columns:1fr}.qr-logo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-preview-stage{min-height:22rem;padding:.75rem}.qr-preview-canvas{min-width:0;min-height:260px;padding:.75rem}.dashboard-studio-row{flex-direction:column;align-items:start}.qr-page-intro-actions .btn,.qr-public-closing-actions .btn{justify-content:center;width:100%}.dashboard-studio-row-meta{justify-content:flex-start}.dashboard-studio-row-meta select{width:100%}.qr-download-actions .btn,.dashboard-studio-actions .btn,.qr-step-actions .btn{justify-content:center;width:100%}.qr-preview-panel-compact .qr-preview-readiness{grid-template-columns:1fr;justify-items:start;padding:.8rem}.qr-preview-panel-compact .qr-preview-readiness-score{width:3.35rem;height:3.35rem}.qr-preview-panel-compact .qr-preview-canvas{min-height:210px;padding:.55rem}.qr-mobile-preview-toggle,.qr-generator-flow-next,.qr-generator-flow-back{min-height:2.85rem}}@media (width<=560px){.qr-page-intro,.dashboard-studio-hero,.qr-studio-card-panel,.qr-preview-shell{padding:1rem}.qr-generator-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-type-tabs,.qr-logo-gallery,.qr-preset-grid-compact,.qr-preset-grid-wide,.qr-stepper{grid-template-columns:1fr}.qr-type-tab{justify-content:flex-start}.qr-preview-ribbon{text-align:center;letter-spacing:.12em;width:100%;padding-inline:.8rem}.qr-preview-meta code{white-space:pre-wrap;overflow-wrap:anywhere}.qr-page-intro-spotlight,.qr-public-proof-card,.qr-public-example-card,.qr-public-value-card,.qr-public-closing{padding:.85rem}}.qr-page-intro-premium{justify-content:center;align-items:center;gap:1.25rem;padding-top:.15rem}.qr-page-intro h1{width:100%;max-width:none;font-size:clamp(2rem,3.4vw,3.2rem);line-height:.98}.qr-page-intro-copy{gap:.85rem;max-width:none}.content-public{max-width:1840px}.qr-page-shell{gap:2rem}.qr-page-intro-premium{padding-top:.5rem}.qr-page-intro-copy h1{font-family:var(--hoppla-font-sans);letter-spacing:-.03em;color:#1a1b1e;font-size:clamp(2.8rem,5vw,4.6rem);font-weight:800;line-height:1.02}.qr-page-intro-copy p{color:#594139;max-width:44rem;font-size:1.05rem;line-height:1.7}.qr-studio-shell{grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);align-items:start;gap:3rem}.qr-studio-card-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa3;border:1px solid #ffffff6b;border-radius:2rem;padding:1.5rem;box-shadow:0 20px 40px #ab35000d}.qr-creation-hero{gap:.5rem;margin-bottom:1rem;display:grid}.qr-creation-hero h2{color:#1a1b1e;font-family:var(--hoppla-font-sans);margin:0;font-size:clamp(1.9rem,2.8vw,2.4rem);font-weight:800;line-height:1.15}.qr-creation-hero p{color:#594139;margin:0;font-size:1rem;line-height:1.6}.qr-generator-progress-glass{gap:.75rem;margin-top:0;margin-bottom:1.25rem}.qr-generator-progress-step{box-shadow:none;background:#ffffffb3;border:1px solid #e1bfb5cc;border-radius:999px}.qr-generator-progress-step-active{background:#ffb59d40;border-color:#ff6b3566;box-shadow:0 10px 24px #ff6b351f}.qr-generator-progress-step-complete{background:#10b9811f;border-color:#10b9813d}.qr-generator-section-focus,.qr-generator-subsection,.qr-download-card,.qr-download-panel .qr-form-field,.qr-preview-shell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #ffffff6b;border-radius:1.5rem;box-shadow:0 20px 40px #ab35000d}.qr-generator-section-focus{background:#ffffff8c;padding:1.25rem}.qr-generator-section-head h3,.qr-generator-subsection-head h4,.qr-download-card-head h4{font-family:var(--hoppla-font-sans);color:#1a1b1e}.qr-generator-type-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.qr-generator-type-card{background:#efedf180;border:1px solid #ffffff4d;border-radius:1.5rem;min-height:7.1rem;padding:1rem .9rem;box-shadow:inset 0 2px 4px #00000005}.qr-generator-type-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #ab35001a}.qr-generator-type-card-icon{color:#ab3500;background:linear-gradient(135deg,#ff6b351f,#7658f81f);border-radius:999px;width:2.8rem;height:2.8rem}.qr-generator-type-card-copy strong{font-size:.95rem;font-weight:800}.qr-generator-type-card-copy em{color:#594139}.qr-form-grid-content>.qr-form-field,.qr-generator-subsection-mode,.qr-download-card,.qr-download-meta-grid{background:#efedf180;box-shadow:inset 0 2px 4px #00000005}.qr-form-field>span{letter-spacing:.08em;text-transform:uppercase;color:#594139;font-size:.78rem;font-weight:800}.input,.select,.qr-color-field-control,.qr-chip,.qr-download-preset,.qr-download-pack-card,.qr-color-mode-item,.qr-color-position-button,.qr-color-action-button,.qr-color-ghost-button,.qr-mobile-preview-toggle{border-radius:999px}.input,.select,.qr-color-field-control{background:#ffffffeb;border-color:#e1bfb5e6;box-shadow:0 6px 16px #ab35000a}.btn-primary,.qr-download-actions .btn.btn-primary,.nav-cta{color:#fff;box-shadow:none;background:#1967c3;border-color:#1967c3}.btn-secondary,.qr-download-actions .btn.btn-secondary{color:#ab3500;background:#ffffffdb;border-color:#e1bfb5e6;box-shadow:0 8px 20px #ab350014}.qr-creation-tabs{border-bottom:1px solid #e1bfb5e6;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.qr-creation-tab{color:#594139;background:0 0;border:0;align-items:center;gap:.5rem;padding:.15rem .2rem .55rem;font-weight:800;display:inline-flex}.qr-creation-tab-active{color:#ab3500;box-shadow:inset 0 -2px #ab3500}.qr-download-preset-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-download-preset,.qr-download-pack-card{background:#ffffffe0;border-color:#e1bfb5e6}.qr-phone-preview-shell{background:#0f172a;border:8px solid #1e293b;border-radius:3rem;width:300px;height:600px;margin:0 auto;padding:1.15rem;position:sticky;top:8rem;overflow:hidden;box-shadow:0 25px 60px #0f172a59}.qr-phone-preview-notch{z-index:2;background:#1e293b;border-radius:0 0 1rem 1rem;width:8rem;height:1.5rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.qr-phone-preview-screen{background:linear-gradient(#ffdbd08c,#faf9fdfa 22%);border-radius:2.5rem;align-content:center;gap:1.25rem;width:100%;height:100%;padding:1.5rem;display:grid;overflow:hidden}.qr-studio-right .qr-preview-panel,.qr-studio-right .qr-preview-shell{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.qr-studio-right .qr-preview-readiness{background:#ffffffeb;border:1px solid #e1bfb5cc}.qr-studio-right .qr-preview-stage{background:0 0;min-height:auto;padding:0}.qr-studio-right .qr-preview-canvas{background:#fff;border-radius:1.25rem;width:100%;max-width:14rem;padding:1rem;box-shadow:0 10px 30px #0000001a}.qr-phone-preview-live{color:#6b7280;justify-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:grid}.qr-phone-preview-live svg{color:#ab3500}@media (width<=1100px){.qr-studio-shell{grid-template-columns:1fr}.qr-phone-preview-shell{width:min(100%,320px);height:auto;min-height:560px;position:static}}.qr-page-proof-card{min-width:0;max-width:24rem}.qr-public-strip,.qr-public-sections{gap:.9rem;display:grid}.qr-public-feature-grid,.qr-public-access-grid,.qr-public-usage-grid{gap:.8rem;display:grid}.qr-public-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-public-feature-card,.qr-public-access-card,.qr-public-usage-card,.qr-public-section-card{background:#fff;border:1px solid #1967c31a;border-radius:1.1rem;box-shadow:0 14px 28px #0f172a0d}.qr-public-feature-card{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.95rem 1rem;display:grid}.qr-public-feature-card h2,.qr-public-section-head h2{color:#10233f;margin:0;font-size:1rem}.qr-public-feature-card p,.qr-public-access-card p,.qr-public-usage-card p,.qr-public-section-head p{color:#607087;margin:.3rem 0 0;font-size:.84rem;line-height:1.45}.qr-public-feature-icon{width:2.35rem;height:2.35rem;color:var(--tone-brand-light);background:#1967c314;border-radius:.85rem;justify-content:center;align-items:center;display:inline-flex}.qr-public-section-card{gap:1rem;padding:1rem;display:grid}.qr-public-section-head{gap:.3rem;display:grid}.qr-public-access-grid,.qr-public-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-public-access-card,.qr-public-usage-card{gap:.45rem;padding:.9rem;display:grid}.qr-public-access-card strong,.qr-public-usage-card strong{color:#10233f;font-size:.92rem}.qr-public-section-card-cta{background:radial-gradient(circle at 100% 0,#1967c31a,#0000 35%),#fff}.qr-studio-shell{grid-template-columns:minmax(0,.9fr) minmax(500px,.92fr);gap:.9rem;padding:.72rem}.qr-studio-card-panel{padding:.82rem}.qr-studio-right{top:calc(var(--public-header-height) + 1rem)}.qr-generator-hero{align-items:end;gap:.8rem;padding:.05rem 0 .25rem}.qr-generator-hero h2{max-width:14ch;margin-top:.3rem;font-size:clamp(1.24rem,1.8vw,1.72rem)}.qr-generator-hero p{max-width:18rem;font-size:.8rem}.qr-generator-section{background:#fbfdff;border-color:#1967c314;border-radius:1.05rem;gap:.65rem;padding:.72rem}.qr-content-panel,.qr-logo-panel-modern,.qr-download-panel,.qr-design-structure-card{padding:.82rem!important}.qr-generator-section-head h3,.qr-content-panel-head h3{font-size:.98rem!important}.qr-generator-section-head p,.qr-content-panel-head p{font-size:.78rem!important;line-height:1.45!important}.qr-generator-progress{gap:.55rem}.qr-generator-progress-step{background:#fff;border-color:#1967c314}.qr-generator-progress-6 .qr-generator-progress-step{text-align:center;align-items:center;padding:.6rem .45rem}.qr-generator-progress-copy{justify-items:center}.qr-generator-progress-copy small{white-space:normal;line-height:1.2}.qr-generator-type-groups{gap:.9rem;display:grid}.qr-generator-type-group{gap:.65rem;display:grid}.qr-generator-type-group-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.qr-generator-type-group-head strong{color:#10233f;font-size:.92rem}.qr-generator-type-group-head span{color:#607087;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.qr-generator-type-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.qr-generator-type-card{text-align:left;color:#10233f;background:#fff;border:1px solid #1967c31a;border-radius:1rem;grid-template-columns:auto 1fr;align-items:start;gap:.72rem;padding:.8rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.qr-generator-type-card:hover{border-color:#1967c32e;transform:translateY(-1px);box-shadow:0 14px 24px #0f172a0d}.qr-generator-type-card-active{background:linear-gradient(#1967c30d,#6366f10a);border-color:#1967c347;box-shadow:0 18px 26px #1967c31a}.qr-generator-type-card-soon{opacity:.72;background:#f8fbff}.qr-generator-type-card-icon{width:2.35rem;height:2.35rem;color:var(--tone-brand-light);background:#1967c314;border-radius:.85rem;justify-content:center;align-items:center;display:inline-flex}.qr-generator-type-card-copy{gap:.14rem;display:grid}.qr-generator-type-card-copy strong{font-size:.9rem}.qr-generator-type-card-copy small{color:var(--tone-brand-light);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800}.qr-generator-type-card-copy em{color:#607087;font-size:.76rem;font-style:normal;line-height:1.35}.qr-generator-type-card-more{border-style:dashed}.qr-generator-type-card-locked{opacity:.82;cursor:not-allowed;background:#f1f5f9f5;border-color:#94a3b847;position:relative;overflow:hidden}.qr-generator-type-card-locked:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#64748b59 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.qr-generator-type-card-locked:hover{border-color:#94a3b861;transform:none;box-shadow:0 10px 18px #0f172a0d}.qr-generator-type-card-overlay{-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;background:0 0;place-items:center;padding:1rem;transition:opacity .18s;display:grid;position:absolute;inset:0}.qr-generator-type-card-tooltip{color:#f8fafc;opacity:0;pointer-events:none;z-index:2;background:#0f172af5;border-radius:.85rem;max-width:13rem;padding:.55rem .7rem;font-size:.72rem;font-weight:700;line-height:1.35;transition:opacity .18s,transform .18s;position:absolute;top:-.55rem;left:50%;transform:translate(-50%,-100%);box-shadow:0 18px 34px #0f172a2e}.qr-generator-type-card-tooltip:after{content:"";background:#0f172af5;width:.72rem;height:.72rem;position:absolute;bottom:-.32rem;left:50%;transform:translate(-50%)rotate(45deg)}.qr-generator-type-card-locked:hover .qr-generator-type-card-overlay{opacity:1}.qr-generator-type-card-locked:hover .qr-generator-type-card-tooltip{opacity:1;transform:translate(-50%,calc(-100% - .18rem))}.qr-generator-type-card-locked:hover .qr-generator-type-card-icon,.qr-generator-type-card-locked:hover .qr-generator-type-card-copy{filter:blur(2.4px);opacity:.44}.qr-generator-type-card-locked:hover:after{opacity:0}.qr-generator-type-card-lock{color:#f43f5e;background:#be185d29;border:1px solid #be185d57;border-radius:999px;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;display:inline-flex;transform:translateY(-10px);box-shadow:0 14px 28px #be185d2e,0 0 18px #be185d14}.qr-generator-type-sections{gap:1rem;margin-top:1rem;display:grid}.qr-generator-type-section{gap:.65rem;display:grid}.qr-generator-type-section-head h4{color:#10233f;margin:0;font-size:.88rem;font-weight:800}.qr-generator-upgrade-toast{background:#ecf4ffe6;border:1px solid #1967c324;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.qr-generator-upgrade-copy{gap:.2rem;display:grid}.qr-generator-upgrade-copy strong{color:#10233f;font-size:.88rem}.qr-generator-upgrade-copy span{color:#607087;font-size:.78rem;line-height:1.45}.qr-generator-upgrade-button,.qr-generator-upgrade-soon{flex:none}.qr-generator-upgrade-soon{color:#10233f;background:#0f172a14;border-radius:999px;align-items:center;min-height:2.5rem;padding:0 .95rem;font-size:.78rem;font-weight:800;display:inline-flex}.qr-generator-flow-note-strong{color:var(--tone-indigo);font-size:.83rem}.qr-preview-readiness{gap:.7rem;padding:.8rem .85rem}.qr-preview-readiness-score{width:3.55rem;height:3.55rem}.qr-preview-stage{min-height:26rem;padding:.8rem}.qr-preview-canvas{padding:.7rem}.qr-preview-meta code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fbff;border:1px solid #1967c314;border-radius:.9rem;padding:.7rem .8rem;display:block}@media (width<=1180px){.qr-studio-shell{grid-template-columns:1fr}.qr-studio-right{position:static;top:auto}.qr-generator-type-card-grid,.qr-public-feature-grid,.qr-public-access-grid,.qr-public-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.qr-page-intro-premium,.qr-public-feature-grid,.qr-public-access-grid,.qr-public-usage-grid,.qr-generator-type-card-grid{grid-template-columns:1fr}.qr-generator-hero{align-items:start}.qr-generator-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}.qr-studio-shell-mockup{background:0 0;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:stretch;gap:32px;padding:0}.qr-studio-shell-mockup-no-preview{grid-template-columns:minmax(0,1fr)}.qr-preview-export-host{pointer-events:none;opacity:0;width:0;height:0;position:absolute;overflow:hidden}.qr-react-preview-panel{justify-content:center;align-self:flex-start;min-width:0;height:auto;display:flex;position:sticky;top:7rem}.qr-react-preview-card{background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:2rem;flex-direction:column;width:min(100%,470px);height:auto;padding:2rem;display:flex;box-shadow:0 30px 60px #94a3b829,0 6px 16px #0f172a0a}.qr-react-preview-card h2{text-align:center;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0 0 1.75rem;font-size:clamp(1.6rem,1.3rem + .6vw,2rem);font-weight:800}.qr-react-preview-square{aspect-ratio:1;background:#f8fafc;border:0;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;min-height:0;max-height:470px;margin:0 auto;padding:1.4rem;display:flex;overflow:hidden}.qr-react-preview-square .qr-preview-panel,.qr-react-preview-square .qr-preview-shell,.qr-react-preview-square .qr-preview-stage,.qr-react-preview-square .qr-preview-frame{width:100%!important;min-width:0!important}.qr-react-preview-square .qr-preview-shell,.qr-react-preview-square .qr-preview-stage{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important}.qr-react-preview-square .qr-preview-stage{justify-content:center!important;align-items:center!important;display:flex!important}.qr-react-preview-square .qr-preview-frame{justify-content:center!important;align-items:center!important;gap:0!important;display:flex!important}.qr-react-preview-square .qr-preview-canvas{width:min(100%, var(--qr-preview-size,320px))!important;height:min(100%, var(--qr-preview-size,320px))!important;min-width:min(100%, var(--qr-preview-size,320px))!important;min-height:min(100%, var(--qr-preview-size,320px))!important;aspect-ratio:1!important;background:#fff!important;border-radius:1rem!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}.qr-react-preview-square .qr-preview-canvas>div,.qr-react-preview-square .qr-preview-canvas svg,.qr-react-preview-square .qr-preview-canvas canvas{object-fit:contain!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0 auto!important;display:block!important}.qr-react-preview-svg{place-items:center;width:100%;height:100%;display:grid}.qr-live-preview-composed{width:100%;height:100%;position:relative}.qr-react-preview-svg svg,.qr-react-preview-svg canvas{display:block;width:100%!important;height:100%!important}.qr-react-preview-svg>div{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.qr-react-preview-svg-live,.qr-react-preview-svg-live>div{overflow:hidden}.qr-react-preview-svg-live>div>svg,.qr-react-preview-svg-live>div>canvas,.qr-react-preview-svg-live svg,.qr-react-preview-svg-live canvas{object-fit:contain;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0 auto!important}.qr-live-preview-text{z-index:2;color:#0f172a;max-width:74%;font-family:var(--hoppla-font-sans);letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ffffffc7;border-radius:999px;padding:.18rem .48rem;font-weight:900;line-height:1.1;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0f172a1f}.qr-color-toggle-line-compact{margin-top:.85rem}.qr-studio-card-mockup{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9;border:1px solid #fff6;border-radius:.75rem;padding:24px;box-shadow:0 20px 40px #ab35000d}.qr-mockup-stepper{justify-content:space-between;align-items:center;width:100%;margin:0 0 16px;display:flex}.qr-mockup-step{color:#737686;cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;transition:transform .18s,filter .18s;display:flex}.qr-mockup-step-editable{cursor:pointer}.qr-mockup-step-editable:hover,.qr-mockup-step-editable:focus-visible{filter:saturate(1.08);transform:translateY(-2px)}.qr-mockup-step-index{color:#f43f5e;width:32px;height:32px;font-family:var(--hoppla-font-sans);background:#be185d1f;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.qr-mockup-step-label{color:#f43f5e;font-family:var(--hoppla-font-sans);font-size:12px;font-weight:500}.qr-mockup-step-active .qr-mockup-step-index{color:#fff;background:#1967c3;box-shadow:0 4px 20px -4px #2563eb3d}.qr-mockup-step-active .qr-mockup-step-label{color:#1967c3}.qr-mockup-step-complete .qr-mockup-step-index{color:#fff;background:#10b981}.qr-mockup-step-complete .qr-mockup-step-label{color:#10b981}.qr-mockup-step-line{background:#c3c6d7;flex:auto;height:1px;margin:0 16px}.qr-creation-hero-mockup h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0 0 18px;font-size:32px;font-weight:800;line-height:1.12}.qr-creation-hero-mockup p{color:var(--hoppla-text-soft);font-family:var(--hoppla-font-sans);max-width:46ch;margin:0;font-size:16px;line-height:1.7}.qr-creation-hero.qr-creation-hero-mockup{margin-bottom:1.75rem}.qr-creation-hero.qr-creation-hero-mockup>div{gap:0;display:grid}.qr-generator-type-card-mockup{background:#efedf180;border:1px solid #ffffff4d;border-radius:.5rem;justify-content:center;align-items:center;gap:8px;min-height:60px;padding:6px;transition:transform .2s,box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,border-color .2s;display:flex;box-shadow:inset 0 2px 4px #00000005}.qr-generator-type-card-mockup:hover,.qr-creation-tab-mockup:hover,.qr-mockup-download-button:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(-4px);box-shadow:0 24px 48px #ab35001a}.qr-generator-type-card-mockup:hover{border-color:#1967c3}.qr-generator-type-card-mockup.qr-generator-type-card-active{background:#10b9811a;border-width:2px;border-color:#10b981}.qr-generator-type-card-mockup .qr-generator-type-card-icon{color:#004ac6;background:0 0;border:0;width:auto;height:auto}.qr-generator-type-card-mockup .qr-generator-type-card-copy{text-align:center;justify-content:center;align-items:center;display:flex}.qr-generator-type-card-mockup .qr-generator-type-card-copy strong{font-family:var(--hoppla-font-sans);color:#1a1b1e;font-size:12px;font-weight:700}.qr-generator-type-card-mockup .qr-generator-type-card-copy em,.qr-generator-type-card-mockup .qr-generator-type-card-copy small{display:none}.qr-mockup-content-well{background:#efedf180;border:1px solid #ffffff4d;border-radius:.5rem;margin-top:10px;padding:24px;box-shadow:inset 0 2px 4px #00000005}.qr-studio-shell-mockup .qr-content-panel,.qr-studio-shell-mockup .qr-generator-subsection,.qr-studio-shell-mockup .qr-logo-panel,.qr-studio-shell-mockup .qr-design-studio,.qr-studio-shell-mockup .qr-download-panel{box-shadow:none;background:0 0;border:0;padding:0}.qr-studio-shell-mockup .qr-content-panel{background:#fff;border:1px solid #c3c6d538;border-radius:.75rem;padding:1.15rem 1.3rem}.qr-studio-shell-mockup .qr-content-panel .qr-form-grid-content>.qr-form-field{gap:.5rem}.qr-studio-shell-mockup .qr-content-panel .qr-form-grid-nested{gap:.8rem .85rem}.qr-studio-shell-mockup .qr-content-panel .qr-form-grid-nested>.qr-form-field{background:0 0;border:0;border-radius:0;padding:0}.qr-studio-shell-mockup .qr-content-panel .qr-form-grid-nested>.qr-form-field:focus-within{box-shadow:none}.qr-studio-shell-mockup label{font-family:var(--hoppla-font-sans);color:#1a1b1e;font-size:14px;font-weight:700}.qr-studio-shell-mockup input,.qr-studio-shell-mockup textarea,.qr-studio-shell-mockup select{color:#1a1b1e;background:#fff;border:1px solid #c3c6d7;border-radius:999px;min-height:46px;box-shadow:0 1px 2px #0f172a0f}.qr-studio-shell-mockup textarea{border-radius:1rem;min-height:112px}.qr-studio-shell-mockup .qr-content-panel .qr-textarea{min-height:106px}.qr-creation-tabs-mockup{border-bottom:1px solid #c3c6d7;gap:16px;margin-top:16px;padding-bottom:8px}.qr-creation-tab-mockup{color:#434655;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 8px 8px;transform:none}.qr-creation-tab-mockup.qr-creation-tab-active{color:#004ac6;box-shadow:none;background:0 0;border-bottom-color:#004ac6}.qr-mockup-custom-panel{padding-top:24px}.qr-mockup-actions{justify-content:flex-end;margin-top:32px;display:flex}.qr-mockup-actions-dual{justify-content:space-between}.qr-mockup-download-button{min-height:56px;box-shadow:none;color:#fff;font-family:var(--hoppla-font-sans);background:#1967c3;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 32px;font-size:18px;font-weight:700;display:inline-flex}.qr-mockup-continue-button{color:#1967c3;min-height:56px;font-family:var(--hoppla-font-sans);background:#fff;border:1px solid #1967c3;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:18px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.qr-mockup-continue-button:hover{color:#fff;background:#1967c3;border-color:#1967c3;transform:translateY(-2px);box-shadow:0 12px 24px #1967c32e}.qr-studio-right-mockup{top:8rem}.qr-preview-plain-shell{width:fit-content;min-width:0;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible}.qr-preview-plain-title{z-index:1;text-align:center;color:#1b1c1d;font-family:var(--hoppla-font-sans);margin-bottom:1rem;font-size:1.25rem;font-weight:600;position:relative}.qr-preview-plain-shell:before{display:none}.qr-phone-preview-shell-mockup{background:#0f172a;border-width:8px;border-color:#1e293b;border-radius:3rem;width:300px;height:600px;padding:24px;box-shadow:0 24px 60px #0f172a3d}.qr-phone-preview-screen-mockup{background:#fff;border-radius:2.5rem;flex-direction:column;justify-content:center;padding:24px;display:flex;position:relative;overflow:hidden}.qr-phone-preview-screen-glow{background:linear-gradient(#dbe1ffcc,#0000);height:10rem;position:absolute;inset:0 0 auto}.qr-phone-preview-card{z-index:1;width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.qr-phone-preview-card .qr-preview-card,.qr-phone-preview-card .qr-preview-minimal,.qr-phone-preview-card .qr-preview-shell{box-shadow:none;background:0 0;border:0}.qr-studio-shell-mockup .qr-preview-shell{box-shadow:none;background:0 0;border:0;gap:.9rem;padding:0}.qr-studio-shell-mockup .qr-preview-readiness{box-shadow:none;background:0 0;border:0;padding:0}.qr-studio-shell-mockup .qr-preview-readiness-copy h4{font-family:var(--hoppla-font-sans);letter-spacing:.14em;text-transform:uppercase;color:#606569;font-size:.72rem;font-weight:700}.qr-studio-shell-mockup .qr-preview-stage,.qr-studio-shell-mockup .qr-preview-stage-compact{background:0 0;border:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.qr-studio-shell-mockup .qr-preview-frame{aspect-ratio:1;background:#fff;border:1px solid #c3c6d7e6;border-radius:.75rem;justify-content:center;align-items:center;width:1080px;height:1080px;margin:0 auto;padding:20px;display:flex;box-shadow:0 10px 30px #2563eb14}.qr-studio-shell-mockup .qr-preview-canvas{width:1040px;height:1040px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.qr-studio-shell-mockup .qr-preview-canvas canvas,.qr-studio-shell-mockup .qr-preview-canvas svg{transform-origin:50%;max-width:none;margin:0 auto;display:block;transform:none;width:1040px!important;height:1040px!important}.qr-studio-shell-mockup .qr-preview-summary-grid,.qr-studio-shell-mockup .qr-preview-summary-grid-compact,.qr-studio-shell-mockup .qr-preview-alerts,.qr-studio-shell-mockup .qr-preview-alerts-compact,.qr-studio-shell-mockup .qr-preview-meta,.qr-studio-shell-mockup .qr-preview-note{display:none}.qr-phone-preview-live-mockup{color:#434655;margin-top:32px}@media (width<=980px){.qr-studio-shell-mockup{grid-template-columns:1fr;gap:24px}.qr-mockup-stepper{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.qr-generator-type-card-grid-mockup{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-studio-right-mockup{justify-items:center;position:static}.qr-preview-plain-shell{width:100%;min-width:0}.qr-studio-shell-mockup .qr-preview-frame{width:min(86vw,1080px);height:min(86vw,1080px);padding:min(4vw,20px)}.qr-studio-shell-mockup .qr-preview-canvas{width:min(78vw,1040px);height:min(78vw,1040px)}.qr-studio-shell-mockup .qr-preview-canvas canvas,.qr-studio-shell-mockup .qr-preview-canvas svg{width:min(78vw,1040px)!important;height:min(78vw,1040px)!important}}@media (width<=720px){.qr-generator-type-card-grid-mockup{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.qr-generator-type-card-mockup{min-height:56px;padding:5px 6px}}:root[data-theme=dark] .qr-page-shell,:root[data-theme=dark] .dashboard-studio-shell,:root.dark .qr-page-shell,:root.dark .dashboard-studio-shell,html.dark .qr-page-shell,html.dark .dashboard-studio-shell,:root[data-theme=dark] .qr-generator-section,:root[data-theme=dark] .qr-content-panel,:root[data-theme=dark] .qr-generator-section-focus,:root[data-theme=dark] .qr-generator-subsection,:root[data-theme=dark] .qr-download-card,:root[data-theme=dark] .qr-download-panel .qr-form-field,:root[data-theme=dark] .qr-preview-shell,:root.dark .qr-generator-section,:root.dark .qr-content-panel,:root.dark .qr-generator-section-focus,:root.dark .qr-generator-subsection,:root.dark .qr-download-card,:root.dark .qr-download-panel .qr-form-field,:root.dark .qr-preview-shell,html.dark .qr-generator-section,html.dark .qr-content-panel,html.dark .qr-generator-section-focus,html.dark .qr-generator-subsection,html.dark .qr-download-card,html.dark .qr-download-panel .qr-form-field,html.dark .qr-preview-shell{background:var(--qr-card-bg);border-color:var(--qr-card-border);box-shadow:0 18px 42px #00000038,inset 0 0 0 1px #ffffff0a}:root[data-theme=dark] .qr-generator-progress-step,:root.dark .qr-generator-progress-step,html.dark .qr-generator-progress-step{background:var(--qr-card-bg);border-color:var(--qr-card-border)}:root[data-theme=dark] .qr-generator-progress-index,:root.dark .qr-generator-progress-index,html.dark .qr-generator-progress-index{background:color-mix(in srgb, var(--tone-sky) 16%, #0f172af5);color:var(--tone-sky-soft);box-shadow:inset 0 0 0 1px #38bdf829,0 0 12px #38bdf83d,0 0 28px #38bdf82e}:root[data-theme=dark] .qr-generator-progress-step-active .qr-generator-progress-index,:root.dark .qr-generator-progress-step-active .qr-generator-progress-index,html.dark .qr-generator-progress-step-active .qr-generator-progress-index{color:#fff;background:linear-gradient(135deg, var(--tone-brand-light), #1967c3);text-shadow:0 0 10px #ffffff42;box-shadow:inset 0 0 0 1px #ffffff24,0 0 16px #38bdf861,0 0 34px #38bdf838}:root[data-theme=dark] .qr-generator-progress-step-complete .qr-generator-progress-index,:root.dark .qr-generator-progress-step-complete .qr-generator-progress-index,html.dark .qr-generator-progress-step-complete .qr-generator-progress-index{color:#fff;background:linear-gradient(135deg, var(--tone-emerald), #34d399);text-shadow:0 0 10px #ffffff38;box-shadow:inset 0 0 0 1px #ffffff24,0 0 16px #34d39957,0 0 32px #34d39938}.qr-page-shell,.dashboard-studio-shell{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--hoppla-panel-shadow);border-radius:20px}.qr-generator-section,.qr-content-panel,.qr-generator-section-focus,.qr-generator-subsection,.qr-download-card,.qr-download-panel .qr-form-field,.qr-preview-shell,.qr-form-grid-content>.qr-form-field,.qr-generator-mode-card,.qr-generator-more-card,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mobile-preview-toggle,.qr-type-tab{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--hoppla-surface-elevated) 92%, transparent);border-radius:16px;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;box-shadow:0 16px 40px #02061714}.qr-generator-progress-step:hover,.qr-generator-mode-card:hover,.qr-generator-more-card:hover,.qr-type-tab:hover,.qr-mobile-preview-toggle:hover{transform:translateY(-1px)}.qr-type-tab-active,.qr-generator-mode-card-active,.qr-generator-progress-step-active{border-color:color-mix(in srgb, var(--tone-sky) 38%, var(--hoppla-border));box-shadow:0 16px 34px #0ea5e91a}.qr-form-field>span{color:var(--hoppla-text-soft);font-size:var(--hoppla-type-kicker,10.5px);line-height:var(--hoppla-lh-kicker,1.2);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:3px;font-weight:950;display:flex}.qr-form-field>small,.qr-generator-section-head p,.qr-content-panel-head p,.qr-generator-mode-card span,.qr-generator-mode-inline-note span,.qr-download-card-head p,.qr-download-safety-copy,.qr-mobile-preview-toggle-copy small,.qr-generator-progress-copy small{color:var(--hoppla-text-soft)}.qr-generator-section-head h3,.qr-content-panel-head h3,.qr-generator-mode-card strong,.qr-generator-mode-inline-note strong,.qr-download-card-head h4,.qr-generator-more-card strong,.qr-brand-kit-head strong,.qr-brand-lock-card strong,.qr-type-tab,.qr-generator-progress-copy strong{color:var(--hoppla-text)}.qr-content-panel .input,.qr-content-panel .select,.qr-content-panel .qr-textarea,.qr-page-shell .input,.qr-page-shell .select,.qr-page-shell textarea,.dashboard-studio-shell .input,.dashboard-studio-shell .select,.dashboard-studio-shell textarea{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);width:100%;max-width:100%;min-height:52px;color:var(--hoppla-text);font-size:var(--hoppla-type-body);line-height:var(--hoppla-lh-body);box-shadow:none;border-radius:14px;outline:none;padding:13px 15px;font-weight:650;transition:border-color .2s,box-shadow .2s,background .2s}.qr-content-panel .select,.qr-page-shell .select,.dashboard-studio-shell .select{padding-right:2.3rem}.qr-content-panel .qr-textarea,.qr-page-shell textarea,.dashboard-studio-shell textarea{resize:vertical;min-height:140px}.qr-content-panel .input::placeholder,.qr-content-panel .qr-textarea::placeholder,.qr-page-shell .input::placeholder,.qr-page-shell textarea::placeholder,.dashboard-studio-shell .input::placeholder,.dashboard-studio-shell textarea::placeholder{color:color-mix(in srgb, var(--hoppla-text-soft) 72%, transparent)}.qr-content-panel .input:focus,.qr-content-panel .select:focus,.qr-content-panel .qr-textarea:focus,.qr-page-shell .input:focus,.qr-page-shell .select:focus,.qr-page-shell textarea:focus,.dashboard-studio-shell .input:focus,.dashboard-studio-shell .select:focus,.dashboard-studio-shell textarea:focus{border-color:#1967c36b;outline:none;box-shadow:0 0 0 4px #1967c317}.qr-page-shell .btn-primary,.dashboard-studio-shell .btn-primary,.qr-download-actions .btn.btn-primary,.qr-step-actions .btn.btn-primary{color:#fff;box-shadow:none;background:#1967c3;border:1px solid #1967c347}.qr-page-shell .btn-secondary,.dashboard-studio-shell .btn-secondary,.qr-download-actions .btn.btn-secondary,.qr-step-actions .btn.btn-secondary{color:color-mix(in srgb, var(--tone-indigo) 72%, var(--hoppla-text));box-shadow:none;background:0 0;border:1px solid #6366f1b8}.qr-page-shell .btn-primary:hover,.dashboard-studio-shell .btn-primary:hover,.qr-download-actions .btn.btn-primary:hover,.qr-step-actions .btn.btn-primary:hover{filter:brightness(1.03);transform:translateY(-1px)}.qr-page-shell .btn-secondary:hover,.dashboard-studio-shell .btn-secondary:hover,.qr-download-actions .btn.btn-secondary:hover,.qr-step-actions .btn.btn-secondary:hover{color:#fff;box-shadow:none;background:#1967c3;border-color:#1967c3;transform:translateY(-1px)}:root[data-theme=dark] .qr-page-shell,:root[data-theme=dark] .dashboard-studio-shell,:root.dark .qr-page-shell,:root.dark .dashboard-studio-shell,html.dark .qr-page-shell,html.dark .dashboard-studio-shell,:root[data-theme=dark] .qr-generator-section,:root[data-theme=dark] .qr-content-panel,:root[data-theme=dark] .qr-generator-section-focus,:root[data-theme=dark] .qr-generator-subsection,:root[data-theme=dark] .qr-download-card,:root[data-theme=dark] .qr-download-panel .qr-form-field,:root[data-theme=dark] .qr-preview-shell,:root[data-theme=dark] .qr-form-grid-content>.qr-form-field,:root[data-theme=dark] .qr-generator-mode-card,:root[data-theme=dark] .qr-generator-more-card,:root[data-theme=dark] .qr-brand-kit-card,:root[data-theme=dark] .qr-brand-lock-card,:root[data-theme=dark] .qr-mobile-preview-toggle,:root[data-theme=dark] .qr-type-tab,:root.dark .qr-generator-section,:root.dark .qr-content-panel,:root.dark .qr-generator-section-focus,:root.dark .qr-generator-subsection,:root.dark .qr-download-card,:root.dark .qr-download-panel .qr-form-field,:root.dark .qr-preview-shell,:root.dark .qr-form-grid-content>.qr-form-field,:root.dark .qr-generator-mode-card,:root.dark .qr-generator-more-card,:root.dark .qr-brand-kit-card,:root.dark .qr-brand-lock-card,:root.dark .qr-mobile-preview-toggle,:root.dark .qr-type-tab,html.dark .qr-generator-section,html.dark .qr-content-panel,html.dark .qr-generator-section-focus,html.dark .qr-generator-subsection,html.dark .qr-download-card,html.dark .qr-download-panel .qr-form-field,html.dark .qr-preview-shell,html.dark .qr-form-grid-content>.qr-form-field,html.dark .qr-generator-mode-card,html.dark .qr-generator-more-card,html.dark .qr-brand-kit-card,html.dark .qr-brand-lock-card,html.dark .qr-mobile-preview-toggle,html.dark .qr-type-tab{background:linear-gradient(#ffffff0a,#ffffff05),#ffffff08;border-color:#ffffff1a;box-shadow:0 18px 42px #0000002e}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root[data-theme=dark] .qr-page-shell .input,:root[data-theme=dark] .qr-page-shell .select,:root[data-theme=dark] .qr-page-shell textarea,:root[data-theme=dark] .dashboard-studio-shell .input,:root[data-theme=dark] .dashboard-studio-shell .select,:root[data-theme=dark] .dashboard-studio-shell textarea,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,:root.dark .qr-page-shell .input,:root.dark .qr-page-shell .select,:root.dark .qr-page-shell textarea,:root.dark .dashboard-studio-shell .input,:root.dark .dashboard-studio-shell .select,:root.dark .dashboard-studio-shell textarea,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea,html.dark .qr-page-shell .input,html.dark .qr-page-shell .select,html.dark .qr-page-shell textarea,html.dark .dashboard-studio-shell .input,html.dark .dashboard-studio-shell .select,html.dark .dashboard-studio-shell textarea{background:var(--hoppla-surface-low);border-color:var(--hoppla-border);color:var(--hoppla-text)}.qr-page-shell{isolation:isolate;border-radius:24px;position:relative;overflow:visible}.qr-page-shell:before{content:"";filter:blur(48px);pointer-events:none;background:radial-gradient(circle,#38bdf812,#0000 65%);border-radius:50%;width:440px;height:440px;position:absolute;top:-72px;left:-56px}.qr-page-shell:after{content:"";filter:blur(52px);pointer-events:none;background:radial-gradient(circle,#6366f10f,#0000 65%);border-radius:50%;width:340px;height:340px;position:absolute;bottom:-60px;right:-36px}.qr-creation-hero,.qr-generator-hero{align-items:start;gap:14px;margin-bottom:0;padding:0;display:grid}.qr-creation-hero h1,.qr-creation-hero h2,.qr-generator-hero h2{font-family:var(--hoppla-font-title);letter-spacing:-.04em;color:#fffffff5;text-wrap:balance;margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:950;line-height:.94}.qr-creation-hero p,.qr-generator-hero p{color:#e2e8f0d1;text-wrap:pretty;max-width:42ch;margin:0;font-size:clamp(1rem,.96rem + .28vw,1.2rem);line-height:1.7}.qr-generator-progress,.qr-generator-progress.qr-generator-progress-glass{box-shadow:none;background:0 0;gap:12px;margin-top:0;padding:0}.qr-generator-progress-step{cursor:default;background:#fffffffa;border:1px solid #94a3b83d;border-radius:22px;align-items:center;gap:12px;min-height:84px;padding:14px;box-shadow:0 16px 40px #02061714}.qr-generator-progress-6 .qr-generator-progress-step{flex-direction:row;align-items:center;padding:14px}.qr-generator-progress-step-editable{cursor:pointer}.qr-generator-progress-step-editable:hover,.qr-generator-progress-step-editable:focus-visible{border-color:color-mix(in srgb, var(--tone-emerald) 34%, #94a3b83d);box-shadow:0 22px 46px #10b98124}.qr-generator-progress-step-active{border-color:color-mix(in srgb, var(--tone-sky) 32%, #94a3b83d);background:#fffffffa;box-shadow:0 22px 46px #0206171f}.qr-generator-progress-step-complete{border-color:color-mix(in srgb, var(--tone-emerald) 30%, #94a3b83d);background:#fffffffa}.qr-generator-progress-index{background:color-mix(in srgb, var(--tone-sky) 12%, white);width:3rem;height:3rem;color:var(--tone-sky);box-shadow:none;border-radius:16px;flex:0 0 3rem;font-size:1rem;font-weight:900}.qr-generator-progress-step-complete .qr-generator-progress-index{background:color-mix(in srgb, var(--tone-emerald) 12%, white);color:var(--tone-emerald)}.qr-generator-type-card,.qr-creation-tab{background:#fffffffa;border:1px solid #94a3b83d;border-radius:22px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 16px 40px #02061714}.qr-generator-type-card{color:var(--tone-sky);padding:clamp(1rem,2vw,1.35rem)}.qr-creation-tab{color:var(--tone-indigo);justify-content:flex-start;gap:.8rem;min-height:64px;padding:.95rem 1rem .95rem 1.2rem}.qr-generator-type-card:hover,.qr-generator-type-card:focus-visible,.qr-creation-tab:hover,.qr-creation-tab:focus-visible{transform:translateY(-2px);box-shadow:0 22px 46px #0206171f}.qr-generator-type-card-active,.qr-creation-tab-active{border-color:color-mix(in srgb, currentColor 36%, #94a3b83d)}.qr-generator-type-card-icon{z-index:1;background:color-mix(in srgb, currentColor 12%, white);color:currentColor;border-radius:16px;place-items:center;width:clamp(3rem,5vw,3.4rem);height:clamp(3rem,5vw,3.4rem);display:inline-grid;position:relative}.qr-generator-type-card-copy,.qr-creation-tab span,.qr-creation-tab svg{z-index:1;position:relative}.qr-generator-type-card-copy strong{color:#0f172af0;font-size:clamp(1.02rem,1rem + .35vw,1.18rem);font-weight:900;line-height:1.2;display:block}.qr-generator-type-card-copy em,.qr-creation-tab span{color:#6366f1e0;font-size:.8rem;font-style:normal;font-weight:700;line-height:1.45;display:block}.qr-generator-section-head,.qr-content-panel-head{gap:14px}.qr-generator-step-badge{background:color-mix(in srgb, var(--tone-sky) 12%, white);width:3rem;height:3rem;color:var(--tone-sky);border-radius:16px;place-items:center;font-size:1rem;font-weight:900;display:grid}.qr-generator-section-head h3,.qr-content-panel-head h3{font-family:var(--hoppla-font-title);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,1.34rem + .45vw,1.9rem);font-weight:950;line-height:1.05}.qr-generator-section-head p,.qr-content-panel-head p{max-width:52ch;margin:.45rem 0 0;line-height:1.6}.qr-generator-subsection-head>.qr-color-section-kicker{font-size:var(--hoppla-type-kicker,10.5px);line-height:var(--hoppla-lh-kicker,1.2);letter-spacing:.16em;text-transform:uppercase;color:var(--tone-brand-light);align-items:center;margin-bottom:4px;font-weight:950;display:flex}.qr-generator-subsection-head h4{font-size:var(--hoppla-type-subtitle,1.05rem);line-height:var(--hoppla-lh-subtitle,1.28);letter-spacing:-.01em;color:var(--hoppla-text);margin:0;font-weight:950}.qr-generator-subsection-head p{color:var(--hoppla-text-soft);margin:.45rem 0 0;line-height:1.6}.qr-generator-flow-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.qr-generator-flow-note,.qr-generator-flow-note-strong{font-size:var(--hoppla-type-body-sm,.88rem);line-height:var(--hoppla-lh-body,1.6);color:var(--hoppla-text-soft);font-weight:600}.qr-generator-flow-note-strong strong{color:var(--hoppla-text)}.qr-generator-mode-inline-note,.qr-generator-mode-inline-note-dynamic,.qr-generator-mode-inline-note-warning{border:1px solid color-mix(in srgb, var(--tone-sky) 30%, var(--hoppla-border));background:color-mix(in srgb, var(--tone-sky) 9%, var(--hoppla-surface));border-radius:13px;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;display:flex}.qr-generator-mode-inline-note-warning{background:#f43f5e14;border-color:#f43f5e47}.qr-generator-mode-inline-note strong,.qr-generator-mode-inline-note-dynamic strong,.qr-generator-mode-inline-note-warning strong{margin-bottom:2px;font-weight:800;display:block}.qr-generator-mode-inline-note span,.qr-generator-mode-inline-note-dynamic span,.qr-generator-mode-inline-note-warning span{color:var(--hoppla-text-soft)}@media (width<=719px){.qr-generator-progress,.qr-generator-type-card-grid,.qr-creation-tabs{grid-template-columns:1fr}.qr-generator-progress-step,.qr-generator-type-card,.qr-creation-tab{border-radius:20px}.qr-generator-progress-step,.qr-generator-progress-6 .qr-generator-progress-step{min-height:auto;padding:1rem}.qr-generator-type-card:before,.qr-creation-tab:before{border-radius:20px 0 0 20px;width:6px}.qr-generator-flow-actions{align-items:stretch}}.qr-page-shell,.dashboard-studio-shell,.qr-studio-shell,.qr-studio-card,.qr-studio-card-panel{box-shadow:none!important;background:0 0!important;border:none!important}.qr-page-shell,.dashboard-studio-shell{gap:0!important;padding:0!important}.qr-studio-shell{isolation:isolate;position:relative;gap:28px!important;padding:0!important;overflow:visible!important}.qr-studio-right{gap:18px!important}.qr-creation-hero,.qr-generator-hero{margin:0 0 clamp(.95rem,2.3vw,1.6rem)!important}.qr-creation-hero h1,.qr-creation-hero h2,.qr-generator-hero h2{color:#fffffff5!important}.qr-creation-hero p,.qr-generator-hero p{color:#e2e8f0d1!important}.qr-generator-section,.qr-generator-section-focus,.qr-generator-subsection,.qr-content-panel,.qr-download-card,.qr-download-panel .qr-form-field,.qr-preview-shell,.qr-form-grid-content>.qr-form-field,.qr-generator-mode-card,.qr-generator-more-card,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mobile-preview-toggle{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hoppla-border)!important;background:var(--hoppla-surface)!important;border-radius:20px!important;box-shadow:0 18px 50px #0206171f!important}.qr-generator-subsection,.qr-content-panel,.qr-download-card,.qr-download-panel .qr-form-field,.qr-preview-shell,.qr-form-grid-content>.qr-form-field,.qr-generator-mode-card,.qr-generator-more-card,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mobile-preview-toggle{background:color-mix(in srgb, var(--hoppla-surface) 92%, transparent)!important;box-shadow:0 16px 40px #02061714!important}.qr-generator-progress-step,.qr-generator-type-card,.qr-creation-tab{background:#fffffffa!important}.qr-generator-progress-copy small{color:#6366f1e6!important}.qr-generator-type-card-copy em,.qr-generator-flow-note,.qr-generator-flow-note-strong,.qr-generator-subsection-head p,.qr-content-panel-head p,.qr-download-card-head p,.qr-mobile-preview-toggle-copy small{color:var(--hoppla-text-soft)!important}.qr-content-panel .input,.qr-content-panel .select,.qr-content-panel .qr-textarea,.qr-studio-shell .input,.qr-studio-shell .select,.qr-studio-shell textarea{border:1px solid var(--hoppla-border)!important;background:var(--hoppla-surface)!important;color:var(--hoppla-text)!important;min-height:52px!important;box-shadow:none!important;border-radius:14px!important;padding:13px 15px!important}.qr-content-panel .input:focus,.qr-content-panel .select:focus,.qr-content-panel .qr-textarea:focus,.qr-studio-shell .input:focus,.qr-studio-shell .select:focus,.qr-studio-shell textarea:focus{border-color:#1967c36b!important;box-shadow:0 0 0 4px #1967c317!important}.qr-studio-shell .btn-primary,.qr-download-actions .btn.btn-primary,.qr-step-actions .btn.btn-primary,.qr-generator-flow-next.btn.btn-primary{color:#fff!important;box-shadow:none!important;background:#1967c3!important;border:1px solid #1967c347!important}.qr-studio-shell .btn-secondary,.qr-download-actions .btn.btn-secondary,.qr-step-actions .btn.btn-secondary,.qr-generator-flow-back.btn.btn-secondary{color:#818cf8fa!important;background:0 0!important;border:1px solid #6366f1b8!important;box-shadow:inset 0 0 0 1px #6366f114,0 0 #0000!important}.qr-studio-shell .btn-primary:hover,.qr-download-actions .btn.btn-primary:hover,.qr-step-actions .btn.btn-primary:hover,.qr-studio-shell .btn-secondary:hover,.qr-download-actions .btn.btn-secondary:hover,.qr-step-actions .btn.btn-secondary:hover{filter:brightness(1.03);transform:translateY(-1px)}.qr-studio-shell .btn-secondary:hover,.qr-download-actions .btn.btn-secondary:hover,.qr-step-actions .btn.btn-secondary:hover{color:#fff!important;box-shadow:none!important;background:#1967c3!important;border-color:#1967c3!important}:root[data-theme=light] .qr-creation-hero h1,:root[data-theme=light] .qr-creation-hero h2,:root[data-theme=light] .qr-generator-hero h2,:root.light .qr-creation-hero h1,:root.light .qr-creation-hero h2,:root.light .qr-generator-hero h2,html.light .qr-creation-hero h1,html.light .qr-creation-hero h2,html.light .qr-generator-hero h2{color:#020617eb!important}:root[data-theme=light] .qr-creation-hero p,:root[data-theme=light] .qr-generator-hero p,:root.light .qr-creation-hero p,:root.light .qr-generator-hero p,html.light .qr-creation-hero p,html.light .qr-generator-hero p{color:#1e293bc7!important}:root[data-theme=dark] .qr-generator-section,:root[data-theme=dark] .qr-generator-section-focus,:root[data-theme=dark] .qr-generator-subsection,:root[data-theme=dark] .qr-studio-card,:root[data-theme=dark] .qr-studio-card-panel,:root[data-theme=dark] .qr-studio-card-mockup,:root[data-theme=dark] .qr-mockup-content-well,:root[data-theme=dark] .qr-mockup-custom-panel,:root[data-theme=dark] .qr-content-panel,:root[data-theme=dark] .qr-download-card,:root[data-theme=dark] .qr-download-panel .qr-form-field,:root[data-theme=dark] .qr-preview-shell,:root[data-theme=dark] .qr-preview-readiness,:root[data-theme=dark] .qr-preview-summary-item,:root[data-theme=dark] .qr-preview-alert,:root[data-theme=dark] .qr-preview-meta code,:root[data-theme=dark] .qr-form-grid-content>.qr-form-field,:root[data-theme=dark] .qr-generator-mode-card,:root[data-theme=dark] .qr-generator-more-card,:root[data-theme=dark] .qr-brand-kit-card,:root[data-theme=dark] .qr-brand-lock-card,:root[data-theme=dark] .qr-mobile-preview-toggle,:root.dark .qr-generator-section,:root.dark .qr-generator-section-focus,:root.dark .qr-generator-subsection,:root.dark .qr-content-panel,:root.dark .qr-download-card,:root.dark .qr-download-panel .qr-form-field,:root.dark .qr-preview-shell,:root.dark .qr-form-grid-content>.qr-form-field,:root.dark .qr-generator-mode-card,:root.dark .qr-generator-more-card,:root.dark .qr-brand-kit-card,:root.dark .qr-brand-lock-card,:root.dark .qr-mobile-preview-toggle,html.dark .qr-generator-section,html.dark .qr-generator-section-focus,html.dark .qr-generator-subsection,html.dark .qr-content-panel,html.dark .qr-download-card,html.dark .qr-download-panel .qr-form-field,html.dark .qr-preview-shell,html.dark .qr-form-grid-content>.qr-form-field,html.dark .qr-generator-mode-card,html.dark .qr-generator-more-card,html.dark .qr-brand-kit-card,html.dark .qr-brand-lock-card,html.dark .qr-mobile-preview-toggle{background:#0f172ae6!important;border-color:#94a3b829!important;box-shadow:0 18px 42px #02061738!important}:root[data-theme=dark] .qr-generator-section-focus,:root.dark .qr-generator-section-focus,html.dark .qr-generator-section-focus{background:color-mix(in srgb, var(--tone-sky) 9%, #0f172ae6)!important;border-color:color-mix(in srgb, var(--tone-sky) 30%, #94a3b829)!important}:root[data-theme=dark] .qr-generator-progress-step,:root[data-theme=dark] .qr-generator-type-card,:root[data-theme=dark] .qr-creation-tab,:root.dark .qr-generator-progress-step,:root.dark .qr-generator-type-card,:root.dark .qr-creation-tab,html.dark .qr-generator-progress-step,html.dark .qr-generator-type-card,html.dark .qr-creation-tab{background:#0f172ae6!important;border-color:#94a3b829!important;box-shadow:0 18px 42px #02061738!important}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root[data-theme=dark] .qr-studio-shell .input,:root[data-theme=dark] .qr-studio-shell .select,:root[data-theme=dark] .qr-studio-shell textarea,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,:root.dark .qr-studio-shell .input,:root.dark .qr-studio-shell .select,:root.dark .qr-studio-shell textarea,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea,html.dark .qr-studio-shell .input,html.dark .qr-studio-shell .select,html.dark .qr-studio-shell textarea{background:var(--hoppla-surface)!important;border-color:var(--hoppla-border)!important;color:var(--hoppla-text)!important}.qr-page-shell{isolation:isolate;position:relative;padding:clamp(.45rem,1.4vw,1.2rem) 0 clamp(4rem,6vw,6rem)!important;overflow:visible!important}.qr-page-shell:before{content:"";pointer-events:none;z-index:0;opacity:.22;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}:root[data-theme=light] .qr-page-shell:before,:root.light .qr-page-shell:before,html.light .qr-page-shell:before{opacity:.14;background-image:linear-gradient(#1967c30a 1px,#0000 1px),linear-gradient(90deg,#1967c30a 1px,#0000 1px)}.qr-studio-shell{isolation:isolate;position:relative;grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;align-items:start!important;gap:28px!important;overflow:visible!important}.qr-studio-shell:before,.qr-studio-shell:after{content:"";pointer-events:none;z-index:0;border-radius:999px;position:absolute}.qr-studio-shell:before{filter:blur(48px);background:radial-gradient(circle,#38bdf812,#0000 65%);width:440px;height:440px;top:-72px;left:-56px}.qr-studio-shell:after{filter:blur(52px);background:radial-gradient(circle,#6366f10f,#0000 65%);width:340px;height:340px;bottom:-60px;right:-36px}.qr-studio-left,.qr-studio-right{z-index:1;position:relative}.qr-studio-left{gap:28px!important}.qr-studio-right{top:calc(var(--public-header-height) + 1.4rem)!important;gap:18px!important}.qr-generator-hero{width:min(100%, var(--hoppla-section-hero-max,760px));gap:18px!important;margin:0 0 clamp(.95rem,2.3vw,1.6rem)!important}.qr-generator-hero h2{font-family:var(--hoppla-font-title);letter-spacing:-.04em;font-weight:950;line-height:.94;color:#fffffff5!important;margin:0!important;font-size:clamp(2.55rem,5vw,4.1rem)!important}.qr-generator-hero p{color:#e2e8f0d1!important;max-width:42ch!important;margin:14px 0 0!important;font-size:clamp(1.05rem,1rem + .24vw,1.28rem)!important;line-height:1.7!important}:root[data-theme=light] .qr-generator-hero h2,:root.light .qr-generator-hero h2,html.light .qr-generator-hero h2{color:#020617eb!important}:root[data-theme=light] .qr-generator-hero p,:root.light .qr-generator-hero p,html.light .qr-generator-hero p{color:#1e293bc7!important}.qr-generator-progress,.qr-generator-progress.qr-generator-progress-glass{box-shadow:none!important;background:0 0!important;border:0!important;gap:14px!important;padding:0!important}.qr-generator-progress-step{min-height:108px;background:#fffffffa!important;border:1px solid #94a3b83d!important;border-radius:22px!important;align-items:center!important;padding:16px 18px!important;box-shadow:0 16px 40px #02061714!important}.qr-generator-progress-6 .qr-generator-progress-step{min-height:118px;padding:16px!important}.qr-generator-progress-step:hover,.qr-generator-progress-step:focus-visible{transform:translateY(-2px);box-shadow:0 22px 46px #0206171f!important}.qr-generator-progress-step-active{border-color:color-mix(in srgb, var(--tone-sky) 36%, #94a3b83d)!important}.qr-generator-progress-step-complete{border-color:color-mix(in srgb, var(--tone-emerald) 30%, #94a3b83d)!important}.qr-generator-progress-index{background:var(--tone-brand-light)!important;color:#fff!important;border-radius:999px!important;flex:0 0 48px!important;width:48px!important;height:48px!important;font-size:1.05rem!important;font-weight:900!important}.qr-generator-progress-step-complete .qr-generator-progress-index{background:var(--tone-emerald)!important}.qr-generator-progress-copy{gap:4px!important}.qr-generator-progress-copy strong{color:#0f172af0!important;font-size:clamp(1rem,.96rem + .15vw,1.08rem)!important;font-weight:900!important;line-height:1.2!important}.qr-generator-progress-copy small{color:#6366f1e0!important;white-space:normal!important;font-size:.8rem!important;font-weight:700!important;line-height:1.45!important}.qr-generator-section,.qr-generator-section-focus{-webkit-backdrop-filter:blur(16px);background:#ffffffb8!important;border:1px solid #94a3b824!important;border-radius:24px!important;gap:18px!important;padding:32px!important;box-shadow:0 10px 26px #0206170d!important}.qr-generator-section-focus{border-color:color-mix(in srgb, var(--tone-sky) 30%, #94a3b824)!important;background:color-mix(in srgb, var(--tone-sky) 9%, #ffffffb8)!important}.qr-generator-section-head{align-items:flex-start!important;gap:16px!important}.qr-generator-step-badge{background:var(--tone-brand-light)!important;color:#fff!important;border-radius:999px!important;width:48px!important;height:48px!important;font-size:1.1rem!important;font-weight:900!important}.qr-generator-section-head p{color:#334155c2!important;margin:0!important;font-size:1.02rem!important;line-height:1.7!important}.qr-generator-type-card-grid,.qr-creation-tabs{gap:clamp(.9rem,2vw,1.5rem)!important}.qr-generator-type-card,.qr-creation-tab{position:relative;overflow:hidden;background:#fffffffa!important;border:1px solid #94a3b83d!important;border-radius:22px!important;box-shadow:0 16px 40px #02061714!important}.qr-generator-type-card{padding:clamp(1rem,2vw,1.35rem)!important}.qr-generator-type-card:before,.qr-creation-tab:before{content:"";opacity:.92;background:currentColor;border-radius:22px 0 0 22px;width:7px;position:absolute;inset:0 auto 0 0}.qr-generator-type-card,.qr-generator-type-card-active{color:var(--tone-sky)!important}.qr-creation-tab,.qr-creation-tab-active{color:var(--tone-indigo)!important}.qr-generator-type-card-icon{background:color-mix(in srgb, currentColor 12%, white)!important;border-radius:16px!important;width:clamp(3rem,5vw,3.4rem)!important;height:clamp(3rem,5vw,3.4rem)!important}.qr-generator-type-card-copy strong{color:#0f172af0!important;font-size:clamp(1.02rem,1rem + .35vw,1.18rem)!important;font-weight:900!important;line-height:1.2!important}.qr-generator-type-card-copy em,.qr-creation-tab span{color:#6366f1e0!important;font-size:.8rem!important;font-weight:700!important;line-height:1.45!important}.qr-generator-subsection,.qr-content-panel,.qr-download-card,.qr-download-panel .qr-form-field,.qr-preview-shell,.qr-form-grid-content>.qr-form-field,.qr-generator-mode-card,.qr-generator-more-card,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mobile-preview-toggle{-webkit-backdrop-filter:blur(16px);border:1px solid var(--hoppla-border)!important;background:color-mix(in srgb, var(--hoppla-surface) 92%, transparent)!important;border-radius:20px!important;box-shadow:0 16px 40px #02061714!important}.qr-generator-subsection{gap:14px!important;padding:22px!important}.qr-generator-subsection-head>.qr-color-section-kicker{font-size:var(--hoppla-type-kicker,10.5px)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--tone-brand-light)!important;margin-bottom:4px!important;font-weight:950!important;line-height:1.2!important}.qr-generator-subsection-head h4{font-size:var(--hoppla-type-subtitle,1.05rem)!important;letter-spacing:-.01em!important;color:var(--hoppla-text)!important;margin:0!important;font-weight:950!important;line-height:1.28!important}.qr-generator-subsection-head p,.qr-content-panel-head p,.qr-download-card-head p,.qr-mobile-preview-toggle-copy small,.qr-generator-flow-note,.qr-generator-flow-note-strong{color:var(--hoppla-text-soft)!important}.qr-generator-mode-card{padding:16px!important}.qr-generator-mode-card-active{border-color:color-mix(in srgb, currentColor 32%, #94a3b83d)!important;box-shadow:0 18px 38px #0206171a!important}.qr-generator-mode-card-static.qr-generator-mode-card-active{color:var(--tone-sky)!important;background:linear-gradient(180deg, #fffffff5, color-mix(in srgb, var(--tone-sky) 8%, #fffffff5))!important}.qr-generator-mode-card-dynamic.qr-generator-mode-card-active{color:var(--tone-indigo)!important;background:linear-gradient(180deg, #fffffff5, color-mix(in srgb, var(--tone-indigo) 8%, #fffffff5))!important}.qr-content-panel .input,.qr-content-panel .select,.qr-content-panel .qr-textarea,.qr-studio-shell .input,.qr-studio-shell .select,.qr-studio-shell textarea{color:#0f172af0!important;background:#e4e2e1!important;border:1px solid #94a3b838!important;border-radius:18px!important;width:100%!important;min-height:64px!important;padding:16px 18px!important;font-size:1.05rem!important;box-shadow:inset 0 1px 2px #0f172a0a!important}.qr-content-panel .qr-textarea,.qr-studio-shell textarea{min-height:192px!important}.qr-content-panel .input::placeholder,.qr-content-panel .qr-textarea::placeholder,.qr-studio-shell .input::placeholder,.qr-studio-shell textarea::placeholder{color:#5f676f!important}.qr-content-panel .input:focus,.qr-content-panel .select:focus,.qr-content-panel .qr-textarea:focus,.qr-studio-shell .input:focus,.qr-studio-shell .select:focus,.qr-studio-shell textarea:focus{border-color:color-mix(in srgb, var(--tone-sky) 42%, #94a3b838)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--tone-sky) 18%, transparent)!important;outline:none!important}.qr-studio-shell .btn,.qr-download-actions .btn,.qr-download-pack-card,.qr-download-preset,.qr-generator-flow-next,.qr-generator-flow-back{transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s!important}.qr-studio-shell .btn-primary,.qr-download-actions .btn.btn-primary,.qr-step-actions .btn.btn-primary,.qr-generator-flow-next.btn.btn-primary{color:#fff!important;background:#1967c3!important;border:1px solid #1967c347!important;box-shadow:0 18px 38px #1967c338!important}.qr-studio-shell .btn-secondary,.qr-download-actions .btn.btn-secondary,.qr-step-actions .btn.btn-secondary,.qr-generator-flow-back.btn.btn-secondary,.qr-download-pack-card,.qr-download-preset{color:#1e293be0!important;background:#fffffff5!important;border:1px solid #94a3b83d!important;box-shadow:0 10px 24px #0206170f!important}.qr-studio-shell .btn-primary:hover,.qr-download-actions .btn.btn-primary:hover,.qr-step-actions .btn.btn-primary:hover,.qr-studio-shell .btn-secondary:hover,.qr-download-actions .btn.btn-secondary:hover,.qr-step-actions .btn.btn-secondary:hover,.qr-download-pack-card:hover,.qr-download-preset:hover,.qr-generator-flow-next:hover,.qr-generator-flow-back:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a14!important}.qr-preview-shell{padding:18px!important}.qr-preview-head h3,.qr-preview-readiness-copy h4,.qr-preview-summary-item strong,.qr-preview-label,.qr-preview-meta code{color:var(--hoppla-text)!important}.qr-preview-stage,.qr-preview-stage-compact{background:linear-gradient(#fffffff0,#f8fafce6)!important;border:1px solid #94a3b829!important;border-radius:20px!important}.qr-preview-ribbon{color:#fff!important;background:#1967c3!important;border-radius:999px!important;box-shadow:0 14px 28px #1967c329!important}:root[data-theme=dark] .qr-generator-section,:root[data-theme=dark] .qr-generator-section-focus,:root[data-theme=dark] .qr-generator-subsection,:root[data-theme=dark] .qr-content-panel,:root[data-theme=dark] .qr-download-card,:root[data-theme=dark] .qr-download-panel .qr-form-field,:root[data-theme=dark] .qr-preview-shell,:root[data-theme=dark] .qr-form-grid-content>.qr-form-field,:root[data-theme=dark] .qr-generator-mode-card,:root[data-theme=dark] .qr-generator-more-card,:root[data-theme=dark] .qr-brand-kit-card,:root[data-theme=dark] .qr-brand-lock-card,:root[data-theme=dark] .qr-mobile-preview-toggle,:root.dark .qr-generator-section,:root.dark .qr-generator-section-focus,:root.dark .qr-generator-subsection,:root.dark .qr-content-panel,:root.dark .qr-download-card,:root.dark .qr-download-panel .qr-form-field,:root.dark .qr-preview-shell,:root.dark .qr-form-grid-content>.qr-form-field,:root.dark .qr-generator-mode-card,:root.dark .qr-generator-more-card,:root.dark .qr-brand-kit-card,:root.dark .qr-brand-lock-card,:root.dark .qr-mobile-preview-toggle,html.dark .qr-generator-section,html.dark .qr-generator-section-focus,html.dark .qr-generator-subsection,html.dark .qr-content-panel,html.dark .qr-download-card,html.dark .qr-download-panel .qr-form-field,html.dark .qr-preview-shell,html.dark .qr-form-grid-content>.qr-form-field,html.dark .qr-generator-mode-card,html.dark .qr-generator-more-card,html.dark .qr-brand-kit-card,html.dark .qr-brand-lock-card,html.dark .qr-mobile-preview-toggle,:root[data-theme=dark] .qr-generator-progress-step,:root[data-theme=dark] .qr-generator-type-card,:root[data-theme=dark] .qr-creation-tab,:root.dark .qr-generator-progress-step,:root.dark .qr-generator-type-card,:root.dark .qr-creation-tab,html.dark .qr-generator-progress-step,html.dark .qr-generator-type-card,html.dark .qr-creation-tab{background:#0f172ae6!important;border-color:#94a3b829!important;box-shadow:0 18px 42px #02061738!important}:root[data-theme=dark] .qr-generator-progress-copy strong,:root[data-theme=dark] .qr-generator-type-card-copy strong,:root[data-theme=dark] .qr-creation-tab,:root.dark .qr-generator-progress-copy strong,:root.dark .qr-generator-type-card-copy strong,:root.dark .qr-creation-tab,html.dark .qr-generator-progress-copy strong,html.dark .qr-generator-type-card-copy strong,html.dark .qr-creation-tab{color:#fffffff5!important}:root[data-theme=dark] .qr-generator-progress-copy small,:root[data-theme=dark] .qr-generator-type-card-copy em,:root[data-theme=dark] .qr-creation-tab span,:root.dark .qr-generator-progress-copy small,:root.dark .qr-generator-type-card-copy em,:root.dark .qr-creation-tab span,html.dark .qr-generator-progress-copy small,html.dark .qr-generator-type-card-copy em,html.dark .qr-creation-tab span{color:#a5b4fceb!important}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root[data-theme=dark] .qr-studio-shell .input,:root[data-theme=dark] .qr-studio-shell .select,:root[data-theme=dark] .qr-studio-shell textarea,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,:root.dark .qr-studio-shell .input,:root.dark .qr-studio-shell .select,:root.dark .qr-studio-shell textarea,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea,html.dark .qr-studio-shell .input,html.dark .qr-studio-shell .select,html.dark .qr-studio-shell textarea{color:#fffffff0!important;background:#e4e2e114!important;border-color:#94a3b82e!important}:root[data-theme=dark] .qr-content-panel .input::placeholder,:root[data-theme=dark] .qr-content-panel .qr-textarea::placeholder,:root[data-theme=dark] .qr-studio-shell .input::placeholder,:root[data-theme=dark] .qr-studio-shell textarea::placeholder,:root.dark .qr-content-panel .input::placeholder,:root.dark .qr-content-panel .qr-textarea::placeholder,:root.dark .qr-studio-shell .input::placeholder,:root.dark .qr-studio-shell textarea::placeholder,html.dark .qr-content-panel .input::placeholder,html.dark .qr-content-panel .qr-textarea::placeholder,html.dark .qr-studio-shell .input::placeholder,html.dark .qr-studio-shell textarea::placeholder{color:#e2e8f070!important}@media (width<=980px){.qr-studio-shell{grid-template-columns:1fr!important}.qr-studio-right{position:relative!important;top:0!important}}@media (width<=719px){.qr-generator-progress,.qr-generator-type-card-grid,.qr-creation-tabs{grid-template-columns:1fr!important}.qr-generator-progress-step,.qr-generator-type-card,.qr-creation-tab,.qr-generator-section,.qr-generator-section-focus{border-radius:20px!important}.qr-generator-type-card:before,.qr-creation-tab:before{border-radius:20px 0 0 20px;width:6px}}.qr-page-shell{position:relative}.qr-page-shell:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.qr-page-shell>*{z-index:1;position:relative}:root[data-theme=light] .qr-page-shell,:root.light .qr-page-shell,html.light .qr-page-shell{background:radial-gradient(900px 760px at 18% 22%,#0ea5e914,#0000 68%),radial-gradient(860px 720px at 82% 26%,#6366f10f,#0000 70%),linear-gradient(#fff,#f8fafc)!important}:root[data-theme=light] .qr-page-shell:after,:root.light .qr-page-shell:after,html.light .qr-page-shell:after{opacity:.18!important;background-image:linear-gradient(#1967c30a 1px,#0000 1px),linear-gradient(90deg,#1967c30a 1px,#0000 1px)!important;background-size:40px 40px!important}:root[data-theme=light] .qr-studio-card,:root[data-theme=light] .qr-studio-card-panel,:root[data-theme=light] .qr-studio-card-mockup,:root[data-theme=light] .qr-generator-section,:root[data-theme=light] .qr-generator-section-focus,:root[data-theme=light] .qr-generator-subsection,:root[data-theme=light] .qr-content-panel,:root[data-theme=light] .qr-download-card,:root[data-theme=light] .qr-download-panel .qr-form-field,:root[data-theme=light] .qr-preview-shell,:root[data-theme=light] .qr-preview-readiness,:root[data-theme=light] .qr-preview-summary-item,:root[data-theme=light] .qr-preview-alert,:root[data-theme=light] .qr-preview-meta code,:root[data-theme=light] .qr-form-grid-content>.qr-form-field,:root[data-theme=light] .qr-generator-mode-card,:root[data-theme=light] .qr-generator-more-card,:root[data-theme=light] .qr-brand-kit-card,:root[data-theme=light] .qr-brand-lock-card,:root[data-theme=light] .qr-mobile-preview-toggle,:root[data-theme=light] .qr-color-studio-hero,:root[data-theme=light] .qr-color-section,:root[data-theme=light] .qr-color-slider-card,:root[data-theme=light] .qr-color-position-card,:root[data-theme=light] .qr-color-warning,:root[data-theme=light] .qr-style-preview-shell,:root[data-theme=light] .qr-style-tile,:root[data-theme=light] .qr-style-card,:root[data-theme=light] .qr-style-option,:root[data-theme=light] .qr-style-option-card,:root[data-theme=light] .qr-frame-card,:root[data-theme=light] .qr-eye-card,:root[data-theme=light] .qr-design-template-card,:root[data-theme=light] .qr-design-card,:root[data-theme=light] .qr-design-combo-card,:root[data-theme=light] .qr-color-preset-card,:root[data-theme=light] .qr-color-mode-item,:root[data-theme=light] .qr-color-position-button,:root[data-theme=light] .qr-color-action-button,:root[data-theme=light] .qr-color-ghost-button,:root[data-theme=light] .qr-color-field-trigger,:root[data-theme=light] .qr-color-field-control,:root[data-theme=light] .qr-color-preset-card-minimal,:root[data-theme=light] .qr-color-opacity-card,:root[data-theme=light] .qr-radial-shape-button,:root[data-theme=light] .qr-logo-upload-card,:root[data-theme=light] .qr-logo-control-card,:root[data-theme=light] .qr-logo-chip,:root[data-theme=light] .qr-logo-chip-icon,:root[data-theme=light] .qr-logo-current,:root[data-theme=light] .qr-logo-current-thumb,:root[data-theme=light] .qr-logo-toggle,:root[data-theme=light] .qr-logo-action-mini,:root[data-theme=light] .qr-download-preset,:root[data-theme=light] .qr-download-pack-card,:root[data-theme=light] .qr-chip,:root[data-theme=light] .qr-phone-preview-shell,:root[data-theme=light] .qr-phone-preview-screen,:root[data-theme=light] .qr-mobile-preview-card,:root.light .qr-studio-card,:root.light .qr-studio-card-panel,:root.light .qr-studio-card-mockup,:root.light .qr-generator-section,:root.light .qr-generator-section-focus,:root.light .qr-generator-subsection,:root.light .qr-content-panel,:root.light .qr-download-card,:root.light .qr-download-panel .qr-form-field,:root.light .qr-preview-shell,:root.light .qr-preview-readiness,:root.light .qr-preview-summary-item,:root.light .qr-preview-alert,:root.light .qr-preview-meta code,:root.light .qr-form-grid-content>.qr-form-field,:root.light .qr-generator-mode-card,:root.light .qr-generator-more-card,:root.light .qr-brand-kit-card,:root.light .qr-brand-lock-card,:root.light .qr-mobile-preview-toggle,:root.light .qr-color-studio-hero,:root.light .qr-color-section,:root.light .qr-color-slider-card,:root.light .qr-color-position-card,:root.light .qr-color-warning,:root.light .qr-style-preview-shell,:root.light .qr-style-tile,:root.light .qr-style-card,:root.light .qr-style-option,:root.light .qr-style-option-card,:root.light .qr-frame-card,:root.light .qr-eye-card,:root.light .qr-design-template-card,:root.light .qr-design-card,:root.light .qr-design-combo-card,:root.light .qr-color-preset-card,:root.light .qr-color-mode-item,:root.light .qr-color-position-button,:root.light .qr-color-action-button,:root.light .qr-color-ghost-button,:root.light .qr-color-field-trigger,:root.light .qr-color-field-control,:root.light .qr-color-preset-card-minimal,:root.light .qr-color-opacity-card,:root.light .qr-radial-shape-button,:root.light .qr-logo-upload-card,:root.light .qr-logo-control-card,:root.light .qr-logo-chip,:root.light .qr-logo-chip-icon,:root.light .qr-logo-current,:root.light .qr-logo-current-thumb,:root.light .qr-logo-toggle,:root.light .qr-logo-action-mini,:root.light .qr-download-preset,:root.light .qr-download-pack-card,:root.light .qr-chip,:root.light .qr-phone-preview-shell,:root.light .qr-phone-preview-screen,:root.light .qr-mobile-preview-card,html.light .qr-studio-card,html.light .qr-studio-card-panel,html.light .qr-studio-card-mockup,html.light .qr-generator-section,html.light .qr-generator-section-focus,html.light .qr-generator-subsection,html.light .qr-content-panel,html.light .qr-download-card,html.light .qr-download-panel .qr-form-field,html.light .qr-preview-shell,html.light .qr-preview-readiness,html.light .qr-preview-summary-item,html.light .qr-preview-alert,html.light .qr-preview-meta code,html.light .qr-form-grid-content>.qr-form-field,html.light .qr-generator-mode-card,html.light .qr-generator-more-card,html.light .qr-brand-kit-card,html.light .qr-brand-lock-card,html.light .qr-mobile-preview-toggle,html.light .qr-color-studio-hero,html.light .qr-color-section,html.light .qr-color-slider-card,html.light .qr-color-position-card,html.light .qr-color-warning,html.light .qr-style-preview-shell,html.light .qr-style-tile,html.light .qr-style-card,html.light .qr-style-option,html.light .qr-style-option-card,html.light .qr-frame-card,html.light .qr-eye-card,html.light .qr-design-template-card,html.light .qr-design-card,html.light .qr-design-combo-card,html.light .qr-color-preset-card,html.light .qr-color-mode-item,html.light .qr-color-position-button,html.light .qr-color-action-button,html.light .qr-color-ghost-button,html.light .qr-color-field-trigger,html.light .qr-color-field-control,html.light .qr-color-preset-card-minimal,html.light .qr-color-opacity-card,html.light .qr-radial-shape-button,html.light .qr-logo-upload-card,html.light .qr-logo-control-card,html.light .qr-logo-chip,html.light .qr-logo-chip-icon,html.light .qr-logo-current,html.light .qr-logo-current-thumb,html.light .qr-logo-toggle,html.light .qr-logo-action-mini,html.light .qr-download-preset,html.light .qr-download-pack-card,html.light .qr-chip,html.light .qr-phone-preview-shell,html.light .qr-phone-preview-screen,html.light .qr-mobile-preview-card{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffb8!important;border-color:#0206171f!important;box-shadow:0 18px 40px #17223514!important}:root[data-theme=light] .qr-content-panel .input,:root[data-theme=light] .qr-content-panel .select,:root[data-theme=light] .qr-content-panel .qr-textarea,:root[data-theme=light] .qr-studio-shell .input,:root[data-theme=light] .qr-studio-shell .select,:root[data-theme=light] .qr-studio-shell textarea,:root[data-theme=light] .qr-color-field-input,:root[data-theme=light] .qr-color-text-input,:root.light .qr-content-panel .input,:root.light .qr-content-panel .select,:root.light .qr-content-panel .qr-textarea,:root.light .qr-studio-shell .input,:root.light .qr-studio-shell .select,:root.light .qr-studio-shell textarea,:root.light .qr-color-field-input,:root.light .qr-color-text-input,html.light .qr-content-panel .input,html.light .qr-content-panel .select,html.light .qr-content-panel .qr-textarea,html.light .qr-studio-shell .input,html.light .qr-studio-shell .select,html.light .qr-studio-shell textarea,html.light .qr-color-field-input,html.light .qr-color-text-input{color:#0f172af5!important;background:#e4e2e1!important;border-color:#c3c6d638!important;box-shadow:inset 0 1px 2px #0f172a0a!important}:root[data-theme=light] .qr-content-panel .input::placeholder,:root[data-theme=light] .qr-content-panel .qr-textarea::placeholder,:root[data-theme=light] .qr-studio-shell .input::placeholder,:root[data-theme=light] .qr-studio-shell textarea::placeholder,:root[data-theme=light] .qr-color-field-input::placeholder,:root[data-theme=light] .qr-color-text-input::placeholder,:root.light .qr-content-panel .input::placeholder,:root.light .qr-content-panel .qr-textarea::placeholder,:root.light .qr-studio-shell .input::placeholder,:root.light .qr-studio-shell textarea::placeholder,:root.light .qr-color-field-input::placeholder,:root.light .qr-color-text-input::placeholder,html.light .qr-content-panel .input::placeholder,html.light .qr-content-panel .qr-textarea::placeholder,html.light .qr-studio-shell .input::placeholder,html.light .qr-studio-shell textarea::placeholder,html.light .qr-color-field-input::placeholder,html.light .qr-color-text-input::placeholder{color:#424654b8!important}:root[data-theme=light] .qr-generator-progress-step,:root[data-theme=light] .qr-generator-type-card,:root[data-theme=light] .qr-creation-tab,:root[data-theme=light] .qr-color-collapse,:root.light .qr-generator-progress-step,:root.light .qr-generator-type-card,:root.light .qr-creation-tab,:root.light .qr-color-collapse,html.light .qr-generator-progress-step,html.light .qr-generator-type-card,html.light .qr-creation-tab,html.light .qr-color-collapse{background:#ffffffeb!important;border-color:#c3c6d62e!important;box-shadow:0 12px 28px #0f172a0f!important}:root[data-theme=light] .qr-preview-stage,:root[data-theme=light] .qr-preview-stage-compact,:root.light .qr-preview-stage,:root.light .qr-preview-stage-compact,html.light .qr-preview-stage,html.light .qr-preview-stage-compact{background:#e4e2e1b8!important;border-color:#c3c6d633!important}:root[data-theme=dark] .qr-page-shell,:root.dark .qr-page-shell,html.dark .qr-page-shell{background:radial-gradient(900px 760px at 8% 18%,#0ea5e914,#0000 70%),radial-gradient(920px 760px at 92% 12%,#6366f114,#0000 72%),linear-gradient(#081224 0%,#060b18 100%)!important}:root[data-theme=dark] .qr-page-shell:before,:root.dark .qr-page-shell:before,html.dark .qr-page-shell:before{opacity:1!important;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px)!important;background-size:40px 40px!important}:root[data-theme=dark] .qr-generator-section,:root[data-theme=dark] .qr-generator-section-focus,:root[data-theme=dark] .qr-generator-subsection,:root[data-theme=dark] .qr-content-panel,:root[data-theme=dark] .qr-download-card,:root[data-theme=dark] .qr-download-panel .qr-form-field,:root[data-theme=dark] .qr-preview-shell,:root[data-theme=dark] .qr-form-grid-content>.qr-form-field,:root[data-theme=dark] .qr-generator-mode-card,:root[data-theme=dark] .qr-generator-more-card,:root[data-theme=dark] .qr-brand-kit-card,:root[data-theme=dark] .qr-brand-lock-card,:root[data-theme=dark] .qr-mobile-preview-toggle,:root[data-theme=dark] .qr-color-studio-hero,:root[data-theme=dark] .qr-color-section,:root[data-theme=dark] .qr-color-slider-card,:root[data-theme=dark] .qr-color-position-card,:root[data-theme=dark] .qr-color-warning,:root[data-theme=dark] .qr-style-preview-shell,:root[data-theme=dark] .qr-style-tile,:root[data-theme=dark] .qr-style-card,:root[data-theme=dark] .qr-style-option,:root[data-theme=dark] .qr-style-option-card,:root[data-theme=dark] .qr-frame-card,:root[data-theme=dark] .qr-eye-card,:root[data-theme=dark] .qr-design-template-card,:root[data-theme=dark] .qr-design-card,:root[data-theme=dark] .qr-design-combo-card,:root[data-theme=dark] .qr-color-preset-card,:root[data-theme=dark] .qr-color-mode-item,:root[data-theme=dark] .qr-color-position-button,:root[data-theme=dark] .qr-color-action-button,:root[data-theme=dark] .qr-color-ghost-button,:root[data-theme=dark] .qr-color-field-trigger,:root[data-theme=dark] .qr-color-field-control,:root[data-theme=dark] .qr-color-preset-card-minimal,:root[data-theme=dark] .qr-color-opacity-card,:root[data-theme=dark] .qr-radial-shape-button,:root[data-theme=dark] .qr-logo-upload-card,:root[data-theme=dark] .qr-logo-control-card,:root[data-theme=dark] .qr-logo-chip,:root[data-theme=dark] .qr-logo-chip-icon,:root[data-theme=dark] .qr-logo-current,:root[data-theme=dark] .qr-logo-current-thumb,:root[data-theme=dark] .qr-logo-toggle,:root[data-theme=dark] .qr-logo-action-mini,:root[data-theme=dark] .qr-download-preset,:root[data-theme=dark] .qr-download-pack-card,:root[data-theme=dark] .qr-chip,:root[data-theme=dark] .qr-phone-preview-shell,:root[data-theme=dark] .qr-phone-preview-screen,:root[data-theme=dark] .qr-mobile-preview-card,:root.dark .qr-generator-section,:root.dark .qr-generator-section-focus,:root.dark .qr-generator-subsection,:root.dark .qr-studio-card,:root.dark .qr-studio-card-panel,:root.dark .qr-studio-card-mockup,:root.dark .qr-mockup-content-well,:root.dark .qr-mockup-custom-panel,:root.dark .qr-content-panel,:root.dark .qr-download-card,:root.dark .qr-download-panel .qr-form-field,:root.dark .qr-preview-shell,:root.dark .qr-preview-readiness,:root.dark .qr-preview-summary-item,:root.dark .qr-preview-alert,:root.dark .qr-preview-meta code,:root.dark .qr-form-grid-content>.qr-form-field,:root.dark .qr-generator-mode-card,:root.dark .qr-generator-more-card,:root.dark .qr-brand-kit-card,:root.dark .qr-brand-lock-card,:root.dark .qr-mobile-preview-toggle,:root.dark .qr-color-studio-hero,:root.dark .qr-color-section,:root.dark .qr-color-slider-card,:root.dark .qr-color-position-card,:root.dark .qr-color-warning,:root.dark .qr-style-preview-shell,:root.dark .qr-style-tile,:root.dark .qr-style-card,:root.dark .qr-style-option,:root.dark .qr-style-option-card,:root.dark .qr-frame-card,:root.dark .qr-eye-card,:root.dark .qr-design-template-card,:root.dark .qr-design-card,:root.dark .qr-design-combo-card,:root.dark .qr-color-preset-card,:root.dark .qr-color-mode-item,:root.dark .qr-color-position-button,:root.dark .qr-color-action-button,:root.dark .qr-color-ghost-button,:root.dark .qr-color-field-trigger,:root.dark .qr-color-field-control,:root.dark .qr-color-preset-card-minimal,:root.dark .qr-color-opacity-card,:root.dark .qr-radial-shape-button,:root.dark .qr-logo-upload-card,:root.dark .qr-logo-control-card,:root.dark .qr-logo-chip,:root.dark .qr-logo-chip-icon,:root.dark .qr-logo-current,:root.dark .qr-logo-current-thumb,:root.dark .qr-logo-toggle,:root.dark .qr-logo-action-mini,:root.dark .qr-download-preset,:root.dark .qr-download-pack-card,:root.dark .qr-chip,:root.dark .qr-phone-preview-shell,:root.dark .qr-phone-preview-screen,:root.dark .qr-mobile-preview-card,html.dark .qr-generator-section,html.dark .qr-generator-section-focus,html.dark .qr-generator-subsection,html.dark .qr-studio-card,html.dark .qr-studio-card-panel,html.dark .qr-studio-card-mockup,html.dark .qr-mockup-content-well,html.dark .qr-mockup-custom-panel,html.dark .qr-content-panel,html.dark .qr-download-card,html.dark .qr-download-panel .qr-form-field,html.dark .qr-preview-shell,html.dark .qr-preview-readiness,html.dark .qr-preview-summary-item,html.dark .qr-preview-alert,html.dark .qr-preview-meta code,html.dark .qr-form-grid-content>.qr-form-field,html.dark .qr-generator-mode-card,html.dark .qr-generator-more-card,html.dark .qr-brand-kit-card,html.dark .qr-brand-lock-card,html.dark .qr-mobile-preview-toggle,html.dark .qr-color-studio-hero,html.dark .qr-color-section,html.dark .qr-color-slider-card,html.dark .qr-color-position-card,html.dark .qr-color-warning,html.dark .qr-style-preview-shell,html.dark .qr-style-tile,html.dark .qr-style-card,html.dark .qr-style-option,html.dark .qr-style-option-card,html.dark .qr-frame-card,html.dark .qr-eye-card,html.dark .qr-design-template-card,html.dark .qr-design-card,html.dark .qr-design-combo-card,html.dark .qr-color-preset-card,html.dark .qr-color-mode-item,html.dark .qr-color-position-button,html.dark .qr-color-action-button,html.dark .qr-color-ghost-button,html.dark .qr-color-field-trigger,html.dark .qr-color-field-control,html.dark .qr-color-preset-card-minimal,html.dark .qr-color-opacity-card,html.dark .qr-radial-shape-button,html.dark .qr-logo-upload-card,html.dark .qr-logo-control-card,html.dark .qr-logo-chip,html.dark .qr-logo-chip-icon,html.dark .qr-logo-current,html.dark .qr-logo-current-thumb,html.dark .qr-logo-toggle,html.dark .qr-logo-action-mini,html.dark .qr-download-preset,html.dark .qr-download-pack-card,html.dark .qr-chip,html.dark .qr-phone-preview-shell,html.dark .qr-phone-preview-screen,html.dark .qr-mobile-preview-card{background:#151d31!important;border-color:#94a3b824!important;box-shadow:0 18px 42px #0206173d!important}:root[data-theme=dark] .qr-generator-progress-step,:root[data-theme=dark] .qr-generator-type-card,:root[data-theme=dark] .qr-creation-tab,:root[data-theme=dark] .qr-color-collapse,:root.dark .qr-generator-progress-step,:root.dark .qr-generator-type-card,:root.dark .qr-creation-tab,:root.dark .qr-color-collapse,html.dark .qr-generator-progress-step,html.dark .qr-generator-type-card,html.dark .qr-creation-tab,html.dark .qr-color-collapse{background:#151d31e0!important;border-color:#94a3b824!important;box-shadow:0 16px 34px #0206172e!important}:root[data-theme=dark] .qr-creation-hero h1,:root[data-theme=dark] .qr-creation-hero h2,:root[data-theme=dark] .qr-logo-upload-copy h4,:root[data-theme=dark] .qr-download-card-head h4,:root[data-theme=dark] .qr-design-template-copy strong,:root[data-theme=dark] .qr-design-card-copy strong,:root[data-theme=dark] .qr-design-combo-copy strong,:root[data-theme=dark] .qr-logo-current strong,:root[data-theme=dark] .qr-preview-head h3,:root[data-theme=dark] .qr-preview-readiness-copy h4,:root.dark .qr-creation-hero h1,:root.dark .qr-creation-hero h2,:root.dark .qr-logo-upload-copy h4,:root.dark .qr-download-card-head h4,:root.dark .qr-design-template-copy strong,:root.dark .qr-design-card-copy strong,:root.dark .qr-design-combo-copy strong,:root.dark .qr-logo-current strong,:root.dark .qr-preview-head h3,:root.dark .qr-preview-readiness-copy h4,html.dark .qr-creation-hero h1,html.dark .qr-creation-hero h2,html.dark .qr-logo-upload-copy h4,html.dark .qr-download-card-head h4,html.dark .qr-design-template-copy strong,html.dark .qr-design-card-copy strong,html.dark .qr-design-combo-copy strong,html.dark .qr-logo-current strong,html.dark .qr-preview-head h3,html.dark .qr-preview-readiness-copy h4{color:#fffffff5!important}:root[data-theme=dark] .qr-creation-hero p,:root[data-theme=dark] .qr-logo-upload-copy p,:root[data-theme=dark] .qr-download-card-head p,:root[data-theme=dark] .qr-download-safety-copy,:root[data-theme=dark] .qr-design-template-copy p,:root[data-theme=dark] .qr-design-card-copy p,:root[data-theme=dark] .qr-design-combo-copy p,:root[data-theme=dark] .qr-preview-note,:root[data-theme=dark] .qr-preview-alert p,:root[data-theme=dark] .qr-preview-readiness-copy p,:root[data-theme=dark] .qr-preview-readiness-score span,:root[data-theme=dark] .qr-preview-label,:root.dark .qr-creation-hero p,:root.dark .qr-logo-upload-copy p,:root.dark .qr-download-card-head p,:root.dark .qr-download-safety-copy,:root.dark .qr-design-template-copy p,:root.dark .qr-design-card-copy p,:root.dark .qr-design-combo-copy p,:root.dark .qr-preview-note,:root.dark .qr-preview-alert p,:root.dark .qr-preview-readiness-copy p,:root.dark .qr-preview-readiness-score span,:root.dark .qr-preview-label,html.dark .qr-creation-hero p,html.dark .qr-logo-upload-copy p,html.dark .qr-download-card-head p,html.dark .qr-download-safety-copy,html.dark .qr-design-template-copy p,html.dark .qr-design-card-copy p,html.dark .qr-design-combo-copy p,html.dark .qr-preview-note,html.dark .qr-preview-alert p,html.dark .qr-preview-readiness-copy p,html.dark .qr-preview-readiness-score span,html.dark .qr-preview-label{color:#e2e8f0b8!important}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root[data-theme=dark] .qr-studio-shell .input,:root[data-theme=dark] .qr-studio-shell .select,:root[data-theme=dark] .qr-studio-shell textarea,:root[data-theme=dark] .qr-color-field-input,:root[data-theme=dark] .qr-color-text-input,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,:root.dark .qr-studio-shell .input,:root.dark .qr-studio-shell .select,:root.dark .qr-studio-shell textarea,:root.dark .qr-color-field-input,:root.dark .qr-color-text-input,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea,html.dark .qr-studio-shell .input,html.dark .qr-studio-shell .select,html.dark .qr-studio-shell textarea,html.dark .qr-color-field-input,html.dark .qr-color-text-input{color:#fffffff0!important;background:#e4e2e114!important;border-color:#94a3b82e!important;box-shadow:inset 0 1px 1px #ffffff08!important}:root[data-theme=dark] .qr-content-panel .input::placeholder,:root[data-theme=dark] .qr-content-panel .qr-textarea::placeholder,:root[data-theme=dark] .qr-studio-shell .input::placeholder,:root[data-theme=dark] .qr-studio-shell textarea::placeholder,:root[data-theme=dark] .qr-color-field-input::placeholder,:root[data-theme=dark] .qr-color-text-input::placeholder,:root.dark .qr-content-panel .input::placeholder,:root.dark .qr-content-panel .qr-textarea::placeholder,:root.dark .qr-studio-shell .input::placeholder,:root.dark .qr-studio-shell textarea::placeholder,:root.dark .qr-color-field-input::placeholder,:root.dark .qr-color-text-input::placeholder,html.dark .qr-content-panel .input::placeholder,html.dark .qr-content-panel .qr-textarea::placeholder,html.dark .qr-studio-shell .input::placeholder,html.dark .qr-studio-shell textarea::placeholder,html.dark .qr-color-field-input::placeholder,html.dark .qr-color-text-input::placeholder{color:#e2e8f070!important}:root[data-theme=dark] .qr-preview-stage,:root[data-theme=dark] .qr-preview-stage-compact,:root.dark .qr-preview-stage,:root.dark .qr-preview-stage-compact,html.dark .qr-preview-stage,html.dark .qr-preview-stage-compact{background:#e4e2e1c7!important;border-color:#94a3b833!important}.qr-generator-section,.qr-generator-section-focus,.qr-studio-card,.qr-studio-card-panel,.qr-studio-card-mockup,.qr-generator-subsection,.qr-content-panel,.qr-color-studio-hero,.qr-color-section,.qr-color-section-compact-minimal,.qr-design-studio,.qr-creation-hero,.qr-creation-hero-mockup,.qr-download-card,.qr-download-panel .qr-form-field,.qr-logo-upload-card,.qr-logo-control-card,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mockup-content-well,.qr-mockup-custom-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}.qr-generator-section,.qr-generator-section-focus{padding:0!important}.qr-studio-card,.qr-studio-card-panel,.qr-studio-card-mockup{border:0!important;border-radius:0!important;padding:0!important}.qr-generator-subsection,.qr-content-panel,.qr-color-studio-hero,.qr-color-section,.qr-color-section-compact-minimal,.qr-design-studio,.qr-creation-hero,.qr-creation-hero-mockup,.qr-download-card,.qr-logo-upload-card,.qr-logo-control-card,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mockup-content-well,.qr-mockup-custom-panel{padding-left:0!important;padding-right:0!important}.qr-studio-shell-mockup>.qr-studio-left>.qr-studio-card.qr-studio-card-panel.qr-studio-card-mockup,.qr-studio-shell-mockup .qr-creation-hero.qr-creation-hero-mockup,.qr-studio-shell-mockup .qr-mockup-content-well,.qr-studio-shell-mockup .qr-mockup-custom-panel,.qr-studio-shell-mockup .qr-design-studio,.qr-studio-shell-mockup .qr-color-studio-hero,.qr-studio-shell-mockup .qr-color-studio-hero-minimal,.qr-studio-shell-mockup .qr-color-section,.qr-studio-shell-mockup .qr-color-section-compact-minimal,.qr-studio-shell-mockup .qr-generator-section,.qr-studio-shell-mockup .qr-generator-section-focus,.qr-studio-shell-mockup .qr-generator-subsection{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.qr-studio-shell-mockup>.qr-studio-left>.qr-studio-card.qr-studio-card-panel.qr-studio-card-mockup,.qr-studio-shell-mockup .qr-mockup-content-well,.qr-studio-shell-mockup .qr-mockup-custom-panel,.qr-studio-shell-mockup .qr-design-studio,.qr-studio-shell-mockup .qr-generator-section,.qr-studio-shell-mockup .qr-generator-section-focus,.qr-studio-shell-mockup .qr-generator-subsection{padding:0!important}.qr-generator-type-card-grid,.qr-generator-type-card-grid-mockup{gap:.6rem!important}.qr-generator-type-card,.qr-generator-type-card-mockup{border-radius:10px!important;justify-content:flex-start!important;align-items:center!important;gap:.7rem!important;min-height:64px!important;padding:.85rem 1rem!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important}@media (width>=768px){.qr-generator-type-card,.qr-generator-type-card-mockup{justify-content:center!important}.qr-generator-type-card-copy,.qr-generator-type-card-mockup .qr-generator-type-card-copy{flex:0 auto!important;justify-content:flex-start!important}}.qr-generator-type-card:before,.qr-generator-type-card-mockup:before{content:none!important;display:none!important}.qr-generator-type-card-icon,.qr-generator-type-card-mockup .qr-generator-type-card-icon{z-index:1!important;color:#1967c3!important;background:0 0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;height:20px!important;display:inline-flex!important;position:relative!important}.qr-generator-type-card-icon svg,.qr-generator-type-card-mockup .qr-generator-type-card-icon svg{width:20px!important;height:20px!important}.qr-generator-type-card-copy,.qr-generator-type-card-mockup .qr-generator-type-card-copy{z-index:1!important;text-align:left!important;flex:auto!important;justify-content:flex-start!important;align-items:center!important;min-width:0!important;display:flex!important;position:relative!important}.qr-generator-type-card-copy strong,.qr-generator-type-card-mockup .qr-generator-type-card-copy strong{font-family:var(--hoppla-font-title)!important;letter-spacing:0!important;color:#2b2f3a!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:.92rem!important;font-weight:800!important;line-height:1.2!important;display:block!important}.qr-generator-type-card-copy em,.qr-generator-type-card-copy small,.qr-generator-type-card-mockup .qr-generator-type-card-copy em,.qr-generator-type-card-mockup .qr-generator-type-card-copy small{display:none!important}.qr-generator-type-card,.qr-generator-type-card-mockup{color:#1967c3!important;box-shadow:none!important;background:#f7f6f6!important;border:1px solid #e7ebf1f2!important}.qr-generator-type-card-demo{z-index:1!important;background:#fff!important;border:1px solid #cbd5e1f2!important;border-radius:12px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:52px!important;height:52px!important;margin-left:auto!important;display:inline-flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffffeb!important}.qr-generator-type-card-demo svg{width:100%!important;height:100%!important;display:block!important}.qr-generator-type-card:hover,.qr-generator-type-card:focus-visible,.qr-generator-type-card-mockup:hover,.qr-generator-type-card-mockup:focus-visible{box-shadow:none!important;background:#faf9f9!important;border-color:#1967c3b3!important;transform:none!important}.qr-generator-type-card-active,.qr-generator-type-card-mockup.qr-generator-type-card-active{color:#1967c3!important;box-shadow:none!important;background:#fbfbfb!important;border:2px solid #10b981!important}:root[data-theme=dark] .qr-generator-type-card,:root[data-theme=dark] .qr-generator-type-card-mockup,:root.dark .qr-generator-type-card,:root.dark .qr-generator-type-card-mockup,html.dark .qr-generator-type-card,html.dark .qr-generator-type-card-mockup{color:#60a5fa!important;box-shadow:none!important;background:#1b2438!important;border:1px solid #3a4967d1!important}:root[data-theme=dark] .qr-generator-type-card-demo,:root.dark .qr-generator-type-card-demo,html.dark .qr-generator-type-card-demo{background:#fffffff7!important;border-color:#475569eb!important}:root[data-theme=dark] .qr-generator-type-card-icon,:root[data-theme=dark] .qr-generator-type-card-mockup .qr-generator-type-card-icon,:root.dark .qr-generator-type-card-icon,:root.dark .qr-generator-type-card-mockup .qr-generator-type-card-icon,html.dark .qr-generator-type-card-icon,html.dark .qr-generator-type-card-mockup .qr-generator-type-card-icon{color:#60a5fa!important}:root[data-theme=dark] .qr-generator-type-card-copy strong,:root[data-theme=dark] .qr-generator-type-card-mockup .qr-generator-type-card-copy strong,:root.dark .qr-generator-type-card-copy strong,:root.dark .qr-generator-type-card-mockup .qr-generator-type-card-copy strong,html.dark .qr-generator-type-card-copy strong,html.dark .qr-generator-type-card-mockup .qr-generator-type-card-copy strong{color:#fffffff5!important}:root[data-theme=dark] .qr-generator-type-card:hover,:root[data-theme=dark] .qr-generator-type-card:focus-visible,:root[data-theme=dark] .qr-generator-type-card-mockup:hover,:root[data-theme=dark] .qr-generator-type-card-mockup:focus-visible,:root.dark .qr-generator-type-card:hover,:root.dark .qr-generator-type-card:focus-visible,:root.dark .qr-generator-type-card-mockup:hover,:root.dark .qr-generator-type-card-mockup:focus-visible,html.dark .qr-generator-type-card:hover,html.dark .qr-generator-type-card:focus-visible,html.dark .qr-generator-type-card-mockup:hover,html.dark .qr-generator-type-card-mockup:focus-visible{background:#202b43!important;border-color:#60a5fab3!important}:root[data-theme=dark] .qr-generator-type-card-active,:root[data-theme=dark] .qr-generator-type-card-mockup.qr-generator-type-card-active,:root.dark .qr-generator-type-card-active,:root.dark .qr-generator-type-card-mockup.qr-generator-type-card-active,html.dark .qr-generator-type-card-active,html.dark .qr-generator-type-card-mockup.qr-generator-type-card-active{background:#1d2940!important;border:2px solid #10b981!important}.qr-generator-type-card-grid-mockup{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}.qr-generator-type-card.qr-generator-type-card-mockup{background:#efedf180!important;border:1px solid #ffffff4d!important;border-radius:.5rem!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:60px!important;padding:6px!important;transition:transform .2s,box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,border-color .2s!important;display:flex!important;overflow:visible!important;box-shadow:inset 0 2px 4px #00000005!important}.qr-generator-type-card.qr-generator-type-card-mockup:before{content:none!important;display:none!important}.qr-generator-type-card.qr-generator-type-card-mockup:hover{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-color:#1967c3!important;transform:translateY(-4px)!important;box-shadow:0 24px 48px #ab35001a!important}.qr-generator-type-card.qr-generator-type-card-mockup.qr-generator-type-card-active{background:#10b9811a!important;border-width:2px!important;border-color:#10b981!important;box-shadow:inset 0 2px 4px #00000005!important}.qr-generator-type-card.qr-generator-type-card-mockup .qr-generator-type-card-icon{color:#004ac6!important;background:0 0!important;border:0!important;border-radius:0!important;width:auto!important;min-width:0!important;height:auto!important}.qr-generator-type-card.qr-generator-type-card-mockup .qr-generator-type-card-icon svg{width:24px!important;height:24px!important}.qr-generator-type-card.qr-generator-type-card-mockup .qr-generator-type-card-copy{text-align:center!important;justify-content:center!important;align-items:center!important;display:flex!important}.qr-generator-type-card.qr-generator-type-card-mockup .qr-generator-type-card-copy strong{font-family:var(--hoppla-font-sans)!important;color:#1a1b1e!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}.qr-generator-type-card.qr-generator-type-card-mockup .qr-generator-type-card-copy em,.qr-generator-type-card.qr-generator-type-card-mockup .qr-generator-type-card-copy small{display:none!important}.qr-design-card-grid.qr-design-card-grid-minimal{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.7rem!important}.qr-design-card.qr-design-card-minimal{border-radius:.9rem!important;gap:.4rem!important;min-height:9.4rem!important;padding:.7rem .5rem!important}.qr-design-card.qr-design-card-minimal .qr-design-card-preview{margin-bottom:.1rem!important}.qr-design-card.qr-design-card-minimal .qr-style-preview-shell,.qr-design-card.qr-design-card-minimal .qr-style-image-tile{border-radius:.75rem!important;min-height:4.65rem!important}.qr-design-card.qr-design-card-minimal .qr-style-micro-tile{border-radius:.8rem!important;width:68px!important;height:68px!important;padding:.45rem!important}.qr-design-card.qr-design-card-minimal .qr-design-card-copy{gap:.18rem!important}.qr-design-card.qr-design-card-minimal .qr-design-card-head{justify-content:center!important}.qr-design-card.qr-design-card-minimal .qr-design-card-head strong{letter-spacing:.02em!important;text-transform:none!important;color:#fffffff5!important;text-wrap:balance!important;font-size:.66rem!important;line-height:1.18!important}.qr-design-studio .qr-color-studio-hero-minimal .qr-color-studio-copy h3{letter-spacing:-.02em!important;font-size:clamp(1.65rem,2.2vw,2.3rem)!important;line-height:1.02!important}.qr-design-studio .qr-color-section-compact-minimal .qr-color-section-head h4{letter-spacing:-.01em!important;color:#fffffff2!important;font-size:.98rem!important;line-height:1.15!important}@media (width<=1260px){.qr-design-card-grid.qr-design-card-grid-minimal{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media (width<=1080px){.qr-design-card-grid.qr-design-card-grid-minimal{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width<=780px){.qr-design-card-grid.qr-design-card-grid-minimal{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=560px){.qr-design-card-grid.qr-design-card-grid-minimal{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.qr-color-preset-card-visual{align-content:start!important;justify-items:center!important;gap:.45rem!important;display:grid!important}.qr-color-preset-card-visual strong{letter-spacing:.01em!important;color:var(--hoppla-text)!important;text-align:center!important;text-wrap:balance!important;margin:0!important;font-size:.72rem!important;font-weight:800!important;line-height:1.15!important}.qr-color-preset-qr{justify-content:center!important;width:100%!important;display:flex!important}.qr-color-preset-card-visual .qr-style-preview-shell{border:1px solid color-mix(in srgb, var(--hoppla-border) 88%, transparent)!important;background:color-mix(in srgb, var(--hoppla-bg) 94%, transparent)!important;border-radius:.85rem!important;width:100%!important;min-height:4.85rem!important;padding:.28rem!important}.qr-color-preset-card-visual .qr-style-engine-preview{border-radius:.65rem!important;width:4.2rem!important;height:4.2rem!important}.qr-studio-card-mockup .qr-color-studio{gap:1rem;display:grid}.qr-studio-card-mockup .qr-color-studio-hero-minimal{margin:0 0 .15rem!important;padding:0!important}.qr-studio-card-mockup .qr-color-studio-hero-minimal .qr-color-studio-copy h3{letter-spacing:-.03em!important;margin:0!important;font-size:clamp(1.8rem,2.8vw,2.5rem)!important;line-height:1.02!important}.qr-studio-card-mockup .qr-color-section{border:1px solid var(--hoppla-border)!important;background:color-mix(in srgb, var(--hoppla-surface-strong) 96%, transparent)!important;border-radius:1.2rem!important;gap:.9rem!important;padding:1rem 1.05rem!important;display:grid!important;box-shadow:0 14px 34px #0f172a0f!important}.qr-studio-card-mockup .qr-color-section-head{justify-content:space-between!important;align-items:end!important;gap:.75rem!important;margin:0!important;display:flex!important}.qr-studio-card-mockup .qr-color-section-head h4{font-family:var(--hoppla-font-title)!important;letter-spacing:-.01em!important;color:var(--hoppla-text)!important;margin:0!important;font-size:1.02rem!important;line-height:1.12!important}.qr-studio-card-mockup .qr-color-preset-grid-minimal{grid-template-columns:repeat(6,minmax(96px,1fr))!important;align-items:stretch!important;gap:.8rem!important}.qr-studio-card-mockup .qr-color-preset-card-minimal{border-radius:1rem!important;align-content:start!important;justify-items:center!important;width:100%!important;height:auto!important;min-height:6.8rem!important;padding:.6rem!important}.qr-studio-card-mockup .qr-color-preset-card-minimal .qr-color-preset-qr{width:100%!important}.qr-studio-card-mockup .qr-color-preset-card-minimal strong{display:none!important}.qr-studio-card-mockup .qr-color-field-grid,.qr-studio-card-mockup .qr-gradient-linear-controls,.qr-studio-card-mockup .qr-color-inline-actions-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;display:grid!important}.qr-studio-card-mockup .qr-color-inline-actions-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}.qr-studio-card-mockup .qr-color-field,.qr-studio-card-mockup .qr-color-slider-card,.qr-studio-card-mockup .qr-position-pad-field,.qr-studio-card-mockup .qr-color-radial-stop{min-width:0!important}.qr-studio-card-mockup .qr-color-field-control{border-radius:1rem!important;grid-template-columns:2.5rem minmax(0,1fr) auto!important;align-items:center!important;gap:.45rem!important;min-height:3.25rem!important;padding:.28rem!important;display:grid!important}.qr-studio-card-mockup .qr-color-field-swatch-button{border-radius:999px!important;width:2.3rem!important;height:2.3rem!important}.qr-studio-card-mockup .qr-color-field-swatch{border-width:2px!important;width:1.5rem!important;height:1.5rem!important}.qr-studio-card-mockup .qr-color-field-input{min-width:0!important;color:var(--hoppla-text)!important;background:0 0!important;border:0!important;padding:0 .15rem!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:.98rem!important;font-weight:700!important;line-height:1!important}.qr-studio-card-mockup .qr-color-field-trigger{border-radius:.8rem!important;min-width:4.5rem!important;height:2.35rem!important;padding:0 .85rem!important;font-size:.82rem!important;font-weight:800!important}.qr-studio-card-mockup .qr-color-slider-card{border-radius:1rem!important;padding:.85rem .9rem!important}.qr-studio-card-mockup .qr-color-slider-head span,.qr-studio-card-mockup .qr-position-pad-head span{letter-spacing:.11em!important;font-size:.72rem!important}.qr-studio-card-mockup .qr-color-slider-head strong,.qr-studio-card-mockup .qr-position-pad-head strong{color:var(--hoppla-text)!important;font-size:1rem!important}.qr-studio-card-mockup .qr-color-toggle-line-compact{border:1px solid var(--hoppla-border)!important;background:color-mix(in srgb, var(--hoppla-surface) 92%, transparent)!important;border-radius:1rem!important;min-height:3rem!important;padding:.78rem .9rem!important}.qr-studio-card-mockup .qr-color-toggle-line-compact span{letter-spacing:.08em!important;font-size:.82rem!important;font-weight:800!important}.qr-studio-card-mockup .qr-color-accent-row{flex-wrap:wrap!important;gap:.6rem!important;display:flex!important}.qr-studio-card-mockup .qr-color-accent-button{width:2rem!important;height:2rem!important;box-shadow:0 0 0 3px #ffffffbf,0 10px 20px #0f172a14!important}.qr-studio-card-mockup .qr-color-ghost-button{justify-content:center!important;min-height:2.9rem!important;padding:.72rem .9rem!important;font-size:.84rem!important;font-weight:800!important}.qr-studio-card-mockup .qr-position-pad{border-radius:1.1rem!important;min-height:19rem!important}.qr-studio-card-mockup .qr-color-text-control{gap:.45rem!important;display:grid!important}.qr-studio-card-mockup .qr-color-text-control label{color:var(--hoppla-text)!important;font-size:.84rem!important;font-weight:800!important}.qr-studio-card-mockup .qr-color-text-input{border:1px solid var(--hoppla-border)!important;background:color-mix(in srgb, var(--hoppla-surface) 94%, transparent)!important;min-height:3.2rem!important;color:var(--hoppla-text)!important;border-radius:1rem!important;padding:0 1rem!important;font-size:.95rem!important;font-weight:700!important}.qr-studio-card-mockup .qr-color-radial-stop{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:.6rem!important;display:grid!important}.qr-studio-card-mockup .qr-color-remove-stop-button,.qr-studio-card-mockup .qr-color-add-stop-button{border-radius:.8rem!important;width:2.4rem!important;height:2.4rem!important}.qr-studio-card-mockup .qr-color-radial-toolbar{justify-content:space-between!important;align-items:center!important;gap:.75rem!important;padding:.2rem 0!important;display:flex!important}:root[data-theme=dark] .qr-studio-card-mockup .qr-color-section,:root.dark .qr-studio-card-mockup .qr-color-section,html.dark .qr-studio-card-mockup .qr-color-section{background:linear-gradient(#0f172ae0,#0f172ac7)!important;border-color:#94a3b82e!important;box-shadow:0 18px 38px #02061747!important}:root[data-theme=dark] .qr-studio-card-mockup .qr-color-field-control,:root[data-theme=dark] .qr-studio-card-mockup .qr-color-slider-card,:root[data-theme=dark] .qr-studio-card-mockup .qr-color-toggle-line-compact,:root[data-theme=dark] .qr-studio-card-mockup .qr-color-text-input,:root.dark .qr-studio-card-mockup .qr-color-field-control,:root.dark .qr-studio-card-mockup .qr-color-slider-card,:root.dark .qr-studio-card-mockup .qr-color-toggle-line-compact,:root.dark .qr-studio-card-mockup .qr-color-text-input,html.dark .qr-studio-card-mockup .qr-color-field-control,html.dark .qr-studio-card-mockup .qr-color-slider-card,html.dark .qr-studio-card-mockup .qr-color-toggle-line-compact,html.dark .qr-studio-card-mockup .qr-color-text-input{background:#ffffff0a!important;border-color:#94a3b829!important}:root[data-theme=dark] .qr-studio-card-mockup .qr-color-field-trigger,:root[data-theme=dark] .qr-studio-card-mockup .qr-color-ghost-button,:root.dark .qr-studio-card-mockup .qr-color-field-trigger,:root.dark .qr-studio-card-mockup .qr-color-ghost-button,html.dark .qr-studio-card-mockup .qr-color-field-trigger,html.dark .qr-studio-card-mockup .qr-color-ghost-button{color:#e2e8f0f0!important;background:#ffffff0d!important;border-color:#94a3b82e!important}:root[data-theme=dark] .qr-color-preset-card-visual .qr-style-preview-shell,:root.dark .qr-color-preset-card-visual .qr-style-preview-shell,html.dark .qr-color-preset-card-visual .qr-style-preview-shell{background:#fffffff5!important;border-color:#94a3b82e!important}@media (width<=980px){.qr-studio-card-mockup .qr-color-field-grid,.qr-studio-card-mockup .qr-gradient-linear-controls,.qr-studio-card-mockup .qr-color-inline-actions-compact{grid-template-columns:1fr!important}.qr-studio-card-mockup .qr-color-preset-grid-minimal{grid-template-columns:repeat(4,minmax(86px,1fr))!important}}@media (width<=640px){.qr-studio-card-mockup .qr-color-preset-grid-minimal{grid-template-columns:repeat(3,minmax(76px,1fr))!important}.qr-studio-card-mockup .qr-position-pad{min-height:14rem!important}}.qr-generator-upgrade-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.qr-generator-upgrade-button-locked{position:relative}.qr-generator-slug-button{white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;min-width:8.6rem;min-height:2.6rem;display:inline-flex}.qr-generator-upgrade-button-locked svg{color:#f43f5e;flex:none}:root[data-theme=dark],:root.dark,html.dark{--dark-bg:#020617;--dark-surface:#0f172ae0;--dark-surface-strong:#1e293beb;--dark-border:#94a3b838;--neon-blue:#1967c3;--neon-cyan:#22d3ee;--neon-indigo:#818cf8;--neon-purple:#a78bfa;--neon-pink:#fb7185;--neon-green:#34d399;--neon-amber:#fbbf24}:root[data-theme=dark] .qr-generator-type-card,:root.dark .qr-generator-type-card,html.dark .qr-generator-type-card{background:var(--dark-surface)!important;border-color:var(--dark-border)!important;box-shadow:0 18px 42px #02061752,inset 0 1px #ffffff08!important}:root[data-theme=dark] .qr-generator-type-card:hover,:root[data-theme=dark] .qr-generator-type-card:focus-visible,:root.dark .qr-generator-type-card:hover,:root.dark .qr-generator-type-card:focus-visible,html.dark .qr-generator-type-card:hover,html.dark .qr-generator-type-card:focus-visible{border-color:color-mix(in srgb, var(--neon-cyan) 45%, var(--dark-border))!important;box-shadow:0 22px 48px #0206175c,0 0 0 1px #22d3ee2e,0 0 18px #22d3ee14!important}:root[data-theme=dark] .qr-generator-type-card-active,:root.dark .qr-generator-type-card-active,html.dark .qr-generator-type-card-active{border-color:#38bdf880!important;box-shadow:0 24px 52px #02061766,0 0 0 1px #38bdf83d,0 0 24px #38bdf824!important}:root[data-theme=dark] .qr-generator-type-card-more,:root.dark .qr-generator-type-card-more,html.dark .qr-generator-type-card-more{border-color:#818cf847!important}:root[data-theme=dark] .qr-generator-type-card-locked,:root.dark .qr-generator-type-card-locked,html.dark .qr-generator-type-card-locked{background:#0f172ac2!important;border-color:#94a3b842!important}:root[data-theme=dark] .qr-generator-type-card-tooltip,:root.dark .qr-generator-type-card-tooltip,html.dark .qr-generator-type-card-tooltip{color:#f8fafcfc;background:#020617fa;border:1px solid #38bdf83d;box-shadow:0 24px 48px #0206177a,0 0 22px #38bdf81f}:root[data-theme=dark] .qr-generator-type-card-tooltip:after,:root.dark .qr-generator-type-card-tooltip:after,html.dark .qr-generator-type-card-tooltip:after{background:#020617f5;border-bottom:1px solid #38bdf81f;border-right:1px solid #38bdf81f}:root[data-theme=dark] .qr-generator-type-card-lock,:root.dark .qr-generator-type-card-lock,html.dark .qr-generator-type-card-lock{color:#ffd1da;background:#fb718547;border-color:#fb71859e;box-shadow:0 18px 34px #fb718547,0 0 24px #fb71853d}:root[data-theme=dark] .qr-generator-type-card-overlay,:root.dark .qr-generator-type-card-overlay,html.dark .qr-generator-type-card-overlay{-webkit-backdrop-filter:blur(7px);background:0 0}:root[data-theme=dark] .qr-generator-upgrade-toast,:root.dark .qr-generator-upgrade-toast,html.dark .qr-generator-upgrade-toast{background:var(--dark-surface-strong);border-color:#38bdf82e;box-shadow:0 20px 42px #02061757,0 0 16px #38bdf814}:root[data-theme=dark] .qr-generator-upgrade-copy strong,:root.dark .qr-generator-upgrade-copy strong,html.dark .qr-generator-upgrade-copy strong{color:#f8fafcfa}:root[data-theme=dark] .qr-generator-upgrade-copy span,:root.dark .qr-generator-upgrade-copy span,html.dark .qr-generator-upgrade-copy span{color:#bfdbfeeb}:root[data-theme=dark] .qr-generator-upgrade-button,:root[data-theme=dark] .btn.btn-primary,:root.dark .qr-generator-upgrade-button,:root.dark .btn.btn-primary,html.dark .qr-generator-upgrade-button,html.dark .btn.btn-primary{box-shadow:0 10px 24px #38bdf829,0 0 18px #38bdf814}:root[data-theme=dark] .qr-react-preview-card,:root.dark .qr-react-preview-card,html.dark .qr-react-preview-card{background:linear-gradient(#0f172af5,#020617f5);border-color:#38bdf829;box-shadow:0 28px 54px #0206176b,0 0 18px #38bdf80f}:root[data-theme=dark] .qr-react-preview-card h2,:root.dark .qr-react-preview-card h2,html.dark .qr-react-preview-card h2{color:#f8fafcfa}:root[data-theme=dark] .qr-react-preview-square,:root.dark .qr-react-preview-square,html.dark .qr-react-preview-square{background:#0f172ae0;border-color:#94a3b82e;box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] .qr-generator-type-section-head h4,:root.dark .qr-generator-type-section-head h4,html.dark .qr-generator-type-section-head h4{color:#e0e7fff5}:root[data-theme=dark] .qr-generator-type-card-copy small,:root.dark .qr-generator-type-card-copy small,html.dark .qr-generator-type-card-copy small{color:var(--neon-cyan)}:root[data-theme=dark] .qr-generator-mode-card-disabled,:root.dark .qr-generator-mode-card-disabled,html.dark .qr-generator-mode-card-disabled{opacity:.52;background:#0f172ac7;border-color:#94a3b82e}:root[data-theme=dark] .qr-generator-upgrade-button-locked svg,:root.dark .qr-generator-upgrade-button-locked svg,html.dark .qr-generator-upgrade-button-locked svg{color:#ffd1da}@media (width<=760px){.qr-generator-short-url-note{grid-template-columns:1fr}.qr-generator-short-url-note .qr-generator-slug-button{grid-area:auto/1/auto/2;width:100%}}.qr-mockup-content-stack{gap:1rem;display:grid}.qr-generator-subsection-mode,.qr-content-panel,.qr-mockup-content-well{border-radius:1.35rem}.qr-generator-subsection-mode{background:radial-gradient(circle at 100% 0,#38bdf814,#0000 34%),#ffffffeb;border:1px solid #c3c6d538;gap:.95rem;padding:1.4rem;box-shadow:0 20px 46px #0f172a0d}.qr-generator-subsection-mode-compact{padding:1.2rem}.qr-generator-subsection-head{gap:.4rem}.qr-generator-subsection-head h4,.qr-content-panel-head h3{color:#0f172a;margin:0;font-size:1.08rem;line-height:1.22}.qr-generator-subsection-head p,.qr-content-panel-head p{color:#64748b;max-width:44rem;margin:0;font-size:.86rem;line-height:1.55}.qr-generator-mode-card{background:#fffffff5;border-radius:1.08rem;min-height:106px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffffb8}.qr-generator-mode-card strong,.qr-generator-mode-inline-note strong{font-size:.92rem}.qr-generator-mode-card span,.qr-generator-mode-inline-note span{font-size:.8rem;line-height:1.48}.qr-content-panel{background:radial-gradient(circle at 100% 0,#818cf80f,#0000 30%),#fffffff0;border:1px solid #c3c6d538;gap:1.25rem;padding:1.7rem 1.8rem;box-shadow:0 22px 48px #0f172a0e}.qr-content-panel-compact,.qr-studio-shell-mockup .qr-content-panel{padding:1.45rem 1.55rem}.qr-form-field{align-content:start;gap:.5rem}.qr-form-field>span{color:#41526a;letter-spacing:.06em;text-transform:uppercase;padding-left:.18rem;font-size:.76rem;font-weight:800;line-height:1.15}.qr-content-panel .input,.qr-content-panel .select,.qr-content-panel .qr-textarea,.qr-studio-shell-mockup input,.qr-studio-shell-mockup textarea,.qr-studio-shell-mockup select{background:#fffffffa;border:1px solid #c3c6d5bd;border-radius:1rem;width:100%;min-height:48px;padding:.82rem .95rem;box-shadow:0 1px 2px #0f172a0d}.qr-content-panel .select,.qr-studio-shell-mockup select{padding-right:2.1rem}.qr-content-panel .qr-textarea,.qr-studio-shell-mockup textarea{resize:vertical;border-radius:1.02rem;min-height:118px}.qr-content-panel .input:focus,.qr-content-panel .select:focus,.qr-content-panel .qr-textarea:focus,.qr-studio-shell-mockup input:focus,.qr-studio-shell-mockup textarea:focus,.qr-studio-shell-mockup select:focus{border-color:#1967c370;outline:none;box-shadow:0 0 0 4px #1967c31a}.qr-generator-short-url-note{border-radius:1rem;padding:.95rem 1rem}.qr-generator-slug-button{border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-width:9rem;min-height:2.7rem;display:inline-flex}.qr-react-generator-grid{column-gap:1.35rem}.qr-react-preview-panel{padding-left:.35rem}:root[data-theme=dark] .qr-generator-subsection-mode,:root.dark .qr-generator-subsection-mode,html.dark .qr-generator-subsection-mode,:root[data-theme=dark] .qr-content-panel,:root.dark .qr-content-panel,html.dark .qr-content-panel,:root[data-theme=dark] .qr-mockup-content-well,:root.dark .qr-mockup-content-well,html.dark .qr-mockup-content-well{background:radial-gradient(circle at 100% 0,#22d3ee1f,#0000 32%),#0f172ae0;border-color:#94a3b833;box-shadow:0 24px 52px #0206174d,0 0 18px #38bdf814}:root[data-theme=dark] .qr-generator-subsection-head h4,:root.dark .qr-generator-subsection-head h4,html.dark .qr-generator-subsection-head h4,:root[data-theme=dark] .qr-content-panel-head h3,:root.dark .qr-content-panel-head h3,html.dark .qr-content-panel-head h3{color:#f8fafc}:root[data-theme=dark] .qr-generator-subsection-head p,:root.dark .qr-generator-subsection-head p,html.dark .qr-generator-subsection-head p,:root[data-theme=dark] .qr-content-panel-head p,:root.dark .qr-content-panel-head p,html.dark .qr-content-panel-head p,:root[data-theme=dark] .qr-form-field>small,:root.dark .qr-form-field>small,html.dark .qr-form-field>small{color:#e2e8f0c2}:root[data-theme=dark] .qr-form-field>span,:root.dark .qr-form-field>span,html.dark .qr-form-field>span{color:#e2e8f0e6}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea,:root[data-theme=dark] .qr-studio-shell-mockup input,:root[data-theme=dark] .qr-studio-shell-mockup textarea,:root[data-theme=dark] .qr-studio-shell-mockup select,:root.dark .qr-studio-shell-mockup input,:root.dark .qr-studio-shell-mockup textarea,:root.dark .qr-studio-shell-mockup select,html.dark .qr-studio-shell-mockup input,html.dark .qr-studio-shell-mockup textarea,html.dark .qr-studio-shell-mockup select{color:#f8fafc;background:#020617a8;border-color:#94a3b838;box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] .qr-content-panel .input:focus,:root[data-theme=dark] .qr-content-panel .select:focus,:root[data-theme=dark] .qr-content-panel .qr-textarea:focus,:root.dark .qr-content-panel .input:focus,:root.dark .qr-content-panel .select:focus,:root.dark .qr-content-panel .qr-textarea:focus,html.dark .qr-content-panel .input:focus,html.dark .qr-content-panel .select:focus,html.dark .qr-content-panel .qr-textarea:focus,:root[data-theme=dark] .qr-studio-shell-mockup input:focus,:root[data-theme=dark] .qr-studio-shell-mockup textarea:focus,:root[data-theme=dark] .qr-studio-shell-mockup select:focus,:root.dark .qr-studio-shell-mockup input:focus,:root.dark .qr-studio-shell-mockup textarea:focus,:root.dark .qr-studio-shell-mockup select:focus,html.dark .qr-studio-shell-mockup input:focus,html.dark .qr-studio-shell-mockup textarea:focus,html.dark .qr-studio-shell-mockup select:focus{border-color:#22d3ee85;box-shadow:0 0 0 4px #22d3ee1a}@media (width<=980px){.qr-react-generator-grid{column-gap:1rem}.qr-react-preview-panel{padding-left:0}}@media (width<=760px){.qr-generator-subsection-mode,.qr-content-panel,.qr-mockup-content-well,.qr-studio-shell-mockup .qr-content-panel{border-radius:1.05rem;padding:1.12rem}.qr-generator-mode-card{min-height:94px}.qr-content-panel-head h3{font-size:1rem}}.qr-generator-section-head h3{letter-spacing:-.03em;font-size:2.15rem;line-height:1.08}.qr-generator-section-head p{color:#5f728b;max-width:42rem;font-size:1rem;line-height:1.65}.qr-generator-subsection-mode,.qr-content-panel,.qr-react-preview-card,.qr-mockup-content-well{border-radius:1.5rem}.qr-generator-subsection-mode{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #e2e8f0eb;border-left:4px solid #1967c3;padding:1.6rem;box-shadow:0 4px 20px #00000008}.qr-content-panel{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #e2e8f0eb;border-left:4px solid #1967c3;padding:1.8rem;box-shadow:0 4px 20px #00000008}.qr-content-panel-head{gap:.35rem;padding-left:0}.qr-content-panel-head h3,.qr-generator-subsection-head h4{color:#0b1c30;letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1.3}.qr-content-panel-head p,.qr-generator-subsection-head p{color:#434655;font-size:.95rem;line-height:1.55}.qr-color-section-kicker{color:#004ac6;letter-spacing:.22em;font-size:.74rem;font-weight:700}.qr-generator-mode-grid{gap:1rem}.qr-generator-mode-card{min-height:120px;box-shadow:none;background:#fff;border:1px solid #c3c6d7cc;border-radius:1rem;padding:1rem}.qr-generator-mode-card:hover{border-color:#2563eb80;transform:none}.qr-generator-mode-card span,.qr-generator-mode-inline-note span{color:#434655;font-size:.86rem;line-height:1.55}.qr-generator-mode-card-disabled{opacity:.62;background:#eff4ff8c;border-color:#c3c6d7c2}.qr-generator-short-url-note{background:#e5eeff;border:1px solid #b4c5ffb3;border-radius:.95rem;padding:1rem}.qr-generator-short-url-note strong{color:#434655;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.qr-generator-short-url-note>span{color:#0b1c30;font-size:1rem;font-weight:500}.qr-generator-slug-button{color:#0b1c30;text-transform:uppercase;letter-spacing:.03em;background:#fff;border:1px solid #73768666;border-radius:999px;min-width:9.2rem;min-height:2.75rem;padding:0 1rem;font-size:.78rem;font-weight:700;box-shadow:0 1px 2px #0f172a0f}.qr-form-field>span{color:#434655;letter-spacing:.08em;text-transform:uppercase;padding-left:0;font-size:.73rem;font-weight:600}.qr-content-panel .input::placeholder,.qr-content-panel .qr-textarea::placeholder{color:#43465585}.qr-generator-flow-actions{margin-top:1.35rem;padding-top:.25rem}.qr-generator-flow-back,.qr-generator-flow-next,.qr-mockup-continue-button,.qr-mockup-download-button{letter-spacing:.01em;border-radius:999px;min-height:3rem;font-weight:700}.qr-generator-flow-back{color:#0b1c30;border-color:#73768661}.qr-generator-flow-next,.qr-mockup-continue-button,.qr-mockup-download-button{box-shadow:0 4px 18px #2563eb2e}.qr-react-preview-card{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border-top:4px solid #dae2fd;padding:2rem 1.5rem 1.5rem;box-shadow:0 10px 30px #00000014}.qr-react-preview-card h2{color:#0b1c30;text-align:center;letter-spacing:-.01em;margin-bottom:2rem;font-size:1.3rem;line-height:1.2}:root[data-theme=dark] .qr-generator-section-head p,:root.dark .qr-generator-section-head p,html.dark .qr-generator-section-head p,:root[data-theme=dark] .qr-content-panel-head p,:root.dark .qr-content-panel-head p,html.dark .qr-content-panel-head p,:root[data-theme=dark] .qr-generator-subsection-head p,:root.dark .qr-generator-subsection-head p,html.dark .qr-generator-subsection-head p,:root[data-theme=dark] .qr-form-field>small,:root.dark .qr-form-field>small,html.dark .qr-form-field>small{color:#eaf1ffc2}:root[data-theme=dark] .qr-generator-section-head h3,:root.dark .qr-generator-section-head h3,html.dark .qr-generator-section-head h3,:root[data-theme=dark] .qr-content-panel-head h3,:root.dark .qr-content-panel-head h3,html.dark .qr-content-panel-head h3,:root[data-theme=dark] .qr-generator-subsection-head h4,:root.dark .qr-generator-subsection-head h4,html.dark .qr-generator-subsection-head h4,:root[data-theme=dark] .qr-generator-mode-card strong,:root.dark .qr-generator-mode-card strong,html.dark .qr-generator-mode-card strong,:root[data-theme=dark] .qr-react-preview-card h2,:root.dark .qr-react-preview-card h2,html.dark .qr-react-preview-card h2{color:#eaf1ff}:root[data-theme=dark] .qr-generator-mode-card-disabled,:root.dark .qr-generator-mode-card-disabled,html.dark .qr-generator-mode-card-disabled{background:#0f172a94}:root[data-theme=dark] .qr-generator-mode-card span,:root.dark .qr-generator-mode-card span,html.dark .qr-generator-mode-card span,:root[data-theme=dark] .qr-generator-short-url-note>span,:root.dark .qr-generator-short-url-note>span,html.dark .qr-generator-short-url-note>span,:root[data-theme=dark] .qr-generator-slug-button,:root.dark .qr-generator-slug-button,html.dark .qr-generator-slug-button,:root[data-theme=dark] .qr-form-field>span,:root.dark .qr-form-field>span,html.dark .qr-form-field>span{color:#eaf1ff}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea{color:#eaf1ff;background:#1e293bb8;border-color:#94a3b838}@media (width<=760px){.qr-generator-section-head h3{font-size:1.7rem}.qr-generator-subsection-mode,.qr-content-panel,.qr-react-preview-card{border-radius:1.1rem}.qr-generator-subsection-mode,.qr-content-panel,.qr-mockup-content-well{padding:1.15rem}}.qr-generator-section-head{gap:.55rem}.qr-generator-section-head h3{color:#0b1c30;letter-spacing:-.03em;margin:0;font-size:2.6rem;font-weight:700;line-height:1.08}.qr-generator-section-head p{color:#434655;max-width:42rem;margin:0;font-size:1.05rem;line-height:1.65}.qr-generator-subsection-mode,.qr-content-panel,.qr-react-preview-card{-webkit-backdrop-filter:blur(20px);background:#fffc!important;border:1px solid #e2e8f0!important;border-radius:1.5rem!important}.qr-generator-subsection-mode,.qr-content-panel{position:relative;overflow:hidden}.qr-generator-subsection-mode,.qr-content-panel{padding:1.5rem!important;box-shadow:0 4px 20px #00000008!important}.qr-generator-subsection-mode{gap:1.1rem;border-left:4px solid #1967c3!important}.qr-content-panel{gap:1.35rem;border-left:4px solid #1967c3!important}.qr-generator-subsection-head,.qr-content-panel-head,.qr-content-panel-body{z-index:1;position:relative}.qr-color-section-kicker{letter-spacing:.22em;font-size:.74rem;font-weight:700;color:#004ac6!important}.qr-generator-subsection-head h4,.qr-content-panel-head h3{margin:0;color:#0b1c30!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.4!important}.qr-generator-subsection-head p,.qr-content-panel-head p{color:#434655!important;font-size:.92rem!important;line-height:1.55!important}.qr-generator-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.25rem;gap:1rem!important}.qr-generator-mode-card{text-align:left;position:relative;overflow:hidden;min-height:128px!important;box-shadow:none!important;background:#fffffff5!important;border:1px solid #c3c6d7db!important;border-radius:.75rem!important;padding:1rem!important}.qr-generator-mode-card-corner{pointer-events:none;opacity:0;background:#2563eb0d;border-bottom-left-radius:999px;width:4rem;height:4rem;position:absolute;top:0;right:0}.qr-generator-mode-card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.qr-generator-mode-card strong{color:#0b1c30!important;font-size:.9rem!important;font-weight:600!important}.qr-generator-mode-card span{color:#434655!important;font-size:.85rem!important;line-height:1.55!important}.qr-generator-mode-card-indicator{background:0 0;border:1px solid #7376867a;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.qr-generator-mode-card-active{background:#eff4fff5!important;border:2px solid #004ac6!important;box-shadow:0 0 15px #2563eb2e!important}.qr-generator-mode-card-active .qr-generator-mode-card-corner{opacity:1}.qr-generator-short-url-note{justify-content:space-between;align-items:center;gap:1rem;display:flex;background:#e5eeff!important;border:1px solid #b4c5ff80!important;border-radius:.75rem!important;padding:1rem!important}.qr-generator-short-url-copy{align-items:center;gap:.75rem;min-width:0;display:flex}.qr-generator-short-url-icon{color:#004ac6;flex:none;justify-content:center;align-items:center;display:inline-flex}.qr-generator-short-url-copy strong{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;display:block;color:#434655!important;font-size:.72rem!important;font-weight:500!important}.qr-generator-slug-button{text-transform:uppercase;letter-spacing:.03em;color:#0b1c30!important;background:#fff!important;border:1px solid #73768657!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;min-height:2.6rem!important;padding:0 1rem!important;font-size:.78rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 1px 2px #0f172a0f!important}.qr-generator-slug-button:hover{background:#f8f9ff!important}.qr-generator-upgrade-button-locked svg{color:#ba1a1a!important}.qr-content-panel-body{gap:1.25rem!important}.qr-form-grid,.qr-form-grid-nested,.qr-content-panel .qr-form-grid-nested{gap:1.5rem!important}.qr-form-field{gap:.55rem!important}.qr-form-field>span{text-transform:uppercase;color:#434655!important;letter-spacing:.08em!important;padding-left:0!important;font-size:.73rem!important;font-weight:600!important}.qr-form-field>small,.qr-form-field-helper{color:#565e74!important;padding-left:0!important;font-size:.7rem!important;line-height:1.45!important}.qr-content-panel .input,.qr-content-panel .select,.qr-content-panel .qr-textarea{color:#0b1c30!important;background:#e5eeff!important;border:1px solid #c3c6d780!important;border-radius:.5rem!important;min-height:3rem!important;padding:.82rem 1rem!important;transition:all .2s!important}.qr-content-panel .input:hover,.qr-content-panel .select:hover,.qr-content-panel .qr-textarea:hover{background:#d3e4fe!important}.qr-content-panel .input:focus,.qr-content-panel .select:focus,.qr-content-panel .qr-textarea:focus{background:#fff!important;border-color:#004ac6!important;box-shadow:0 0 0 4px #2563eb33!important}.qr-generator-flow-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.qr-generator-flow-back,.qr-generator-flow-next{border-radius:999px!important;min-height:3rem!important;font-weight:700!important}.qr-react-preview-card{flex-direction:column;align-items:center;display:flex;border-top:4px solid #dae2fd!important;padding:1.5rem!important;box-shadow:0 10px 30px #00000014!important}.qr-react-preview-card h2{text-align:center;letter-spacing:-.01em;color:#0b1c30!important;margin:0 0 2rem!important;font-size:1.32rem!important;line-height:1.2!important}.qr-react-preview-square{width:100%;max-width:280px;margin-bottom:1.5rem;box-shadow:inset 0 1px 2px #0f172a0d;background:#fff!important;border:1px solid #d3e4fe!important;border-radius:1rem!important}.qr-react-preview-status{color:#434655;background:#eff4ff;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.82rem;font-weight:500;display:inline-flex}.qr-react-preview-status svg{color:#10b981}:root[data-theme=dark] .qr-generator-section-head h3,:root.dark .qr-generator-section-head h3,html.dark .qr-generator-section-head h3,:root[data-theme=dark] .qr-generator-subsection-head h4,:root.dark .qr-generator-subsection-head h4,html.dark .qr-generator-subsection-head h4,:root[data-theme=dark] .qr-content-panel-head h3,:root.dark .qr-content-panel-head h3,html.dark .qr-content-panel-head h3,:root[data-theme=dark] .qr-react-preview-card h2,:root.dark .qr-react-preview-card h2,html.dark .qr-react-preview-card h2,:root[data-theme=dark] .qr-generator-mode-card strong,:root.dark .qr-generator-mode-card strong,html.dark .qr-generator-mode-card strong{color:#eaf1ff!important}:root[data-theme=dark] .qr-generator-section-head p,:root.dark .qr-generator-section-head p,html.dark .qr-generator-section-head p,:root[data-theme=dark] .qr-generator-subsection-head p,:root.dark .qr-generator-subsection-head p,html.dark .qr-generator-subsection-head p,:root[data-theme=dark] .qr-content-panel-head p,:root.dark .qr-content-panel-head p,html.dark .qr-content-panel-head p,:root[data-theme=dark] .qr-form-field>small,:root.dark .qr-form-field>small,html.dark .qr-form-field>small{color:#eaf1ffc2!important}:root[data-theme=dark] .qr-generator-subsection-mode,:root.dark .qr-generator-subsection-mode,html.dark .qr-generator-subsection-mode,:root[data-theme=dark] .qr-content-panel,:root.dark .qr-content-panel,html.dark .qr-content-panel,:root[data-theme=dark] .qr-react-preview-card,:root.dark .qr-react-preview-card,html.dark .qr-react-preview-card{background:#0f172ae0!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-generator-mode-card,:root.dark .qr-generator-mode-card,html.dark .qr-generator-mode-card{background:#02061794!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-generator-mode-card-active,:root.dark .qr-generator-mode-card-active,html.dark .qr-generator-mode-card-active{background:#0f172ae6!important;border-color:#1967c3!important;box-shadow:0 0 15px #38bdf842!important}:root[data-theme=dark] .qr-generator-mode-card-indicator,:root.dark .qr-generator-mode-card-indicator,html.dark .qr-generator-mode-card-indicator{border-color:#c3c6d775}:root[data-theme=dark] .qr-generator-mode-card-active .qr-generator-mode-card-indicator,:root.dark .qr-generator-mode-card-active .qr-generator-mode-card-indicator,html.dark .qr-generator-mode-card-active .qr-generator-mode-card-indicator{background:#1967c3;border-color:#1967c3}:root[data-theme=dark] .qr-generator-mode-card span,:root.dark .qr-generator-mode-card span,html.dark .qr-generator-mode-card span,:root[data-theme=dark] .qr-form-field>span,:root.dark .qr-form-field>span,html.dark .qr-form-field>span,:root[data-theme=dark] .qr-generator-short-url-copy>div>span,:root.dark .qr-generator-short-url-copy>div>span,html.dark .qr-generator-short-url-copy>div>span,:root[data-theme=dark] .qr-generator-slug-button,:root.dark .qr-generator-slug-button,html.dark .qr-generator-slug-button,:root[data-theme=dark] .qr-react-preview-status,:root.dark .qr-react-preview-status,html.dark .qr-react-preview-status{color:#eaf1ff!important}:root[data-theme=dark] .qr-generator-short-url-note,:root.dark .qr-generator-short-url-note,html.dark .qr-generator-short-url-note,:root[data-theme=dark] .qr-react-preview-status,:root.dark .qr-react-preview-status,html.dark .qr-react-preview-status{background:#1e293bc2!important;border-color:#38bdf83d!important}:root[data-theme=dark] .qr-content-panel .input,:root[data-theme=dark] .qr-content-panel .select,:root[data-theme=dark] .qr-content-panel .qr-textarea,:root.dark .qr-content-panel .input,:root.dark .qr-content-panel .select,:root.dark .qr-content-panel .qr-textarea,html.dark .qr-content-panel .input,html.dark .qr-content-panel .select,html.dark .qr-content-panel .qr-textarea,:root[data-theme=dark] .qr-react-preview-square,:root.dark .qr-react-preview-square,html.dark .qr-react-preview-square{color:#eaf1ff!important;background:#1e293bb8!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-content-panel .input:hover,:root[data-theme=dark] .qr-content-panel .select:hover,:root[data-theme=dark] .qr-content-panel .qr-textarea:hover,:root.dark .qr-content-panel .input:hover,:root.dark .qr-content-panel .select:hover,:root.dark .qr-content-panel .qr-textarea:hover,html.dark .qr-content-panel .input:hover,html.dark .qr-content-panel .select:hover,html.dark .qr-content-panel .qr-textarea:hover{background:#334155cc!important}:root[data-theme=dark] .qr-content-panel .input:focus,:root[data-theme=dark] .qr-content-panel .select:focus,:root[data-theme=dark] .qr-content-panel .qr-textarea:focus,:root.dark .qr-content-panel .input:focus,:root.dark .qr-content-panel .select:focus,:root.dark .qr-content-panel .qr-textarea:focus,html.dark .qr-content-panel .input:focus,html.dark .qr-content-panel .select:focus,html.dark .qr-content-panel .qr-textarea:focus{background:#0f172af0!important;border-color:#22d3ee!important;box-shadow:0 0 0 4px #22d3ee1f!important}@media (width<=760px){.qr-generator-section-head h3{font-size:2rem!important}.qr-generator-short-url-note{flex-direction:column;align-items:stretch}.qr-generator-slug-button{width:100%}}.qr-generator-content-shell .qr-generator-section-head,.qr-generator-section-step-2>.qr-generator-section-head{gap:.5rem!important;margin-bottom:2rem!important}.qr-generator-content-shell .qr-generator-section-head h3,.qr-generator-section-step-2>.qr-generator-section-head h3{letter-spacing:-.02em!important;color:#0b1c30!important;margin:0!important;font-size:clamp(2.25rem,4.6vw,3rem)!important;font-weight:700!important;line-height:1.08!important}.qr-generator-content-shell .qr-generator-section-head p,.qr-generator-section-step-2>.qr-generator-section-head p{color:#434655!important;max-width:42rem!important;margin:0!important;font-size:1.02rem!important;line-height:1.7!important}.qr-generator-subsection-mode,.qr-content-panel,.qr-react-preview-card{border-radius:1.5rem!important;position:relative!important;overflow:hidden!important}.qr-generator-subsection-mode,.qr-content-panel{padding:1.5rem!important}@media (width>=768px){.qr-generator-subsection-mode,.qr-content-panel{padding:2rem!important}}.qr-generator-subsection-mode:before,.qr-content-panel:before{content:"";filter:blur(48px);pointer-events:none;background:#d3e4fe4d;border-radius:999px;width:16rem;height:16rem;position:absolute;top:-6rem;right:-6rem}.qr-generator-subsection-mode>*,.qr-content-panel>*{z-index:1;position:relative}.qr-generator-subsection-head,.qr-content-panel-head{gap:.35rem!important;margin-bottom:1.5rem!important;display:grid!important}.qr-color-section-kicker,.qr-form-field>span{letter-spacing:.12em!important}.qr-content-panel-head h3,.qr-generator-subsection-head h4{color:#0b1c30!important;margin:0!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.4!important}.qr-content-panel-head p,.qr-generator-subsection-head p{color:#434655!important;margin:0!important;font-size:.9rem!important;line-height:1.55!important}.qr-generator-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;margin-top:1rem!important;display:grid!important}@media (width<=760px){.qr-generator-mode-grid{grid-template-columns:1fr!important}}.qr-generator-mode-card{min-height:100%!important;box-shadow:none!important;text-align:left!important;background:#fff!important;border:1px solid #c3c6d7!important;border-radius:.75rem!important;align-content:start!important;gap:.55rem!important;padding:1rem!important;display:grid!important}.qr-generator-mode-card:hover:not(:disabled){border-color:#004ac673!important}.qr-generator-mode-card-active{background:#eff4ff!important;border-width:2px!important;border-color:#004ac6!important;box-shadow:0 1px 2px #0f172a0a!important}.qr-generator-mode-card-disabled{opacity:1!important;background:#f8f9ff!important}.qr-generator-mode-card-head{align-items:center!important;margin-bottom:0!important}.qr-generator-mode-card-head strong{color:#0b1c30!important;font-size:.95rem!important;font-weight:600!important;line-height:1!important}.qr-generator-mode-card>span:last-child{color:#434655!important;font-size:.875rem!important;line-height:1.45!important}.qr-generator-mode-card-indicator{background:0 0!important;border:1px solid #c3c6d7!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;width:1.25rem!important;height:1.25rem!important;display:inline-flex!important}.qr-generator-mode-card-active .qr-generator-mode-card-indicator{background:#004ac6!important;border-color:#004ac6!important}.qr-generator-mode-card-indicator-dot{background:#fff!important;border-radius:999px!important;width:.42rem!important;height:.42rem!important}.qr-generator-mode-card-corner{background:#2563eb0d!important;border-radius:0 .75rem 0 999px!important;width:4rem!important;height:4rem!important;position:absolute!important;top:0!important;right:0!important}.qr-generator-short-url-note{background:#e5eeff!important;border:1px solid #b4c5ff80!important;border-radius:.75rem!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding:1rem!important;display:flex!important}.qr-generator-short-url-copy{align-items:center!important;gap:.75rem!important;display:flex!important}.qr-generator-short-url-icon{color:#004ac6!important}.qr-generator-short-url-copy>div{gap:.25rem!important;display:grid!important}.qr-generator-short-url-copy>div>strong{color:#434655!important;margin:0!important;font-size:.75rem!important;font-weight:500!important;line-height:1!important}.qr-generator-short-url-copy>div>span{color:#0b1c30!important;font-size:1rem!important;font-weight:500!important;line-height:1.4!important}.qr-generator-slug-button{color:#0b1c30!important;letter-spacing:.08em!important;background:#fff!important;border:1px solid #c3c6d7!important;border-radius:999px!important;min-height:auto!important;padding:.65rem 1rem!important;font-size:.8rem!important;font-weight:700!important;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s!important;box-shadow:0 1px 2px #0f172a0d!important}.qr-generator-slug-button:hover{background:#f8f9ff!important;border-color:#004ac647!important}.qr-generator-slug-button-lock{color:#ba1a1a!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.qr-generator-slug-button-locked{cursor:not-allowed!important}.qr-generator-slug-button-unlocked{color:#004ac6!important}.qr-content-panel{border-left:4px solid #2563eb!important}.qr-content-panel-body{gap:1.5rem!important;display:grid!important}.qr-content-panel .qr-form-grid{gap:1.5rem!important}.qr-content-panel .qr-form-field{align-content:start!important;gap:.5rem!important;display:grid!important}.qr-content-panel .qr-form-field:nth-child(3){grid-column:1/-1}.qr-content-panel .qr-form-grid>.qr-form-field:last-child:has(.qr-textarea){grid-column:1/-1}.qr-content-panel .qr-form-field>span{text-transform:uppercase!important;color:#434655!important;margin:0!important;font-size:.75rem!important;font-weight:500!important;line-height:1!important}.qr-content-panel .qr-form-field>small{color:#434655!important;margin-top:.15rem!important;font-size:.6875rem!important;line-height:1.45!important}.qr-content-panel .input,.qr-content-panel .select,.qr-content-panel .qr-textarea{color:#0b1c30!important;background:#e5eeff!important;border:1px solid #c3c6d780!important;border-radius:.5rem!important;height:auto!important;min-height:3rem!important;padding:.82rem 1rem!important;font-size:1rem!important;line-height:1.5!important}.qr-content-panel .qr-textarea{min-height:7rem!important}.qr-react-preview-card{border-top:4px solid #dae2fd!important;padding:2rem 1.5rem!important}.qr-react-preview-card h2{margin-bottom:2rem!important}.qr-react-preview-square{aspect-ratio:1!important;border-radius:1rem!important;width:100%!important;max-width:280px!important;margin-bottom:1.5rem!important;padding:1rem!important}:root[data-theme=dark] .qr-generator-content-shell .qr-generator-section-head h3,:root.dark .qr-generator-content-shell .qr-generator-section-head h3,html.dark .qr-generator-content-shell .qr-generator-section-head h3,:root[data-theme=dark] .qr-generator-section-step-2>.qr-generator-section-head h3,:root.dark .qr-generator-section-step-2>.qr-generator-section-head h3,html.dark .qr-generator-section-step-2>.qr-generator-section-head h3{color:#eaf1ff!important}:root[data-theme=dark] .qr-generator-content-shell .qr-generator-section-head p,:root.dark .qr-generator-content-shell .qr-generator-section-head p,html.dark .qr-generator-content-shell .qr-generator-section-head p,:root[data-theme=dark] .qr-generator-section-step-2>.qr-generator-section-head p,:root.dark .qr-generator-section-step-2>.qr-generator-section-head p,html.dark .qr-generator-section-step-2>.qr-generator-section-head p{color:#eaf1ffc7!important}:root[data-theme=dark] .qr-generator-subsection-mode:before,:root[data-theme=dark] .qr-content-panel:before,:root.dark .qr-generator-subsection-mode:before,:root.dark .qr-content-panel:before,html.dark .qr-generator-subsection-mode:before,html.dark .qr-content-panel:before{background:#38bdf814!important}:root[data-theme=dark] .qr-generator-mode-card,:root.dark .qr-generator-mode-card,html.dark .qr-generator-mode-card{background:#02061794!important}:root[data-theme=dark] .qr-generator-mode-card-active,:root.dark .qr-generator-mode-card-active,html.dark .qr-generator-mode-card-active{background:#0f172ae6!important;border-color:#1967c3!important}:root[data-theme=dark] .qr-generator-mode-card-corner,:root.dark .qr-generator-mode-card-corner,html.dark .qr-generator-mode-card-corner{background:#38bdf814!important}:root[data-theme=dark] .qr-generator-short-url-note,:root.dark .qr-generator-short-url-note,html.dark .qr-generator-short-url-note{background:#1e293bc2!important;border-color:#38bdf83d!important}:root[data-theme=dark] .qr-generator-short-url-copy>div>strong,:root.dark .qr-generator-short-url-copy>div>strong,html.dark .qr-generator-short-url-copy>div>strong{color:#eaf1ffc2!important}:root[data-theme=dark] .qr-generator-short-url-icon,:root.dark .qr-generator-short-url-icon,html.dark .qr-generator-short-url-icon,:root[data-theme=dark] .qr-generator-slug-button-unlocked,:root.dark .qr-generator-slug-button-unlocked,html.dark .qr-generator-slug-button-unlocked{color:#1967c3!important}:root[data-theme=dark] .qr-generator-slug-button,:root.dark .qr-generator-slug-button,html.dark .qr-generator-slug-button{background:#020617b3!important;border-color:#94a3b842!important}:root[data-theme=dark] .qr-generator-slug-button:hover,:root.dark .qr-generator-slug-button:hover,html.dark .qr-generator-slug-button:hover{background:#0f172ae6!important;border-color:#38bdf847!important}@media (width<=760px){.qr-generator-short-url-note{flex-direction:column!important;align-items:stretch!important}.qr-generator-slug-button{justify-content:center!important;width:100%!important}}.qr-generator-section-step-2{background:linear-gradient(135deg,#eff4ff 0%,#fff 50%,#e5eeff 100%)!important;border-radius:2rem!important;padding:2rem 2rem 1.5rem!important;position:relative!important;overflow:hidden!important}.qr-generator-section-step-2:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d3e4fe8c,#0000 32%);position:absolute;inset:0}.qr-generator-section-step-2>*{z-index:1;position:relative}.qr-generator-section-step-2 .qr-generator-section-head{grid-template-columns:1fr!important;gap:.5rem!important;margin:0 0 2rem!important;padding:0 .25rem!important;display:grid!important}.qr-generator-section-step-2 .qr-generator-section-head>div{gap:.5rem!important;display:grid!important}.qr-generator-section-step-2 .qr-generator-section-head h3{letter-spacing:-.02em!important;font-size:3rem!important;font-weight:700!important;line-height:1.1!important}.qr-generator-section-step-2 .qr-generator-section-head p{max-width:42rem!important;font-size:1.125rem!important;line-height:1.6!important}.qr-generator-section-step-2 .qr-generator-subsection-mode,.qr-generator-section-step-2 .qr-content-panel,.qr-react-preview-card-content-template,.qr-mockup-content-template .qr-generator-subsection-mode,.qr-mockup-content-template .qr-content-panel{-webkit-backdrop-filter:blur(20px)!important;background:#fffc!important;border:1px solid #e2e8f0!important}.qr-generator-section-step-2 .qr-generator-subsection-mode,.qr-generator-section-step-2 .qr-content-panel,.qr-mockup-content-template .qr-generator-subsection-mode,.qr-mockup-content-template .qr-content-panel{box-shadow:0 4px 20px #00000008!important}.qr-generator-section-step-2 .qr-content-panel,.qr-mockup-content-template .qr-content-panel{border-left:4px solid #2563eb!important}.qr-generator-section-step-2 .qr-generator-subsection-mode:before,.qr-generator-section-step-2 .qr-content-panel:before,.qr-react-preview-card-content-template:before,.qr-mockup-content-template .qr-generator-subsection-mode:before,.qr-mockup-content-template .qr-content-panel:before{content:"";filter:blur(48px);pointer-events:none;background:#d3e4fe4d;border-radius:999px;width:16rem;height:16rem;position:absolute;top:-6rem;right:-6rem}.qr-react-preview-card-content-template{-webkit-backdrop-filter:blur(20px)!important;background:#fffc!important;border:1px solid #e2e8f0!important;border-top:4px solid #dae2fd!important;border-radius:1.5rem!important;box-shadow:0 10px 30px #00000014!important}.qr-react-preview-card-content-template>*{z-index:1;position:relative}.qr-react-preview-card-content-template h2{text-align:center!important;letter-spacing:-.01em!important}.qr-react-preview-card-content-template .qr-react-preview-square{background:#fff!important;border:1px solid #d3e4fe!important;box-shadow:inset 0 1px 2px #0f172a0d!important}.qr-react-preview-card-content-template .qr-react-preview-status{color:#434655!important;background:#eff4ff!important}.qr-generator-section-step-2 .qr-generator-short-url-note,.qr-mockup-content-template .qr-generator-short-url-note{background:#e5eeff!important;border-color:#b4c5ff80!important;justify-content:space-between!important;align-items:center!important}.qr-generator-section-step-2 .qr-generator-slug-button,.qr-mockup-content-template .qr-generator-slug-button{background:#fff!important}.qr-generator-section-step-2 .qr-content-panel-head,.qr-mockup-content-template .qr-content-panel-head{margin-bottom:1.5rem!important}.qr-generator-section-step-2 .qr-content-panel-head h3,.qr-mockup-content-template .qr-content-panel-head h3,.qr-generator-section-step-2 .qr-content-panel-head p,.qr-mockup-content-template .qr-content-panel-head p{margin-bottom:.25rem!important}.qr-generator-section-step-2 .qr-generator-flow-actions{padding-top:1rem!important}.qr-mockup-content-template{position:relative;background:0 0!important;padding:.5rem 0 0!important}.qr-mockup-content-template-stack{gap:1.5rem!important;display:grid!important}:root[data-theme=dark] .qr-generator-section-step-2,:root.dark .qr-generator-section-step-2,html.dark .qr-generator-section-step-2{background:linear-gradient(135deg,#020617 0%,#0f172a 50%,#1e293b 100%)!important}:root[data-theme=dark] .qr-generator-section-step-2:before,:root.dark .qr-generator-section-step-2:before,html.dark .qr-generator-section-step-2:before{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 32%)!important}:root[data-theme=dark] .qr-generator-section-step-2 .qr-generator-subsection-mode,:root[data-theme=dark] .qr-generator-section-step-2 .qr-content-panel,:root[data-theme=dark] .qr-react-preview-card-content-template,:root[data-theme=dark] .qr-mockup-content-template .qr-generator-subsection-mode,:root[data-theme=dark] .qr-mockup-content-template .qr-content-panel,:root.dark .qr-generator-section-step-2 .qr-generator-subsection-mode,:root.dark .qr-generator-section-step-2 .qr-content-panel,:root.dark .qr-react-preview-card-content-template,:root.dark .qr-mockup-content-template .qr-generator-subsection-mode,:root.dark .qr-mockup-content-template .qr-content-panel,html.dark .qr-generator-section-step-2 .qr-generator-subsection-mode,html.dark .qr-generator-section-step-2 .qr-content-panel,html.dark .qr-react-preview-card-content-template,html.dark .qr-mockup-content-template .qr-generator-subsection-mode,html.dark .qr-mockup-content-template .qr-content-panel{background:#0f172ae0!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-generator-section-step-2 .qr-generator-subsection-mode:before,:root[data-theme=dark] .qr-generator-section-step-2 .qr-content-panel:before,:root[data-theme=dark] .qr-react-preview-card-content-template:before,:root[data-theme=dark] .qr-mockup-content-template .qr-generator-subsection-mode:before,:root[data-theme=dark] .qr-mockup-content-template .qr-content-panel:before,:root.dark .qr-generator-section-step-2 .qr-generator-subsection-mode:before,:root.dark .qr-generator-section-step-2 .qr-content-panel:before,:root.dark .qr-react-preview-card-content-template:before,:root.dark .qr-mockup-content-template .qr-generator-subsection-mode:before,:root.dark .qr-mockup-content-template .qr-content-panel:before,html.dark .qr-generator-section-step-2 .qr-generator-subsection-mode:before,html.dark .qr-generator-section-step-2 .qr-content-panel:before,html.dark .qr-react-preview-card-content-template:before,html.dark .qr-mockup-content-template .qr-generator-subsection-mode:before,html.dark .qr-mockup-content-template .qr-content-panel:before{background:#38bdf814!important}:root[data-theme=dark] .qr-generator-section-step-2 .qr-generator-short-url-note,:root[data-theme=dark] .qr-react-preview-card-content-template .qr-react-preview-status,:root[data-theme=dark] .qr-mockup-content-template .qr-generator-short-url-note,:root.dark .qr-generator-section-step-2 .qr-generator-short-url-note,:root.dark .qr-react-preview-card-content-template .qr-react-preview-status,:root.dark .qr-mockup-content-template .qr-generator-short-url-note,html.dark .qr-generator-section-step-2 .qr-generator-short-url-note,html.dark .qr-react-preview-card-content-template .qr-react-preview-status,html.dark .qr-mockup-content-template .qr-generator-short-url-note{background:#1e293bc2!important}@media (width<=980px){.qr-generator-section-step-2{padding:1.5rem!important}.qr-generator-section-step-2 .qr-generator-section-head h3{font-size:2.25rem!important}}.qr-generator-section-step-2{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.qr-content-stage,.qr-content-stage-basic{gap:2rem!important;display:grid!important}.qr-content-stage{max-width:54rem!important}.qr-content-stage-copy{gap:.5rem!important;display:grid!important}.qr-content-stage-copy h3{color:#0b1c30!important;letter-spacing:-.02em!important;margin:0!important;font-size:clamp(2.25rem,4.2vw,3rem)!important;font-weight:700!important;line-height:1.1!important}.qr-content-stage-copy p{color:#434655!important;max-width:42rem!important;margin:0!important;font-size:1.125rem!important;line-height:1.6!important}.qr-content-stage-card{-webkit-backdrop-filter:blur(20px)!important;background:#fffc!important;border:1px solid #e2e8f0!important;border-left:4px solid #2563eb!important;border-radius:1.5rem!important;padding:1.5rem!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px #00000008!important}.qr-content-stage-card:before{content:"";filter:blur(48px);pointer-events:none;background:#d3e4fe4d;border-radius:999px;width:16rem;height:16rem;position:absolute;top:-6rem;right:-6rem}.qr-content-stage-card>*{z-index:1;position:relative}.qr-content-stage-divider{border:0!important;border-top:1px solid #c3c6d74d!important;margin:0!important}.qr-content-mode-panel{gap:1.5rem!important;display:grid!important}.qr-content-mode-head{gap:.75rem!important;display:grid!important}.qr-content-mode-kicker{color:#004ac6!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-size:.75rem!important;font-weight:500!important;line-height:1!important}.qr-content-mode-head h4{color:#0b1c30!important;margin:0 0 .25rem!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.4!important}.qr-content-mode-head p{color:#434655!important;margin:0!important;font-size:.875rem!important;line-height:1.55!important}.qr-content-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;margin-top:.25rem!important;display:grid!important}.qr-content-mode-card{text-align:left!important;background:#fff!important;border:1px solid #c3c6d7!important;border-radius:.75rem!important;justify-content:space-between!important;align-items:flex-start!important;gap:1rem!important;min-height:8.75rem!important;padding:1rem!important;transition:border-color .2s,background .2s,box-shadow .2s!important;display:flex!important}.qr-content-mode-card:hover:not(:disabled){border-color:#004ac673!important}.qr-content-mode-card:disabled{cursor:not-allowed!important;opacity:.78!important}.qr-content-mode-card-locked{cursor:not-allowed!important;background:#f1f5f9f5!important;border-color:#94a3b847!important;position:relative!important;overflow:hidden!important}.qr-content-mode-card-locked:after{content:""!important;pointer-events:none!important;border-radius:inherit!important;background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#be185d47 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))!important;position:absolute!important;inset:0!important}.qr-content-mode-card-locked .qr-content-mode-card-copy{opacity:.72!important}.qr-content-mode-card-overlay{-webkit-backdrop-filter:blur(4px)!important;opacity:0!important;pointer-events:none!important;background:0 0!important;place-items:center!important;padding:1rem!important;transition:opacity .18s!important;display:grid!important;position:absolute!important;inset:0!important}.qr-content-mode-card-tooltip{color:#f8fafc!important;opacity:0!important;pointer-events:none!important;z-index:2!important;background:#0f172af5!important;border-radius:.85rem!important;max-width:13rem!important;padding:.55rem .7rem!important;font-size:.72rem!important;font-weight:700!important;line-height:1.35!important;transition:opacity .18s,transform .18s!important;position:absolute!important;top:-.55rem!important;left:50%!important;transform:translate(-50%,-100%)!important;box-shadow:0 18px 34px #0f172a2e!important}.qr-content-mode-card-tooltip:after{content:""!important;background:#0f172af5!important;width:.72rem!important;height:.72rem!important;position:absolute!important;bottom:-.32rem!important;left:50%!important;transform:translate(-50%)rotate(45deg)!important}.qr-content-mode-card-lock{color:#f43f5e!important;justify-items:center!important;gap:.45rem!important;display:grid!important;transform:translateY(-4px)!important}.qr-content-mode-card-lock svg{background:#be185d29!important;border:1px solid #be185d57!important;border-radius:999px!important;width:2.7rem!important;height:2.7rem!important;padding:.65rem!important;box-shadow:0 14px 28px #be185d2e,0 0 18px #be185d14!important}.qr-content-mode-card-lock small{letter-spacing:.04em!important;color:#f43f5e!important;background:#ffffffeb!important;border:1px solid #be185d29!important;border-radius:999px!important;padding:.35rem .6rem!important;font-size:.72rem!important;font-weight:800!important;line-height:1!important}.qr-content-mode-card-locked:hover .qr-content-mode-card-overlay{opacity:1!important}.qr-content-mode-card-locked:hover .qr-content-mode-card-tooltip{opacity:1!important;transform:translate(-50%,calc(-100% - .18rem))!important}.qr-content-mode-card-copy{gap:.5rem!important;display:grid!important}.qr-content-mode-card-copy strong{color:#0b1c30!important;font-size:.95rem!important;font-weight:600!important;line-height:1!important}.qr-content-mode-card-copy span{color:#434655!important;font-size:.875rem!important;line-height:1.45!important}.qr-content-mode-card-indicator{color:#0000!important;border:1px solid #c3c6d7!important;border-radius:999px!important;flex:0 0 1.25rem!important;justify-content:center!important;align-items:center!important;width:1.25rem!important;height:1.25rem!important;display:inline-flex!important}.qr-content-mode-card-active .qr-content-mode-card-indicator{color:#fff!important;background:#004ac6!important;border-color:#004ac6!important}.qr-content-short-url{background:#e5eeff!important;border:1px solid #b4c5ff80!important;border-radius:.75rem!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding:1rem!important;display:flex!important}.qr-content-short-url-copy{align-items:center!important;gap:.75rem!important;display:flex!important}.qr-content-short-url-icon{color:#004ac6!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.qr-content-short-url-copy>div{gap:.25rem!important;display:grid!important}.qr-content-short-url-copy>div>span{color:#434655!important;font-size:.75rem!important;font-weight:500!important;line-height:1!important}.qr-content-short-url-copy>div>strong{color:#0b1c30!important;font-size:1rem!important;font-weight:500!important;line-height:1.4!important}.qr-content-short-url-button{color:#0b1c30!important;letter-spacing:.08em!important;background:#fff!important;border:1px solid #c3c6d7!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.625rem 1rem!important;font-size:.8rem!important;font-weight:700!important;line-height:1!important;transition:background .2s,border-color .2s,transform .2s!important;display:inline-flex!important;box-shadow:0 1px 2px #0f172a0d!important}.qr-content-short-url-button:hover{background:#f8f9ff!important;border-color:#004ac647!important}.qr-content-short-url-button-locked{cursor:not-allowed!important}.qr-content-short-url-button-locked svg{color:#ba1a1a!important}.qr-content-short-url-button-unlocked{color:#004ac6!important}.qr-generator-section-step-2 .qr-content-panel,.qr-content-stage-basic .qr-content-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.qr-generator-section-step-2 .qr-content-panel:before,.qr-content-stage-basic .qr-content-panel:before{display:none!important}.qr-generator-section-step-2 .qr-content-panel-head,.qr-content-stage-basic .qr-content-panel-head{gap:.25rem!important;margin:0 0 1.5rem!important;display:grid!important}.qr-generator-section-step-2 .qr-content-panel-head h3,.qr-content-stage-basic .qr-content-panel-head h3{color:#0b1c30!important;margin:0!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.4!important}.qr-generator-section-step-2 .qr-content-panel-head p,.qr-content-stage-basic .qr-content-panel-head p{color:#434655!important;margin:0 0 .75rem!important;font-size:.875rem!important;line-height:1.5!important}.qr-generator-section-step-2 .qr-content-panel-body,.qr-content-stage-basic .qr-content-panel-body{gap:1.5rem!important;display:grid!important}.qr-generator-section-step-2 .qr-form-grid,.qr-content-stage-basic .qr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.5rem!important;display:grid!important}.qr-generator-section-step-2 .qr-form-field,.qr-content-stage-basic .qr-form-field{align-content:start!important;gap:.5rem!important;display:grid!important}.qr-generator-section-step-2 .qr-form-field-full,.qr-content-stage-basic .qr-form-field-full{grid-column:1/-1!important}.qr-generator-section-step-2 .qr-form-field>span,.qr-content-stage-basic .qr-form-field>span{color:#434655!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:.75rem!important;font-weight:500!important;line-height:1!important}.qr-generator-section-step-2 .qr-form-field>small,.qr-content-stage-basic .qr-form-field>small{color:#434655!important;margin-top:.125rem!important;font-size:.6875rem!important;line-height:1.45!important}.qr-generator-section-step-2 .input,.qr-generator-section-step-2 .select,.qr-generator-section-step-2 .qr-textarea,.qr-content-stage-basic .input,.qr-content-stage-basic .select,.qr-content-stage-basic .qr-textarea{color:#0b1c30!important;background:#e5eeff!important;border:1px solid #c3c6d780!important;border-radius:.5rem!important;min-height:3rem!important;padding:.82rem 1rem!important;font-size:1rem!important;line-height:1.5!important;transition:all .2s!important}.qr-generator-section-step-2 .input:hover,.qr-generator-section-step-2 .select:hover,.qr-generator-section-step-2 .qr-textarea:hover,.qr-content-stage-basic .input:hover,.qr-content-stage-basic .select:hover,.qr-content-stage-basic .qr-textarea:hover{background:#d3e4fe!important}.qr-generator-section-step-2 .input:focus,.qr-generator-section-step-2 .select:focus,.qr-generator-section-step-2 .qr-textarea:focus,.qr-content-stage-basic .input:focus,.qr-content-stage-basic .select:focus,.qr-content-stage-basic .qr-textarea:focus{background:#fff!important;border-color:#004ac6!important;box-shadow:0 0 0 4px #2563eb33!important}.qr-generator-section-step-2 .qr-textarea,.qr-content-stage-basic .qr-textarea{min-height:7rem!important}.qr-content-stage-actions,.qr-content-stage-actions-basic{justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding-top:1rem!important;display:flex!important}.qr-content-stage-back,.qr-content-stage-continue{border-radius:999px!important;align-items:center!important;gap:.5rem!important;min-height:3rem!important;font-size:.875rem!important;font-weight:600!important;line-height:1!important;transition:all .2s!important;display:inline-flex!important}.qr-content-stage-back{color:#0b1c30!important;background:0 0!important;border:1px solid #c3c6d7!important;padding:.75rem 1.5rem!important}.qr-content-stage-back:hover{background:#eff4ff!important}.qr-content-stage-continue{color:#fff!important;background:#2563eb!important;border:0!important;padding:.75rem 2rem!important;box-shadow:0 4px 12px #2563eb2e!important}.qr-content-stage-continue:hover{background:#004ac6!important;transform:translateY(-1px)!important;box-shadow:0 10px 18px #2563eb33!important}.qr-content-stage-continue svg{transition:transform .2s!important}.qr-content-stage-continue:hover svg{transform:translate(.2rem)!important}@media (width<=767px){.qr-content-stage-card{padding:1.25rem!important}.qr-content-mode-grid,.qr-generator-section-step-2 .qr-form-grid,.qr-content-stage-basic .qr-form-grid{grid-template-columns:1fr!important}.qr-content-short-url,.qr-content-stage-actions,.qr-content-stage-actions-basic{flex-direction:column!important;align-items:stretch!important}.qr-content-short-url-button,.qr-content-stage-back,.qr-content-stage-continue{justify-content:center!important;width:100%!important}}:root[data-theme=dark] .qr-content-stage-copy h3,:root.dark .qr-content-stage-copy h3,html.dark .qr-content-stage-copy h3{color:#eaf1ff!important}:root[data-theme=dark] .qr-content-stage-copy p,:root[data-theme=dark] .qr-content-mode-head p,:root[data-theme=dark] .qr-content-short-url-copy>div>span,:root[data-theme=dark] .qr-generator-section-step-2 .qr-content-panel-head p,:root[data-theme=dark] .qr-generator-section-step-2 .qr-form-field>span,:root[data-theme=dark] .qr-generator-section-step-2 .qr-form-field>small,:root[data-theme=dark] .qr-content-stage-basic .qr-content-panel-head p,:root[data-theme=dark] .qr-content-stage-basic .qr-form-field>span,:root[data-theme=dark] .qr-content-stage-basic .qr-form-field>small,:root.dark .qr-content-stage-copy p,:root.dark .qr-content-mode-head p,:root.dark .qr-content-short-url-copy>div>span,:root.dark .qr-generator-section-step-2 .qr-content-panel-head p,:root.dark .qr-generator-section-step-2 .qr-form-field>span,:root.dark .qr-generator-section-step-2 .qr-form-field>small,:root.dark .qr-content-stage-basic .qr-content-panel-head p,:root.dark .qr-content-stage-basic .qr-form-field>span,:root.dark .qr-content-stage-basic .qr-form-field>small,html.dark .qr-content-stage-copy p,html.dark .qr-content-mode-head p,html.dark .qr-content-short-url-copy>div>span,html.dark .qr-generator-section-step-2 .qr-content-panel-head p,html.dark .qr-generator-section-step-2 .qr-form-field>span,html.dark .qr-generator-section-step-2 .qr-form-field>small,html.dark .qr-content-stage-basic .qr-content-panel-head p,html.dark .qr-content-stage-basic .qr-form-field>span,html.dark .qr-content-stage-basic .qr-form-field>small{color:#eaf1ffc2!important}:root[data-theme=dark] .qr-content-stage-card,:root.dark .qr-content-stage-card,html.dark .qr-content-stage-card{background:#0f172ae0!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-content-stage-card:before,:root.dark .qr-content-stage-card:before,html.dark .qr-content-stage-card:before{background:#38bdf814!important}:root[data-theme=dark] .qr-content-mode-head h4,:root[data-theme=dark] .qr-content-mode-card-copy strong,:root[data-theme=dark] .qr-content-short-url-copy>div>strong,:root[data-theme=dark] .qr-generator-section-step-2 .qr-content-panel-head h3,:root[data-theme=dark] .qr-content-stage-basic .qr-content-panel-head h3,:root.dark .qr-content-mode-head h4,:root.dark .qr-content-mode-card-copy strong,:root.dark .qr-content-short-url-copy>div>strong,:root.dark .qr-generator-section-step-2 .qr-content-panel-head h3,:root.dark .qr-content-stage-basic .qr-content-panel-head h3,html.dark .qr-content-mode-head h4,html.dark .qr-content-mode-card-copy strong,html.dark .qr-content-short-url-copy>div>strong,html.dark .qr-generator-section-step-2 .qr-content-panel-head h3,html.dark .qr-content-stage-basic .qr-content-panel-head h3{color:#eaf1ff!important}:root[data-theme=dark] .qr-content-mode-card,:root.dark .qr-content-mode-card,html.dark .qr-content-mode-card{background:#02061794!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-content-mode-card-active,:root.dark .qr-content-mode-card-active,html.dark .qr-content-mode-card-active{background:#0f172ae6!important;border-color:#1967c3!important}:root[data-theme=dark] .qr-content-mode-card-active .qr-content-mode-card-indicator,:root.dark .qr-content-mode-card-active .qr-content-mode-card-indicator,html.dark .qr-content-mode-card-active .qr-content-mode-card-indicator{background:#1967c3!important;border-color:#1967c3!important}:root[data-theme=dark] .qr-content-mode-card-copy span,:root.dark .qr-content-mode-card-copy span,html.dark .qr-content-mode-card-copy span{color:#eaf1ffc2!important}:root[data-theme=dark] .qr-content-short-url,:root.dark .qr-content-short-url,html.dark .qr-content-short-url{background:#1e293bc2!important;border-color:#38bdf83d!important}:root[data-theme=dark] .qr-content-short-url-icon,:root[data-theme=dark] .qr-content-short-url-button-unlocked,:root.dark .qr-content-short-url-icon,:root.dark .qr-content-short-url-button-unlocked,html.dark .qr-content-short-url-icon,html.dark .qr-content-short-url-button-unlocked{color:#1967c3!important}:root[data-theme=dark] .qr-content-short-url-button,:root.dark .qr-content-short-url-button,html.dark .qr-content-short-url-button{color:#eaf1ff!important;background:#020617b3!important;border-color:#94a3b842!important}:root[data-theme=dark] .qr-content-stage-back,:root.dark .qr-content-stage-back,html.dark .qr-content-stage-back{color:#eaf1ff!important;border-color:#94a3b842!important}:root[data-theme=dark] .qr-content-stage-back:hover,:root.dark .qr-content-stage-back:hover,html.dark .qr-content-stage-back:hover{background:#1e293bcc!important}:root[data-theme=dark] .qr-generator-section-step-2 .input,:root[data-theme=dark] .qr-generator-section-step-2 .select,:root[data-theme=dark] .qr-generator-section-step-2 .qr-textarea,:root[data-theme=dark] .qr-content-stage-basic .input,:root[data-theme=dark] .qr-content-stage-basic .select,:root[data-theme=dark] .qr-content-stage-basic .qr-textarea,:root.dark .qr-generator-section-step-2 .input,:root.dark .qr-generator-section-step-2 .select,:root.dark .qr-generator-section-step-2 .qr-textarea,:root.dark .qr-content-stage-basic .input,:root.dark .qr-content-stage-basic .select,:root.dark .qr-content-stage-basic .qr-textarea,html.dark .qr-generator-section-step-2 .input,html.dark .qr-generator-section-step-2 .select,html.dark .qr-generator-section-step-2 .qr-textarea,html.dark .qr-content-stage-basic .input,html.dark .qr-content-stage-basic .select,html.dark .qr-content-stage-basic .qr-textarea{color:#eaf1ff!important;background:#1e293bb8!important;border-color:#94a3b838!important}:root[data-theme=dark] .qr-generator-section-step-2 .input:hover,:root[data-theme=dark] .qr-generator-section-step-2 .select:hover,:root[data-theme=dark] .qr-generator-section-step-2 .qr-textarea:hover,:root[data-theme=dark] .qr-content-stage-basic .input:hover,:root[data-theme=dark] .qr-content-stage-basic .select:hover,:root[data-theme=dark] .qr-content-stage-basic .qr-textarea:hover,:root.dark .qr-generator-section-step-2 .input:hover,:root.dark .qr-generator-section-step-2 .select:hover,:root.dark .qr-generator-section-step-2 .qr-textarea:hover,:root.dark .qr-content-stage-basic .input:hover,:root.dark .qr-content-stage-basic .select:hover,:root.dark .qr-content-stage-basic .qr-textarea:hover,html.dark .qr-generator-section-step-2 .input:hover,html.dark .qr-generator-section-step-2 .select:hover,html.dark .qr-generator-section-step-2 .qr-textarea:hover,html.dark .qr-content-stage-basic .input:hover,html.dark .qr-content-stage-basic .select:hover,html.dark .qr-content-stage-basic .qr-textarea:hover{background:#334155cc!important}:root[data-theme=dark] .qr-generator-section-step-2 .input:focus,:root[data-theme=dark] .qr-generator-section-step-2 .select:focus,:root[data-theme=dark] .qr-generator-section-step-2 .qr-textarea:focus,:root[data-theme=dark] .qr-content-stage-basic .input:focus,:root[data-theme=dark] .qr-content-stage-basic .select:focus,:root[data-theme=dark] .qr-content-stage-basic .qr-textarea:focus,:root.dark .qr-generator-section-step-2 .input:focus,:root.dark .qr-generator-section-step-2 .select:focus,:root.dark .qr-generator-section-step-2 .qr-textarea:focus,:root.dark .qr-content-stage-basic .input:focus,:root.dark .qr-content-stage-basic .select:focus,:root.dark .qr-content-stage-basic .qr-textarea:focus,html.dark .qr-generator-section-step-2 .input:focus,html.dark .qr-generator-section-step-2 .select:focus,html.dark .qr-generator-section-step-2 .qr-textarea:focus,html.dark .qr-content-stage-basic .input:focus,html.dark .qr-content-stage-basic .select:focus,html.dark .qr-content-stage-basic .qr-textarea:focus{background:#0f172af0!important;border-color:#22d3ee!important;box-shadow:0 0 0 4px #22d3ee1f!important}.qr-content-stage{gap:1.5rem!important}.qr-content-stage-card{padding:1.5rem!important}.qr-content-mode-panel{gap:1.25rem!important}.qr-content-mode-grid{gap:.875rem!important;margin-top:.5rem!important}.qr-content-mode-card{min-height:7.5rem!important;padding:.875rem 1rem!important}.qr-content-short-url{margin-top:.25rem!important}.qr-content-stage-divider{margin:.25rem 0 0!important}.qr-content-mode-panel>.qr-content-panel-head{margin:1rem 0 .85rem!important}.qr-content-mode-panel>.qr-content-panel-body{box-shadow:none!important;background:0 0!important;border:0!important;gap:1rem!important;margin:0!important;padding:0!important;display:grid!important}.qr-content-mode-panel .qr-form-grid,.qr-content-mode-panel .qr-form-grid-nested,.qr-content-mode-panel .qr-form-grid-content-premium{box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.qr-generator-section-step-2 .qr-content-panel-head,.qr-content-stage-basic .qr-content-panel-head{margin:1rem 0 .85rem!important}.qr-generator-section-step-2 .qr-content-panel-body,.qr-content-stage-basic .qr-content-panel-body{gap:1rem!important;padding:0!important}.qr-generator-section-step-2 .qr-form-grid,.qr-content-stage-basic .qr-form-grid{gap:1rem 1.25rem!important}.qr-generator-section-step-2 .qr-form-field,.qr-content-stage-basic .qr-form-field{padding:0!important}.qr-generator-section-step-2 .qr-form-error,.qr-content-stage-basic .qr-form-error,.qr-generator-section-step-2 .qr-generator-flow-note-strong,.qr-content-stage-basic .qr-generator-flow-note-strong{margin-top:1rem!important}.qr-content-stage-actions,.qr-content-stage-actions-basic{padding-top:1.25rem!important}@media (width<=767px){.qr-content-stage-card{padding:1.25rem!important}.qr-content-mode-card{min-height:6.75rem!important;padding:.875rem!important}.qr-generator-section-step-2 .qr-content-panel-head,.qr-content-stage-basic .qr-content-panel-head{margin-top:1.25rem!important}.qr-generator-section-step-2 .qr-form-grid,.qr-content-stage-basic .qr-form-grid{gap:1rem!important}.qr-content-stage-actions,.qr-content-stage-actions-basic{padding-top:1rem!important}}.qr-react-preview-square{padding:.3rem!important}.qr-react-preview-square .qr-preview-canvas,.qr-react-preview-card-content-template .qr-react-preview-square .qr-preview-canvas,.qr-studio-right .qr-preview-canvas{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.qr-react-preview-square .qr-preview-canvas{overflow:visible!important}.qr-react-preview-square .qr-preview-frame,.qr-studio-right .qr-preview-frame{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.qr-stitch-preview-square .qr-preview-artboard,.qr-stitch-preview-square .qr-preview-artboard-bare{width:fit-content!important;max-width:100%!important;height:auto!important}.qr-live-preview-demo-shell{align-content:center;justify-items:center;gap:1rem;width:100%;height:100%;padding:.25rem;display:grid}.qr-live-preview-demo-artwork{aspect-ratio:1;place-items:center;width:min(100%,23.25rem);max-width:100%;display:grid}.qr-live-preview-demo-artwork svg,.qr-live-preview-demo-artwork canvas{display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.qr-live-preview-demo-label{text-align:center;justify-items:center;gap:.28rem;width:min(100%,18rem);display:grid}.qr-live-preview-demo-label strong{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.02em;font-size:.95rem;font-weight:800}.qr-live-preview-demo-label span{color:var(--hoppla-text-soft);font-size:.78rem;line-height:1.45}:root[data-theme=dark] .qr-live-preview-demo-label strong,:root.dark .qr-live-preview-demo-label strong,html.dark .qr-live-preview-demo-label strong{color:#f8fafcfa}:root[data-theme=dark] .qr-live-preview-demo-label span,:root.dark .qr-live-preview-demo-label span,html.dark .qr-live-preview-demo-label span{color:#bfdbfee0}.qr-design-structure-shell{display:grid}.qr-design-structure-card{-webkit-backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #e2e8f0f2;border-radius:1.65rem;gap:0;padding:1.35rem 1.4rem;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 48px #0f172a0f}.qr-design-structure-card:before{content:"";filter:blur(54px);pointer-events:none;background:#d3e4fe5c;border-radius:999px;width:14rem;height:14rem;position:absolute;top:-5.5rem;right:-5rem}.qr-structure-section{z-index:1;gap:.95rem;padding:1rem 0;display:grid;position:relative}.qr-structure-section+.qr-structure-section{border-top:1px solid #c3cedfb8}.qr-structure-section-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.qr-structure-section-head h4{color:#0f172a;font-family:var(--hoppla-font-title);letter-spacing:-.02em;margin:0;font-size:1.02rem;font-weight:800}.qr-structure-section-head p{color:#64748b;max-width:44ch;margin:.22rem 0 0;font-size:.82rem;line-height:1.5}.qr-structure-section-selected{color:#1e5eb8;white-space:nowrap;background:#e5eeffeb;border:1px solid #1e5eb81f;border-radius:999px;align-items:center;min-height:1.9rem;padding:0 .72rem;font-size:.72rem;font-weight:800;display:inline-flex}.qr-structure-option-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:.7rem;display:grid}.qr-structure-option-card{background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:1rem;place-items:center;min-height:64px;padding:.45rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid;box-shadow:0 1px 2px #0f172a0a}.qr-structure-option-card:hover{border-color:#1e5eb857;transform:translateY(-1px);box-shadow:0 12px 28px #1e5eb814}.qr-structure-option-card:focus-visible{border-color:#1e5eb8;outline:none;box-shadow:0 0 0 3px #2563eb24}.qr-structure-option-card-active{background:#eff4fffa;border-color:#1e5eb8ad;box-shadow:0 0 0 1px #1e5eb80f,0 16px 30px #1e5eb81f}.qr-structure-option-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.qr-structure-option-art{place-items:center;width:100%;height:100%;display:grid}.qr-structure-option-art svg{width:38px;height:38px;display:block}.qr-react-preview-panel-structure-step{top:5rem}.qr-react-preview-card-structure-step{background:#fffffff5;border:1px solid #f1f5f9f5;border-radius:2rem;width:min(100%,430px);padding:1.85rem;box-shadow:0 24px 54px #94a3b824,0 3px 10px #0f172a0a}.qr-react-preview-card-structure-step h2{letter-spacing:-.03em;color:#0f172a;margin-bottom:1.4rem;font-size:1.9rem;font-weight:800}.qr-react-preview-square-structure-step{background:#f8fafc!important;border-color:#e2e8f0f5!important;border-radius:1.45rem!important;padding:1.5rem!important}:root[data-theme=dark] .qr-design-structure-card,:root.dark .qr-design-structure-card,html.dark .qr-design-structure-card{background:#0f172ae0;border-color:#475569bf;box-shadow:0 24px 54px #02061757,0 0 18px #38bdf80f}:root[data-theme=dark] .qr-design-structure-card:before,:root.dark .qr-design-structure-card:before,html.dark .qr-design-structure-card:before{background:#38bdf81f}:root[data-theme=dark] .qr-structure-section+.qr-structure-section,:root.dark .qr-structure-section+.qr-structure-section,html.dark .qr-structure-section+.qr-structure-section{border-top-color:#475569b3}:root[data-theme=dark] .qr-structure-section-head h4,:root.dark .qr-structure-section-head h4,html.dark .qr-structure-section-head h4{color:#f8fafcfa}:root[data-theme=dark] .qr-structure-section-head p,:root.dark .qr-structure-section-head p,html.dark .qr-structure-section-head p{color:#bfdbfed6}:root[data-theme=dark] .qr-structure-section-selected,:root.dark .qr-structure-section-selected,html.dark .qr-structure-section-selected{color:#7dd3fc;background:#1e293beb;border-color:#38bdf83d}:root[data-theme=dark] .qr-structure-option-card,:root.dark .qr-structure-option-card,html.dark .qr-structure-option-card{background:#0f172af0;border-color:#475569db;box-shadow:0 1px 2px #02061740}:root[data-theme=dark] .qr-structure-option-card:hover,:root.dark .qr-structure-option-card:hover,html.dark .qr-structure-option-card:hover{border-color:#38bdf866;box-shadow:0 14px 30px #02061757,0 0 16px #38bdf814}:root[data-theme=dark] .qr-structure-option-card-active,:root.dark .qr-structure-option-card-active,html.dark .qr-structure-option-card-active{background:#0f172afa;border-color:#38bdf89e;box-shadow:0 0 0 1px #38bdf824,0 20px 34px #02061761}:root[data-theme=dark] .qr-react-preview-card-structure-step,:root.dark .qr-react-preview-card-structure-step,html.dark .qr-react-preview-card-structure-step{background:linear-gradient(#0f172af5,#020617f5);border-color:#38bdf829;box-shadow:0 28px 54px #0206176b,0 0 18px #38bdf80f}:root[data-theme=dark] .qr-react-preview-card-structure-step h2,:root.dark .qr-react-preview-card-structure-step h2,html.dark .qr-react-preview-card-structure-step h2{color:#f8fafcfa}:root[data-theme=dark] .qr-react-preview-square-structure-step,:root.dark .qr-react-preview-square-structure-step,html.dark .qr-react-preview-square-structure-step{background:#0f172ae0!important;border-color:#94a3b82e!important}@media (width<=980px){.qr-design-structure-card{border-radius:1.35rem;padding:1.1rem 1rem}.qr-structure-section{padding:.95rem 0}.qr-structure-section-head{flex-direction:column;align-items:flex-start}.qr-structure-option-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.6rem}.qr-structure-option-card{min-height:60px}}.qr-stitch-preview-column{flex:0 0 500px;align-self:flex-start;width:500px;min-width:500px;padding-top:0;display:block;position:sticky;top:1rem}.qr-stitch-preview-panel{align-self:flex-start;width:100%;position:relative;top:auto}.qr-stitch-preview-card{-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f0;border-top:4px solid #dae2fd;border-radius:1.5rem;grid-template-rows:auto 1fr auto;align-items:center;gap:1.5rem;width:100%;min-height:586px;padding:2rem;display:grid;box-shadow:0 10px 30px #00000014}.qr-stitch-preview-card-compact{gap:1.2rem;width:436px;min-height:530px;padding:1.8rem}.qr-stitch-preview-card h2{text-align:center;color:#0b1c30;font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,1.35rem + .4vw,2rem);font-weight:800}.qr-stitch-preview-square{width:424px;height:424px;box-shadow:none;background:0 0;border:0;border-radius:1rem;flex:0 0 424px;justify-content:center;align-items:center;padding:.3rem;display:flex;position:relative}.qr-stitch-preview-square-compact{flex-basis:348px;width:348px;height:348px}.qr-stitch-preview-square-selected{flex:none;align-self:center;width:auto;height:auto;padding:0}.qr-stitch-preview-square-selected-compact{flex-basis:auto;width:auto;height:auto}.qr-stitch-preview-square .qr-preview-panel,.qr-stitch-preview-square .qr-preview-shell,.qr-stitch-preview-square .qr-preview-stage,.qr-stitch-preview-square .qr-preview-frame,.qr-stitch-preview-square .qr-preview-canvas{width:100%;height:100%;min-height:0;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.qr-stitch-preview-square .qr-preview-canvas-bare,.qr-stitch-preview-square .qr-renderer-square-shell{box-shadow:none!important;border:0!important;border-radius:0!important}.qr-stitch-preview-square .qr-preview-canvas-bare{background:var(--qr-preview-bare-background,#fff)!important}.qr-stitch-preview-square .qr-preview-canvas-bare canvas,.qr-stitch-preview-square .qr-preview-canvas-bare svg{background:0 0!important}.qr-stitch-preview-square .qr-preview-stage,.qr-stitch-preview-square .qr-preview-stage-compact{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important}.qr-preview-panel-bare,.qr-preview-panel-bare .qr-preview-shell,.qr-preview-panel-bare .qr-preview-stage,.qr-preview-panel-bare .qr-preview-stage-compact{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;margin:0!important;padding:0!important}.qr-stitch-preview-square .qr-preview-canvas{box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.qr-stitch-preview-square .qr-preview-canvas canvas,.qr-stitch-preview-square .qr-preview-canvas svg{shape-rendering:geometricprecision!important;image-rendering:auto!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.qr-stitch-preview-status{color:#434655;background:#eff4ff;border-radius:999px;justify-content:center;place-self:center;align-items:center;gap:.5rem;width:fit-content;max-width:100%;min-height:40px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.qr-stitch-preview-status svg{color:#10b981}.qr-stitch-preview-demo{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.qr-stitch-preview-demo-artwork,.qr-stitch-preview-demo-artwork svg,.qr-stitch-preview-demo-artwork canvas{display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.qr-stitch-preview-demo-locked .qr-stitch-preview-demo-artwork{filter:blur(4px)saturate(.7);opacity:.68}.qr-stitch-preview-demo-overlay{color:#ba1a1a;text-align:center;place-items:center;gap:.45rem;display:grid;position:absolute;inset:0}.qr-stitch-preview-demo-overlay strong{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}:root[data-theme=dark] .qr-stitch-preview-card,:root.dark .qr-stitch-preview-card,html.dark .qr-stitch-preview-card{background:#0f172ae0;border-color:#94a3b838;box-shadow:0 10px 30px #0206174d}:root[data-theme=dark] .qr-stitch-preview-card h2,:root.dark .qr-stitch-preview-card h2,html.dark .qr-stitch-preview-card h2{color:#f8fafcfa}:root[data-theme=dark] .qr-stitch-preview-square,:root.dark .qr-stitch-preview-square,html.dark .qr-stitch-preview-square{background:#1e293bc2;border-color:#94a3b83d}:root[data-theme=dark] .qr-stitch-preview-status,:root.dark .qr-stitch-preview-status,html.dark .qr-stitch-preview-status{color:#e2e8f0e6;background:#1e293bc2}@media (width<=980px){.qr-stitch-preview-column,.qr-stitch-preview-panel{display:none}}.qr-react-preview-panel{top:calc(var(--public-header-height) + 1rem);justify-content:stretch;align-self:flex-start;position:sticky}.qr-react-preview-card,.qr-react-preview-card-content-template,.qr-react-preview-card-structure-step{width:100%;max-width:100%;background:#fffffffa!important;border:1px solid #f1f5f9fa!important;border-radius:2rem!important;padding:2.1rem!important;box-shadow:0 24px 44px #94a3b824,0 4px 14px #0f172a0a!important}.qr-react-preview-card h2,.qr-react-preview-card-content-template h2,.qr-react-preview-card-structure-step h2{text-align:center!important;color:#0f172a!important;font-family:var(--hoppla-font-title)!important;letter-spacing:-.03em!important;margin:0 0 1.5rem!important;font-size:clamp(1.55rem,1.25rem + .55vw,2rem)!important;font-weight:800!important}.qr-react-preview-square,.qr-react-preview-card-content-template .qr-react-preview-square,.qr-react-preview-square-structure-step{aspect-ratio:1;width:100%;min-height:452px;box-shadow:none!important;background:#f8fafc!important;border:0!important;border-radius:1.4rem!important;padding:.9rem!important}.qr-react-preview-square .qr-preview-panel,.qr-react-preview-square .qr-preview-shell,.qr-react-preview-square .qr-preview-stage,.qr-react-preview-square .qr-preview-frame{box-shadow:none!important;background:0 0!important;border:0!important}.qr-react-preview-square .qr-preview-shell{padding:0!important}.qr-react-preview-square .qr-preview-stage,.qr-react-preview-square .qr-preview-stage-compact{background:0 0!important;min-height:0!important;margin:0!important;padding:0!important}.qr-react-preview-square .qr-preview-frame{width:100%}.qr-react-preview-square .qr-preview-canvas{width:min(100%, var(--qr-preview-size,320px))!important;height:min(100%, var(--qr-preview-size,320px))!important}:root[data-theme=dark] .qr-react-preview-card,:root[data-theme=dark] .qr-react-preview-card-content-template,:root[data-theme=dark] .qr-react-preview-card-structure-step,:root.dark .qr-react-preview-card,:root.dark .qr-react-preview-card-content-template,:root.dark .qr-react-preview-card-structure-step,html.dark .qr-react-preview-card,html.dark .qr-react-preview-card-content-template,html.dark .qr-react-preview-card-structure-step{background:#0f172afa!important;border-color:#334155e6!important;box-shadow:0 28px 52px #02061761,0 0 18px #38bdf80d!important}:root[data-theme=dark] .qr-react-preview-card h2,:root[data-theme=dark] .qr-react-preview-card-content-template h2,:root[data-theme=dark] .qr-react-preview-card-structure-step h2,:root.dark .qr-react-preview-card h2,:root.dark .qr-react-preview-card-content-template h2,:root.dark .qr-react-preview-card-structure-step h2,html.dark .qr-react-preview-card h2,html.dark .qr-react-preview-card-content-template h2,html.dark .qr-react-preview-card-structure-step h2{color:#f8fafcfa!important}:root[data-theme=dark] .qr-react-preview-square,:root[data-theme=dark] .qr-react-preview-card-content-template .qr-react-preview-square,:root[data-theme=dark] .qr-react-preview-square-structure-step,:root.dark .qr-react-preview-square,:root.dark .qr-react-preview-card-content-template .qr-react-preview-square,:root.dark .qr-react-preview-square-structure-step,html.dark .qr-react-preview-square,html.dark .qr-react-preview-card-content-template .qr-react-preview-square,html.dark .qr-react-preview-square-structure-step{background:#0f172ad1!important;border-color:#334155e6!important}.qr-structure-studio{gap:1rem;display:grid}.qr-structure-studio-card{gap:1.15rem;display:grid}.qr-structure-layer-section{gap:.9rem;display:grid}.qr-structure-layer-section+.qr-structure-layer-section{border-top:1px solid #1967c31a;padding-top:1.1rem}.qr-structure-layer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-structure-layer-card{min-height:10.25rem}.qr-structure-layer-preview{place-items:center;min-height:5.25rem;display:grid}.qr-structure-shape-preview{grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem;width:4.6rem;height:4.6rem;display:grid}.qr-structure-shape-cell{background:#10233f;width:100%;height:100%;margin:auto;display:block}.qr-structure-marker-preview{place-items:center;width:4.6rem;height:4.6rem;display:grid}.qr-structure-border-mask,.qr-structure-center-mask{background-position:50%;background-repeat:no-repeat;background-size:contain;width:4.2rem;height:4.2rem;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.qr-structure-center-mask{width:2.3rem;height:2.3rem}.qr-structure-center-fallback{background:#10233f;border-radius:.32rem;width:1.3rem;height:1.3rem;display:block}.qr-structure-layer-copy p{font-size:.72rem;line-height:1.4}.qr-structure-empty-state{color:#475569;background:linear-gradient(#f1f5f9f5,#e2e8f0e6);border:1px dashed #64748b47;border-radius:1.2rem;justify-content:center;align-items:center;width:4.2rem;height:4.2rem;display:inline-flex}.qr-structure-layer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.qr-structure-layer-status{color:#607087;font-size:.76rem;font-weight:700}.qr-structure-advanced-panel{background:#f8fbffd6;border:1px solid #1967c31a;border-radius:1rem;gap:.75rem;padding:.9rem;display:grid}.qr-structure-targets{flex-wrap:wrap;gap:.55rem;display:flex}.qr-structure-slider-grid{gap:.8rem}.qr-structure-slider-field{gap:.4rem}@media (width<=980px){.qr-structure-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.qr-structure-layer-grid{grid-template-columns:1fr}}.qr-hoppla-color-studio{gap:1rem;min-width:0;max-width:100%;display:grid}.qr-hoppla-color-hero,.qr-hoppla-color-card,.qr-hoppla-slider-card,.qr-hoppla-warning-banner,.qr-hoppla-picker-popover,.qr-hoppla-note{background:#fffc;border:1px solid #c3c6d780;border-radius:1.5rem;box-shadow:0 4px 20px #00000008}.qr-hoppla-color-hero,.qr-hoppla-color-card,.qr-hoppla-warning-banner{padding:1rem}.qr-hoppla-color-hero{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.qr-hoppla-color-copy{gap:.35rem;display:grid}.qr-hoppla-color-kicker{color:#004ac6;letter-spacing:.18em;text-transform:uppercase;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.qr-hoppla-color-copy h3{color:#0b1c30;margin:0;font-size:clamp(1.05rem,2vw,1.3rem)}.qr-hoppla-color-copy p,.qr-hoppla-section-head p,.qr-hoppla-note p,.qr-hoppla-warning-banner p,.qr-hoppla-picker-description,.qr-hoppla-picker-error{color:#434655;margin:0;font-size:.82rem;line-height:1.45}.qr-hoppla-quality-badge{border-radius:999px;align-items:center;gap:.55rem;min-height:2.8rem;padding:.75rem .95rem;font-size:.82rem;font-weight:800;display:inline-flex}.qr-hoppla-quality-badge-excellent{color:#047857;background:#10b9811f}.qr-hoppla-quality-badge-ok{color:#004ac6;background:#004ac614}.qr-hoppla-quality-badge-warning{color:#b45309;background:#f59e0b24}.qr-hoppla-quality-badge-invalid{color:#be123c;background:#e11d4824}.qr-hoppla-color-card{gap:1rem;min-width:0;max-width:100%;display:grid}.qr-hoppla-section-head{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.qr-hoppla-section-head h4{color:#0b1c30;margin:0;font-size:.98rem}.qr-hoppla-inline-button,.qr-hoppla-action-tile,.qr-hoppla-segmented-button,.qr-hoppla-position-preset{transition:border-color .18s,background-color .18s,color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.qr-hoppla-inline-button:before,.qr-hoppla-action-tile:before,.qr-hoppla-segmented-button:before,.qr-hoppla-position-preset:before,.qr-hoppla-palette-card:before,.qr-hoppla-picker-trigger-shell:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#2563eb14,#60a5fa00);transition:opacity .18s;position:absolute;inset:0}.qr-hoppla-inline-button{color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:999px;align-items:center;gap:.45rem;min-height:2.35rem;padding:0 .85rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0f172a0d,inset 0 1px #ffffffeb}.qr-hoppla-inline-button:hover:not(:disabled),.qr-hoppla-segmented-button:hover:not(:disabled),.qr-hoppla-position-preset:hover:not(:disabled),.qr-hoppla-action-tile:hover:not(:disabled){background:linear-gradient(#fffffffa,#eff4ffeb);border-color:#1967c38c;transform:translateY(-1px);box-shadow:0 14px 24px #0f172a0f}.qr-hoppla-inline-button:hover:not(:disabled):before,.qr-hoppla-segmented-button:hover:not(:disabled):before,.qr-hoppla-position-preset:hover:not(:disabled):before,.qr-hoppla-action-tile:hover:not(:disabled):before,.qr-hoppla-palette-card:hover:not(:disabled):before,.qr-hoppla-picker-trigger-shell:hover:before{opacity:1}.qr-hoppla-inline-button-danger{color:#ba1a1a;background:#fff;border-color:#c3c6d7}.qr-hoppla-palette-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;display:grid}.qr-hoppla-palette-card{text-align:left;background:#fff;border:1px solid #c3c6d7;border-radius:1.15rem;gap:.6rem;padding:.9rem;transition:border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0d,inset 0 1px #ffffffeb}.qr-hoppla-palette-card:hover{background:linear-gradient(#fffffffa,#eff4ffeb);border-color:#1967c38c;transform:translateY(-1px);box-shadow:0 14px 24px #0f172a0f}.qr-hoppla-palette-card-active{background:linear-gradient(#e5eefff5,#eff4ffeb);border-width:2px;border-color:#004ac6;box-shadow:0 18px 26px #1967c31a,0 0 0 1px #004ac60d}.qr-hoppla-palette-card-active:before{opacity:1}.qr-hoppla-palette-card strong{color:#0b1c30;font-size:.9rem}.qr-hoppla-palette-card small{color:#434655;font-size:.74rem;line-height:1.35}.qr-hoppla-palette-preview{border:1px solid #94a3b829;border-radius:.95rem;grid-template-columns:repeat(4,minmax(0,1fr));min-height:3.2rem;display:grid;overflow:hidden}.qr-hoppla-palette-preview span{display:block}.qr-hoppla-palette-preview-custom{grid-template-columns:repeat(7,minmax(0,1fr))}.qr-hoppla-color-grid{gap:.9rem;min-width:0;max-width:100%;display:grid}.qr-hoppla-color-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-hoppla-color-grid-span-2{grid-column:1/-1}.qr-hoppla-picker{gap:.55rem;min-width:0;max-width:100%;display:grid;position:relative}.qr-hoppla-picker-head,.qr-hoppla-slider-head,.qr-hoppla-reliability-top{justify-content:space-between;align-items:center;gap:.85rem;display:flex}.qr-hoppla-picker-label{color:#434655;text-transform:uppercase;letter-spacing:.12em;font-size:.86rem;font-weight:500;display:inline-flex}.qr-hoppla-picker-reset{color:#0b1c30;background:0 0;border:0;align-items:center;gap:.35rem;font-size:.76rem;font-weight:700;display:inline-flex}.qr-hoppla-picker-trigger-shell,.qr-hoppla-picker-hex-shell{background:#e5eeff;border:1px solid #c3c6d780;border-radius:1rem;min-width:0;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.qr-hoppla-picker-trigger-shell-invalid,.qr-hoppla-picker-hex-shell-invalid{border-color:#e11d484d}.qr-hoppla-picker-trigger{color:#0b1c30;background:0 0;border:0;grid-template-columns:2.4rem minmax(0,1fr) 1rem;align-items:center;gap:.7rem;width:100%;min-width:0;min-height:3.15rem;padding:.45rem .8rem;display:grid}.qr-hoppla-picker-trigger-shell:hover{background:linear-gradient(#e5eefff5,#eff4ffeb);border-color:#1967c38c;box-shadow:0 14px 24px #0f172a0f}.qr-hoppla-picker-swatch{border:1px solid #0f172a14;border-radius:.6rem;width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px #ffffff3d}.qr-hoppla-picker-value{color:#0b1c30;letter-spacing:.04em;text-transform:uppercase;min-width:0;font-size:.92rem;font-weight:700}.qr-hoppla-picker-popover{z-index:40;gap:.8rem;width:min(100%,320px);max-width:calc(100vw - 2rem);padding:.9rem;display:grid;position:absolute;top:calc(100% + .65rem);left:0}.qr-hoppla-picker-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-hoppla-picker-toolbar strong{color:#0b1c30;font-size:.84rem}.qr-hoppla-picker-close{color:#475569;background:#fff;border:1px solid #c3c6d7;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;display:inline-flex}.qr-hoppla-picker-canvas .react-colorful{width:100%;height:220px}.qr-hoppla-picker-canvas .react-colorful__saturation{border-bottom:0;border-radius:1rem 1rem 0 0}.qr-hoppla-picker-canvas .react-colorful__hue{border-radius:999px;height:18px;margin-top:.65rem}.qr-hoppla-picker-canvas .react-colorful__pointer{width:18px;height:18px;box-shadow:0 0 0 3px #ffffffe0,0 5px 16px #0f172a38}.qr-hoppla-picker-input-row{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;min-width:0;display:grid}.qr-hoppla-picker-hex-input{color:#0f172a;text-transform:uppercase;background:0 0;border:0;width:100%;min-height:2.75rem;padding:0 .85rem;font-size:.88rem;font-weight:700}.qr-hoppla-picker-hex-input:focus{outline:none}.qr-hoppla-picker-apply{color:#fff;background:#2563eb;border:0;border-radius:.95rem;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .95rem;font-size:.8rem;font-weight:800;display:inline-flex}.qr-hoppla-picker-presets{flex-wrap:wrap;gap:.55rem;display:flex}.qr-hoppla-picker-preset{border:1px solid #0f172a14;border-radius:999px;width:1.8rem;height:1.8rem}.qr-hoppla-picker-preset-active{box-shadow:0 0 0 2px #2563eb33}.qr-hoppla-slider-card{gap:.7rem;min-width:0;max-width:100%;padding:.9rem;display:grid}.qr-hoppla-slider-card-disabled{opacity:.55}.qr-hoppla-slider-head span,.qr-hoppla-painted-meter span,.qr-hoppla-marker-column h5{color:#434655;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:500}.qr-hoppla-slider-head strong,.qr-hoppla-painted-meter strong{color:#0b1c30;font-size:.84rem}.qr-hoppla-slider{width:100%}.qr-hoppla-toggle{color:#0b1c30;white-space:nowrap;justify-content:flex-start;align-items:center;gap:.4rem;width:fit-content;max-width:100%;font-size:.8rem;font-weight:700;display:inline-flex}.qr-hoppla-toggle input[type=checkbox]{flex:none;width:.92rem;height:.92rem;margin:0}.qr-hoppla-toggle span{align-items:center;line-height:1.2;display:inline-flex}.qr-hoppla-toggle-inline{justify-self:end}.qr-hoppla-marker-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.qr-hoppla-marker-column{gap:.75rem;display:grid}.qr-hoppla-marker-column h5{margin:0}.qr-hoppla-gradient-stack,.qr-hoppla-text-stack,.qr-hoppla-advanced-shell{gap:.9rem;display:grid}.qr-hoppla-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:inline-grid}.qr-hoppla-reliability-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:inline-grid}.qr-hoppla-segmented-button,.qr-hoppla-position-preset{color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:999px;min-height:2.6rem;padding:0 .9rem;font-size:.8rem;font-weight:700}.qr-hoppla-segmented-button-active,.qr-hoppla-position-preset-active{color:#004ac6;background:linear-gradient(#e5eefff5,#eff4ffeb);border-width:2px;border-color:#004ac6;box-shadow:0 18px 26px #1967c31a,0 0 0 1px #004ac60d}.qr-hoppla-segmented-button-active:before,.qr-hoppla-position-preset-active:before{opacity:1}.qr-hoppla-gradient-stop{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.qr-hoppla-gradient-toolbar,.qr-hoppla-advanced-actions,.qr-hoppla-position-preset-grid{gap:.65rem;display:grid}.qr-hoppla-position-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}.qr-hoppla-advanced-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-hoppla-advanced-actions-single{grid-template-columns:minmax(0,18rem)}.qr-hoppla-visual-layer-stack{padding-top:.15rem}.qr-hoppla-toggle-card{background:linear-gradient(#eff4ffdb,#ffffffeb);border:1px solid #c3c6d7b8;border-radius:1rem;align-content:center;min-height:4.25rem;padding:.85rem 1rem}.qr-hoppla-action-tile{color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:1.15rem;place-items:center;gap:.35rem;min-height:4.4rem;font-size:.8rem;font-weight:700;display:grid;box-shadow:0 1px 2px #0f172a0d,inset 0 1px #ffffffeb}.qr-hoppla-action-tile:disabled{opacity:.56;cursor:not-allowed}.qr-hoppla-note{padding:.9rem}.qr-hoppla-text-field{gap:.45rem;display:grid}.qr-hoppla-text-field label{color:#434655;text-transform:uppercase;letter-spacing:.12em;font-size:.84rem;font-weight:500}.qr-hoppla-text-input{color:#0b1c30;background:#e5eeff;border:1px solid #c3c6d780;border-radius:1rem;min-height:3rem;padding:0 .9rem;font-size:.92rem;font-weight:700}.qr-hoppla-text-input:focus{background:#fff;border-color:#004ac6;outline:none;box-shadow:0 0 0 4px #2563eb33}.qr-hoppla-position-field{gap:.7rem;display:grid}.qr-hoppla-position-field small{color:#434655;font-size:.78rem}.qr-hoppla-position-pad{background:linear-gradient(90deg,#94a3b814 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#94a3b814 1px,#0000 1px) 0 0/24px 24px,#f8fafceb;border:1px solid #94a3b82e;border-radius:1.1rem;min-height:180px;position:relative}.qr-hoppla-position-point{background:#2563eb;border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #2563eb24}.qr-hoppla-reliability-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.qr-hoppla-reliability-item{color:#0b1c30;background:#eff4ff;border-radius:1rem;padding:.8rem .9rem;font-size:.82rem;line-height:1.4}.qr-hoppla-reliability-item-warning{color:#92400e;background:#fef3c799}.qr-hoppla-reliability-item-danger{color:#9f1239;background:#ffe4e6cc}.qr-hoppla-warning-banner{align-items:flex-start;gap:.75rem;display:flex}.qr-hoppla-warning-banner strong{color:#0b1c30;margin-bottom:.2rem;font-size:.9rem;display:block}.qr-hoppla-beta-badge,.qr-hoppla-text-soon-label{color:#0b1c30;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid #c3c6d7;border-radius:999px;justify-content:center;align-items:center;min-height:1.85rem;padding:0 .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.qr-hoppla-beta-badge{color:#004ac6;background:#e5eeff;border-color:#b4c5ff80}.qr-hoppla-locked-feature{background:#eff4ff;border:1px dashed #c3c6d7cc;border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;padding:1rem;display:grid}.qr-hoppla-locked-feature-icon{color:#be123c;background:#e11d4814;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:inline-flex}.qr-hoppla-locked-feature-copy{gap:.25rem;display:grid}.qr-hoppla-locked-feature-copy strong{color:#0b1c30;font-size:.9rem}.qr-hoppla-locked-feature-copy p{color:#434655;margin:0;font-size:.82rem;line-height:1.45}.qr-hoppla-logo-studio,.qr-hoppla-logo-card{gap:1rem;display:grid}.qr-hoppla-logo-upload-cta{position:relative;overflow:hidden}.qr-hoppla-logo-upload-cta input{opacity:0;cursor:pointer;position:absolute;inset:0}.qr-hoppla-logo-current{background:#eff4ff;border:1px solid #c3c6d780;border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;padding:.95rem 1rem;display:grid}.qr-hoppla-logo-current-thumb{background:linear-gradient(90deg,#94a3b814 1px,#0000 1px) 0 0/12px 12px,linear-gradient(0deg,#94a3b814 1px,#0000 1px) 0 0/12px 12px,#ffffffe0;border:1px solid #c3c6d773;border-radius:1rem;place-items:center;width:3.4rem;height:3.4rem;display:grid;overflow:hidden}.qr-hoppla-logo-current-thumb img{object-fit:contain;width:76%;height:76%}.qr-hoppla-logo-current-copy{gap:.2rem;min-width:0;display:grid}.qr-hoppla-logo-current-copy strong{color:#0b1c30;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.qr-hoppla-logo-current-copy small{color:#434655;font-size:.78rem;line-height:1.4}.qr-logo-gallery{grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:.75rem;margin:0;display:grid}.qr-logo-chip{color:#0b1c30;text-align:left;background:#fff;border:1px solid #c3c6d7;border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-height:4rem;padding:.85rem .95rem;transition:border-color .18s,background-color .18s,color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0d,inset 0 1px #ffffffeb}.qr-logo-chip:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#2563eb14,#60a5fa00);transition:opacity .18s;position:absolute;inset:0}.qr-logo-chip:hover{background:linear-gradient(#fffffffa,#eff4ffeb);border-color:#1967c38c;transform:translateY(-1px);box-shadow:0 14px 24px #0f172a0f}.qr-logo-chip:hover:before,.qr-logo-chip-active:before{opacity:1}.qr-logo-chip-active{color:#004ac6;background:linear-gradient(#e5eefff5,#eff4ffeb);border-width:2px;border-color:#004ac6;box-shadow:0 18px 26px #1967c31a,0 0 0 1px #004ac60d}.qr-logo-chip-icon{background:#eff4ff;border:1px solid #c3c6d780;border-radius:.85rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.qr-logo-chip span:last-child{z-index:1;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.82rem;font-weight:800;position:relative;overflow:hidden}.qr-hoppla-logo-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center}.qr-hoppla-logo-warning{background:#fff7edf5;border:1px solid #f59e0b38;border-radius:1.15rem;padding:.95rem 1rem}.qr-hoppla-logo-warning p{color:#9a3412;margin:0;font-size:.82rem;line-height:1.45}@media (width<=1120px){.qr-hoppla-color-grid-2,.qr-hoppla-marker-columns,.qr-hoppla-advanced-actions,.qr-hoppla-gradient-stop{grid-template-columns:1fr}.qr-hoppla-position-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-hoppla-logo-summary{grid-template-columns:1fr}}@media (width<=720px){.qr-hoppla-color-studio,.qr-hoppla-color-hero,.qr-hoppla-color-card,.qr-hoppla-gradient-stack,.qr-hoppla-marker-column,.qr-hoppla-slider-card,.qr-hoppla-position-field,.qr-hoppla-picker{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.qr-hoppla-color-hero,.qr-hoppla-section-head,.qr-hoppla-reliability-top{grid-template-columns:1fr;display:grid}.qr-hoppla-color-card{border-radius:1.2rem;padding:.9rem}.qr-hoppla-color-grid,.qr-hoppla-color-grid-2,.qr-hoppla-marker-columns,.qr-hoppla-marker-columns-3,.qr-hoppla-gradient-stop{grid-template-columns:minmax(0,1fr)}.qr-hoppla-marker-toggles{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.qr-hoppla-toggle-inline{justify-self:start}.qr-hoppla-segmented,.qr-hoppla-position-preset-grid{width:100%}.qr-hoppla-picker-popover{z-index:4;width:100%;max-width:100%;margin-top:.65rem;position:relative;top:auto;left:auto}.qr-hoppla-palette-grid,.qr-hoppla-position-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-hoppla-picker-input-row{grid-template-columns:minmax(0,1fr)}.qr-hoppla-picker-apply{justify-content:center;width:100%}.qr-hoppla-picker-presets{grid-template-columns:repeat(auto-fit,minmax(1.8rem,1fr));display:grid}.qr-hoppla-picker-preset{justify-self:center}.qr-hoppla-slider{width:100%;min-width:0}.qr-hoppla-position-pad{min-height:150px}}:root[data-theme=dark] .qr-hoppla-color-hero,:root[data-theme=dark] .qr-hoppla-color-card,:root[data-theme=dark] .qr-hoppla-slider-card,:root[data-theme=dark] .qr-hoppla-warning-banner,:root[data-theme=dark] .qr-hoppla-picker-popover,:root[data-theme=dark] .qr-hoppla-note,:root.dark .qr-hoppla-color-hero,:root.dark .qr-hoppla-color-card,:root.dark .qr-hoppla-slider-card,:root.dark .qr-hoppla-warning-banner,:root.dark .qr-hoppla-picker-popover,:root.dark .qr-hoppla-note,html.dark .qr-hoppla-color-hero,html.dark .qr-hoppla-color-card,html.dark .qr-hoppla-slider-card,html.dark .qr-hoppla-warning-banner,html.dark .qr-hoppla-picker-popover,html.dark .qr-hoppla-note{background:#0f172ae0;border-color:#94a3b838;box-shadow:0 18px 52px #0206175c}:root[data-theme=dark] .qr-hoppla-color-copy h3,:root[data-theme=dark] .qr-hoppla-section-head h4,:root[data-theme=dark] .qr-hoppla-picker-label,:root[data-theme=dark] .qr-hoppla-picker-value,:root[data-theme=dark] .qr-hoppla-picker-toolbar strong,:root[data-theme=dark] .qr-hoppla-slider-head strong,:root[data-theme=dark] .qr-hoppla-painted-meter strong,:root[data-theme=dark] .qr-hoppla-text-input,:root.dark .qr-hoppla-color-copy h3,:root.dark .qr-hoppla-section-head h4,:root.dark .qr-hoppla-picker-label,:root.dark .qr-hoppla-picker-value,:root.dark .qr-hoppla-picker-toolbar strong,:root.dark .qr-hoppla-slider-head strong,:root.dark .qr-hoppla-painted-meter strong,:root.dark .qr-hoppla-text-input,html.dark .qr-hoppla-color-copy h3,html.dark .qr-hoppla-section-head h4,html.dark .qr-hoppla-picker-label,html.dark .qr-hoppla-picker-value,html.dark .qr-hoppla-picker-toolbar strong,html.dark .qr-hoppla-slider-head strong,html.dark .qr-hoppla-painted-meter strong,html.dark .qr-hoppla-text-input{color:#eaf1ff}:root[data-theme=dark] .qr-hoppla-color-copy p,:root[data-theme=dark] .qr-hoppla-section-head p,:root[data-theme=dark] .qr-hoppla-note p,:root[data-theme=dark] .qr-hoppla-picker-description,:root[data-theme=dark] .qr-hoppla-picker-error,:root[data-theme=dark] .qr-hoppla-palette-card strong,:root[data-theme=dark] .qr-hoppla-palette-card small,:root[data-theme=dark] .qr-hoppla-text-field label,:root[data-theme=dark] .qr-hoppla-position-field small,:root[data-theme=dark] .qr-hoppla-slider-head span,:root[data-theme=dark] .qr-hoppla-painted-meter span,:root[data-theme=dark] .qr-hoppla-marker-column h5,:root.dark .qr-hoppla-color-copy p,:root.dark .qr-hoppla-section-head p,:root.dark .qr-hoppla-note p,:root.dark .qr-hoppla-picker-description,:root.dark .qr-hoppla-picker-error,:root.dark .qr-hoppla-palette-card strong,:root.dark .qr-hoppla-palette-card small,:root.dark .qr-hoppla-text-field label,:root.dark .qr-hoppla-position-field small,:root.dark .qr-hoppla-slider-head span,:root.dark .qr-hoppla-painted-meter span,:root.dark .qr-hoppla-marker-column h5,html.dark .qr-hoppla-color-copy p,html.dark .qr-hoppla-section-head p,html.dark .qr-hoppla-note p,html.dark .qr-hoppla-picker-description,html.dark .qr-hoppla-picker-error,html.dark .qr-hoppla-palette-card strong,html.dark .qr-hoppla-palette-card small,html.dark .qr-hoppla-text-field label,html.dark .qr-hoppla-position-field small,html.dark .qr-hoppla-slider-head span,html.dark .qr-hoppla-painted-meter span,html.dark .qr-hoppla-marker-column h5{color:#eaf1ffc2}:root[data-theme=dark] .qr-hoppla-logo-current,:root[data-theme=dark] .qr-logo-chip-icon,:root[data-theme=dark] .qr-hoppla-logo-current-thumb,:root.dark .qr-hoppla-logo-current,:root.dark .qr-logo-chip-icon,:root.dark .qr-hoppla-logo-current-thumb,html.dark .qr-hoppla-logo-current,html.dark .qr-logo-chip-icon,html.dark .qr-hoppla-logo-current-thumb{background:#02061794;border-color:#94a3b838}:root[data-theme=dark] .qr-hoppla-logo-current-copy strong,:root[data-theme=dark] .qr-hoppla-logo-warning strong,:root.dark .qr-hoppla-logo-current-copy strong,:root.dark .qr-hoppla-logo-warning strong,html.dark .qr-hoppla-logo-current-copy strong,html.dark .qr-hoppla-logo-warning strong{color:#eaf1ff}:root[data-theme=dark] .qr-hoppla-logo-current-copy small,:root[data-theme=dark] .qr-hoppla-logo-warning p,:root.dark .qr-hoppla-logo-current-copy small,:root.dark .qr-hoppla-logo-warning p,html.dark .qr-hoppla-logo-current-copy small,html.dark .qr-hoppla-logo-warning p{color:#eaf1ffc2}:root[data-theme=dark] .qr-logo-chip,:root.dark .qr-logo-chip,html.dark .qr-logo-chip{color:#eaf1ff;background:#02061794;border-color:#94a3b838;box-shadow:0 18px 40px #0206173d,inset 0 1px #ffffff05}:root[data-theme=dark] .qr-logo-chip:hover,:root.dark .qr-logo-chip:hover,html.dark .qr-logo-chip:hover{background:linear-gradient(#1e293be0,#0f172af5);border-color:#60a5fa9e;box-shadow:0 18px 30px #02061757}:root[data-theme=dark] .qr-logo-chip-active,:root.dark .qr-logo-chip-active,html.dark .qr-logo-chip-active{color:#1967c3;background:linear-gradient(#082f49d6,#0f172af0);border-color:#1967c3;box-shadow:0 20px 34px #0891b229,0 0 0 1px #38bdf81f}:root[data-theme=dark] .qr-hoppla-logo-warning,:root.dark .qr-hoppla-logo-warning,html.dark .qr-hoppla-logo-warning{background:#78350f38;border-color:#fbbf242e}:root[data-theme=dark] .qr-hoppla-inline-button,:root[data-theme=dark] .qr-hoppla-segmented-button,:root[data-theme=dark] .qr-hoppla-position-preset,:root[data-theme=dark] .qr-hoppla-action-tile,:root[data-theme=dark] .qr-hoppla-picker-trigger-shell,:root[data-theme=dark] .qr-hoppla-picker-hex-shell,:root[data-theme=dark] .qr-hoppla-palette-card,:root[data-theme=dark] .qr-hoppla-text-input,:root[data-theme=dark] .qr-hoppla-reliability-item,:root[data-theme=dark] .qr-hoppla-picker-close,:root.dark .qr-hoppla-inline-button,:root.dark .qr-hoppla-segmented-button,:root.dark .qr-hoppla-position-preset,:root.dark .qr-hoppla-action-tile,:root.dark .qr-hoppla-picker-trigger-shell,:root.dark .qr-hoppla-picker-hex-shell,:root.dark .qr-hoppla-palette-card,:root.dark .qr-hoppla-text-input,:root.dark .qr-hoppla-reliability-item,:root.dark .qr-hoppla-picker-close,html.dark .qr-hoppla-inline-button,html.dark .qr-hoppla-segmented-button,html.dark .qr-hoppla-position-preset,html.dark .qr-hoppla-action-tile,html.dark .qr-hoppla-picker-trigger-shell,html.dark .qr-hoppla-picker-hex-shell,html.dark .qr-hoppla-palette-card,html.dark .qr-hoppla-text-input,html.dark .qr-hoppla-reliability-item,html.dark .qr-hoppla-picker-close{color:#eaf1ff;background:#02061794;border-color:#94a3b838;box-shadow:0 18px 40px #0206173d,inset 0 1px #ffffff05}:root[data-theme=dark] .qr-hoppla-palette-card-active,:root[data-theme=dark] .qr-hoppla-segmented-button-active,:root[data-theme=dark] .qr-hoppla-position-preset-active,:root.dark .qr-hoppla-palette-card-active,:root.dark .qr-hoppla-segmented-button-active,:root.dark .qr-hoppla-position-preset-active,html.dark .qr-hoppla-palette-card-active,html.dark .qr-hoppla-segmented-button-active,html.dark .qr-hoppla-position-preset-active{color:#1967c3;background:linear-gradient(#082f49d6,#0f172af0);border-color:#1967c3;box-shadow:0 20px 34px #0891b229,0 0 0 1px #38bdf81f}:root[data-theme=dark] .qr-hoppla-inline-button:hover:not(:disabled),:root[data-theme=dark] .qr-hoppla-segmented-button:hover:not(:disabled),:root[data-theme=dark] .qr-hoppla-position-preset:hover:not(:disabled),:root[data-theme=dark] .qr-hoppla-action-tile:hover:not(:disabled),:root[data-theme=dark] .qr-hoppla-palette-card:hover:not(:disabled),:root[data-theme=dark] .qr-hoppla-picker-trigger-shell:hover,:root.dark .qr-hoppla-inline-button:hover:not(:disabled),:root.dark .qr-hoppla-segmented-button:hover:not(:disabled),:root.dark .qr-hoppla-position-preset:hover:not(:disabled),:root.dark .qr-hoppla-action-tile:hover:not(:disabled),:root.dark .qr-hoppla-palette-card:hover:not(:disabled),:root.dark .qr-hoppla-picker-trigger-shell:hover,html.dark .qr-hoppla-inline-button:hover:not(:disabled),html.dark .qr-hoppla-segmented-button:hover:not(:disabled),html.dark .qr-hoppla-position-preset:hover:not(:disabled),html.dark .qr-hoppla-action-tile:hover:not(:disabled),html.dark .qr-hoppla-palette-card:hover:not(:disabled),html.dark .qr-hoppla-picker-trigger-shell:hover{background:linear-gradient(#1e293be0,#0f172af5);border-color:#60a5fa9e;box-shadow:0 18px 30px #02061757}:root[data-theme=dark] .qr-hoppla-beta-badge,:root[data-theme=dark] .qr-hoppla-text-soon-label,:root.dark .qr-hoppla-beta-badge,:root.dark .qr-hoppla-text-soon-label,html.dark .qr-hoppla-beta-badge,html.dark .qr-hoppla-text-soon-label{color:#eaf1ff;background:#020617b3;border-color:#94a3b842}:root[data-theme=dark] .qr-hoppla-locked-feature,:root.dark .qr-hoppla-locked-feature,html.dark .qr-hoppla-locked-feature{background:#1e293bc2;border-color:#94a3b838}:root[data-theme=dark] .qr-hoppla-locked-feature-copy strong,:root.dark .qr-hoppla-locked-feature-copy strong,html.dark .qr-hoppla-locked-feature-copy strong{color:#eaf1ff}:root[data-theme=dark] .qr-hoppla-locked-feature-copy p,:root.dark .qr-hoppla-locked-feature-copy p,html.dark .qr-hoppla-locked-feature-copy p{color:#eaf1ffc2}.qr-visual-layer-modal{z-index:10000;place-items:center;padding:.85rem;display:grid;position:fixed;inset:0}.qr-visual-layer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061794;position:absolute;inset:0}.qr-visual-layer-panel{z-index:1;background:#fffffff5;border:1px solid #94a3b829;border-radius:1.6rem;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;width:min(1380px,100%);height:calc(100vh - 1.7rem);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px #0f172a3d}.qr-visual-layer-head,.qr-visual-layer-footer{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1rem 0;display:flex}.qr-visual-layer-head strong{color:#0f172a;margin-bottom:.3rem;font-size:1rem;display:block}.qr-visual-layer-head p,.qr-visual-layer-hint,.qr-visual-layer-reliability p{color:#64748b;margin:0;font-size:.82rem;line-height:1.45}.qr-visual-layer-close{color:#475569;background:#ffffffeb;border:1px solid #94a3b829;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:inline-flex}.qr-visual-layer-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,380px) minmax(0,1fr);place-items:stretch stretch;gap:1rem;min-height:0;padding:0 1rem;display:grid;overflow:hidden}.qr-visual-layer-stage{background:linear-gradient(#eff6ffd6,#fffffff5);border:1px solid #94a3b829;border-radius:1.25rem;grid-area:1/2;place-items:center;width:100%;padding:1rem;display:grid;overflow:hidden}.qr-visual-layer-workbench{aspect-ratio:1;width:min(68vh,720px);position:relative}.qr-visual-layer-preview-base,.qr-visual-layer-grid{position:absolute;inset:0}.qr-visual-layer-preview-base{place-items:center;display:grid}.qr-visual-layer-preview-base>div,.qr-visual-layer-preview-base canvas,.qr-visual-layer-preview-base svg{width:100%;height:100%;display:block}.qr-visual-layer-grid{cursor:crosshair;touch-action:none;background:0 0;border-radius:1.25rem;grid-auto-rows:1fr;gap:1px;display:grid;overflow:hidden}.qr-visual-layer-cell{appearance:none;background:0 0;border:0;border-radius:.08rem;width:100%;height:100%;margin:0;padding:0;box-shadow:inset 0 0 0 1px #0f172a0a}.qr-visual-layer-cell-active{background:0 0}body.qr-visual-layer-open .topbar-shell,html.qr-visual-layer-open .topbar-shell{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-120%)}.qr-visual-layer-sidebar{grid-area:1/1;align-content:start;gap:.9rem;width:100%;min-height:0;max-height:100%;padding-right:.2rem;display:grid;overflow:auto}.qr-visual-layer-toolbar,.qr-visual-layer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.qr-visual-layer-tool,.qr-visual-layer-action,.qr-visual-layer-primary,.qr-visual-layer-secondary{color:#334155;background:#ffffffeb;border:1px solid #94a3b82e;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.8rem;font-size:.82rem;font-weight:700;display:inline-flex}.qr-visual-layer-tool-active,.qr-visual-layer-primary{color:#1d4ed8;background:#eff6fff5;border-color:#2563eb57}.qr-visual-layer-tool-import{width:100%}.qr-visual-layer-slider-group{background:#f8fafcf5;border:1px solid #94a3b829;border-radius:1.1rem;gap:.75rem;padding:.9rem;display:grid}.qr-visual-layer-slider-group label{color:#334155;gap:.35rem;font-size:.8rem;font-weight:700;display:grid}.qr-visual-layer-slider-group strong,.qr-visual-layer-reliability strong{color:#0f172a;font-size:.8rem}.qr-visual-layer-toggle{color:#334155;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;display:inline-flex}.qr-visual-layer-import-tools{gap:.75rem;display:grid}.qr-visual-layer-image-preview{object-fit:contain;background:#ffffffe0;border:1px solid #94a3b829;border-radius:1rem;width:100%}.qr-visual-layer-reliability{background:#f8fafcf5;border:1px solid #94a3b829;border-radius:1.1rem;gap:.4rem;padding:.9rem;display:grid}.qr-visual-layer-reliability span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800}.qr-visual-layer-footer{padding:0 1rem 1rem}@media (width<=980px){.qr-visual-layer-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;justify-items:center}.qr-visual-layer-stage,.qr-visual-layer-sidebar{grid-area:auto}.qr-visual-layer-sidebar{max-height:none;overflow:visible}.qr-visual-layer-grid{width:100%}.qr-visual-layer-workbench{width:min(78vw,560px)}}@media (width<=640px){.qr-visual-layer-modal{padding:0}.qr-visual-layer-panel{border-radius:0;height:100vh}.qr-visual-layer-toolbar,.qr-visual-layer-actions{grid-template-columns:1fr}.qr-visual-layer-grid{width:100%}.qr-visual-layer-workbench{width:min(92vw,420px)}}:root[data-theme=dark] .qr-visual-layer-panel,:root.dark .qr-visual-layer-panel,html.dark .qr-visual-layer-panel{background:#080f1ff5;border-color:#38bdf829}:root[data-theme=dark] .qr-visual-layer-head strong,:root[data-theme=dark] .qr-visual-layer-slider-group strong,:root[data-theme=dark] .qr-visual-layer-reliability strong,:root.dark .qr-visual-layer-head strong,:root.dark .qr-visual-layer-slider-group strong,:root.dark .qr-visual-layer-reliability strong,html.dark .qr-visual-layer-head strong,html.dark .qr-visual-layer-slider-group strong,html.dark .qr-visual-layer-reliability strong{color:#f8fafc}:root[data-theme=dark] .qr-visual-layer-head p,:root[data-theme=dark] .qr-visual-layer-hint,:root[data-theme=dark] .qr-visual-layer-reliability p,:root[data-theme=dark] .qr-visual-layer-slider-group label,:root[data-theme=dark] .qr-visual-layer-toggle,:root[data-theme=dark] .qr-visual-layer-reliability span,:root.dark .qr-visual-layer-head p,:root.dark .qr-visual-layer-hint,:root.dark .qr-visual-layer-reliability p,:root.dark .qr-visual-layer-slider-group label,:root.dark .qr-visual-layer-toggle,:root.dark .qr-visual-layer-reliability span,html.dark .qr-visual-layer-head p,html.dark .qr-visual-layer-hint,html.dark .qr-visual-layer-reliability p,html.dark .qr-visual-layer-slider-group label,html.dark .qr-visual-layer-toggle,html.dark .qr-visual-layer-reliability span{color:#e2e8f0b8}:root[data-theme=dark] .qr-visual-layer-stage,:root[data-theme=dark] .qr-visual-layer-slider-group,:root[data-theme=dark] .qr-visual-layer-reliability,:root[data-theme=dark] .qr-visual-layer-tool,:root[data-theme=dark] .qr-visual-layer-action,:root[data-theme=dark] .qr-visual-layer-secondary,:root[data-theme=dark] .qr-visual-layer-close,:root.dark .qr-visual-layer-stage,:root.dark .qr-visual-layer-slider-group,:root.dark .qr-visual-layer-reliability,:root.dark .qr-visual-layer-tool,:root.dark .qr-visual-layer-action,:root.dark .qr-visual-layer-secondary,:root.dark .qr-visual-layer-close,html.dark .qr-visual-layer-stage,html.dark .qr-visual-layer-slider-group,html.dark .qr-visual-layer-reliability,html.dark .qr-visual-layer-tool,html.dark .qr-visual-layer-action,html.dark .qr-visual-layer-secondary,html.dark .qr-visual-layer-close{color:#cbd5e1;background:#0f172ac2;border-color:#38bdf829}.qr-export-layout{gap:18px;display:grid}.qr-export-card{background:#ffffffe6;border:1px solid #c3c6d7cc;border-radius:24px;padding:18px;box-shadow:0 18px 48px #0f172a0d}.qr-export-card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.qr-export-card-head h4{color:#0b1c30;margin:0;font-size:18px;line-height:1.2}.qr-export-card-head p{color:#434655;margin:6px 0 0;font-size:14px;line-height:1.5}.qr-export-status-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.qr-export-status-pill-ready{color:#047857;background:#10b98124;border:1px solid #34d3994d}.qr-export-status-pill-review{color:#4f46e5;background:#818cf81f;border:1px solid #818cf83d}.qr-export-status-pill-warn{color:#b45309;background:#fbbf2424;border:1px solid #f59e0b3d}.qr-export-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.qr-export-summary-item{background:#fff;border:1px solid #c3c6d7b3;border-radius:18px;gap:5px;padding:14px;display:grid}.qr-export-summary-item span{letter-spacing:.08em;text-transform:uppercase;color:#737686;font-size:11px;font-weight:800}.qr-export-summary-item strong{color:#0b1c30;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.qr-export-summary-item-wide{grid-column:span 2}.qr-export-folder-head{align-items:center}.qr-export-folder-head>div{min-width:0}.qr-export-folder-select{flex:none;width:auto;min-width:min(240px,100%);max-width:100%}.qr-export-folder-body{gap:10px;display:grid}.qr-export-folder-body .qr-export-folder-select{width:min(360px,100%)}.qr-export-folder-note{color:#334155;background:#eff4ffd1;border:1px solid #1967c324;border-radius:16px;width:fit-content;max-width:100%;margin:0;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.45}.qr-export-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.qr-export-option-card{text-align:left;background:#fff;border:1px solid #c3c6d7d1;border-radius:18px;gap:6px;min-height:92px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative}.qr-export-option-card:hover{border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 14px 28px #2563eb14}.qr-export-option-card-active{background:#eff4ff;border-color:#2563eb6b;box-shadow:0 12px 26px #2563eb14}.qr-export-option-card-locked{background:linear-gradient(#ffffffb8,#eff4ffd1);border-color:#c3c6d7b8;overflow:hidden}.qr-export-option-label{color:#0b1c30;font-size:14px;font-weight:800}.qr-export-option-card small{color:#5c647a;font-size:12px;line-height:1.45}.qr-export-option-lock{color:#1d4ed8;background:#ffffff73;place-items:center;display:grid;position:absolute;inset:0}.qr-export-option-tooltip{color:#0b1c30;opacity:0;pointer-events:none;z-index:5;background:#fffffffa;border:1px solid #2563eb29;border-radius:14px;min-width:150px;max-width:220px;padding:10px 12px;font-size:12px;line-height:1.4;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 18px 42px #0f172a1f}.qr-export-option-tooltip:after{content:"";background:inherit;border-bottom:1px solid #2563eb29;border-right:1px solid #2563eb29;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.qr-export-option-card-locked:hover .qr-export-option-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.qr-export-background-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qr-export-background-option{text-align:left;background:#fff;border:1px solid #c3c6d7d1;border-radius:18px;gap:6px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.qr-export-background-option:hover:not(:disabled){border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 14px 28px #2563eb14}.qr-export-background-option strong{color:#0b1c30;font-size:14px}.qr-export-background-option span{color:#5c647a;font-size:12px;line-height:1.45}.qr-export-background-option-active{background:#eff4ff;border-color:#2563eb6b}.qr-export-background-option-locked{opacity:.72}.qr-export-account-card{background:linear-gradient(#fffffff5,#eff4ffe0);border-color:#b4c5ffe6}.qr-export-account-card .qr-export-card-head{text-align:center;justify-content:center}.qr-export-account-card .qr-export-card-head>div{width:min(100%,34rem)}.qr-export-auth-actions,.qr-export-connected-actions,.qr-export-modal-actions{flex-wrap:wrap;gap:12px;display:flex}.qr-export-auth-actions{justify-content:center}.qr-export-connected-actions-compact{flex-direction:column;align-items:stretch}.qr-export-save-download-button{min-width:min(260px,100%)}.qr-export-inline-cta,.qr-export-inline-ghost,.qr-export-inline-link,.qr-export-primary-lock{border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s}.qr-export-inline-cta{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 10px 24px #2563eb2e}.qr-export-inline-cta:hover{transform:translateY(-1px);box-shadow:0 16px 32px #2563eb38}.qr-export-inline-ghost{color:#0b1c30;background:#fff;border:1px solid #c3c6d7db}.qr-export-inline-ghost:hover,.qr-export-inline-link:hover{border-color:#2563eb47;transform:translateY(-1px)}.qr-export-inline-ghost-lock{justify-content:center;align-items:center;gap:8px;display:inline-flex}.qr-export-inline-link{color:#2563eb;background:0 0;border:1px solid #0000}.qr-export-locked-cta-wrap{gap:12px;margin-top:16px;display:grid}.qr-export-primary-lock{color:#475569;background:linear-gradient(#e2e8f0e6,#cbd5e1eb);border:1px solid #94a3b873;justify-content:center;position:relative}.qr-export-primary-lock:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.qr-export-primary-lock-icon{color:#1d4ed8;place-items:center;display:grid;position:absolute;inset:0}.qr-export-primary-lock>span:first-child{opacity:.22}.qr-export-account-note,.qr-export-modal-copy,.qr-export-credit-note{color:#434655;margin:0;font-size:14px;line-height:1.55}.qr-export-credit-note{background:#eff4ffc2;border:1px solid #2563eb24;border-radius:16px;max-width:620px;padding:12px 14px}@media (width<=980px){.qr-export-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.qr-export-background-row,.qr-export-option-grid{grid-template-columns:1fr}.qr-export-summary-item-wide{grid-column:auto}.qr-export-folder-head{flex-direction:column;align-items:stretch}.qr-export-folder-select,.qr-export-folder-body .qr-export-folder-select,.qr-export-folder-note,.qr-export-save-download-button{width:100%}}:root[data-theme=dark] .qr-export-card,:root.dark .qr-export-card,html.dark .qr-export-card{background:#111827d1;border-color:#818cf82e;box-shadow:0 18px 48px #02061757}:root[data-theme=dark] .qr-export-card-head h4,:root.dark .qr-export-card-head h4,html.dark .qr-export-card-head h4,:root[data-theme=dark] .qr-export-option-label,:root.dark .qr-export-option-label,html.dark .qr-export-option-label,:root[data-theme=dark] .qr-export-background-option strong,:root.dark .qr-export-background-option strong,html.dark .qr-export-background-option strong,:root[data-theme=dark] .qr-export-summary-item strong,:root.dark .qr-export-summary-item strong,html.dark .qr-export-summary-item strong{color:#f8fafc}:root[data-theme=dark] .qr-export-card-head p,:root.dark .qr-export-card-head p,html.dark .qr-export-card-head p,:root[data-theme=dark] .qr-export-option-card small,:root.dark .qr-export-option-card small,html.dark .qr-export-option-card small,:root[data-theme=dark] .qr-export-background-option span,:root.dark .qr-export-background-option span,html.dark .qr-export-background-option span,:root[data-theme=dark] .qr-export-account-note,:root.dark .qr-export-account-note,html.dark .qr-export-account-note,:root[data-theme=dark] .qr-export-modal-copy,:root.dark .qr-export-modal-copy,html.dark .qr-export-modal-copy,:root[data-theme=dark] .qr-export-credit-note,:root.dark .qr-export-credit-note,html.dark .qr-export-credit-note,:root[data-theme=dark] .qr-export-folder-note,:root.dark .qr-export-folder-note,html.dark .qr-export-folder-note{color:#e2e8f0e0}:root[data-theme=dark] .qr-export-summary-item,:root.dark .qr-export-summary-item,html.dark .qr-export-summary-item,:root[data-theme=dark] .qr-export-option-card,:root.dark .qr-export-option-card,html.dark .qr-export-option-card,:root[data-theme=dark] .qr-export-background-option,:root.dark .qr-export-background-option,html.dark .qr-export-background-option,:root[data-theme=dark] .qr-export-inline-ghost,:root.dark .qr-export-inline-ghost,html.dark .qr-export-inline-ghost{background:#0f172ae0;border-color:#818cf82e}:root[data-theme=dark] .qr-export-credit-note,:root.dark .qr-export-credit-note,html.dark .qr-export-credit-note,:root[data-theme=dark] .qr-export-folder-note,:root.dark .qr-export-folder-note,html.dark .qr-export-folder-note{background:#0ea5e91a;border-color:#60a5fa2e}:root[data-theme=dark] .qr-export-option-card-active,:root.dark .qr-export-option-card-active,html.dark .qr-export-option-card-active,:root[data-theme=dark] .qr-export-background-option-active,:root.dark .qr-export-background-option-active,html.dark .qr-export-background-option-active{background:#0ea5e91f;border-color:#38bdf866}:root[data-theme=dark] .qr-export-inline-cta,:root.dark .qr-export-inline-cta,html.dark .qr-export-inline-cta{background:linear-gradient(#2563ebf5,#1d4ed8f5);border-color:#60a5fa66}:root[data-theme=dark] .qr-export-inline-link,:root.dark .qr-export-inline-link,html.dark .qr-export-inline-link{color:#93c5fd}:root[data-theme=dark] .qr-export-primary-lock,:root.dark .qr-export-primary-lock,html.dark .qr-export-primary-lock{color:#e2e8f0b3;background:linear-gradient(#334155eb,#1e293beb);border-color:#60a5fa29}:root[data-theme=dark] .qr-export-option-tooltip,:root.dark .qr-export-option-tooltip,html.dark .qr-export-option-tooltip{color:#f8fafc;background:#0f172afa;border-color:#60a5fa33}:root[data-theme=dark] .qr-export-option-tooltip:after,:root.dark .qr-export-option-tooltip:after,html.dark .qr-export-option-tooltip:after{border-bottom-color:#60a5fa33;border-right-color:#60a5fa33}.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-mockup-download-button{color:#fff!important;letter-spacing:.01em!important;background:#1967c3!important;border:1px solid #1967c347!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.55rem!important;min-height:3rem!important;padding:.8rem 1.7rem!important;font-size:.875rem!important;font-weight:800!important;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s!important;display:inline-flex!important;box-shadow:0 16px 32px #1967c338!important}.qr-generator-flow-next:hover,.qr-content-stage-continue:hover,.qr-mockup-continue-button:hover,.qr-mockup-download-button:hover{background:#1967c3!important;border-color:#1967c366!important;transform:translateY(-1px)!important;box-shadow:0 22px 38px #1967c347!important}.qr-generator-flow-next svg,.qr-content-stage-continue svg,.qr-mockup-continue-button svg,.qr-mockup-download-button svg{transition:transform .18s!important}.qr-generator-flow-next:hover svg,.qr-content-stage-continue:hover svg,.qr-mockup-continue-button:hover svg,.qr-mockup-download-button:hover svg{transform:translate(.18rem)!important}.qr-generator-flow-back,.qr-content-stage-back{color:#f43f5e!important;letter-spacing:.01em!important;background:#fffffff5!important;border:1px solid #be185d3d!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:.55rem!important;min-height:3rem!important;padding:.8rem 1.45rem!important;font-size:.875rem!important;font-weight:800!important;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s!important;display:inline-flex!important;box-shadow:0 12px 26px #be185d1a!important}.qr-generator-flow-back:hover,.qr-content-stage-back:hover{color:#f43f5e!important;background:#be185d0f!important;border-color:#be185d57!important;transform:translateY(-1px)!important;box-shadow:0 18px 32px #be185d24!important}.qr-generator-flow-back svg,.qr-content-stage-back svg{transition:transform .18s!important}.qr-generator-flow-back:hover svg,.qr-content-stage-back:hover svg{transform:translate(-.18rem)!important}.btn.btn-primary.qr-generator-flow-next,.btn.btn-secondary.qr-generator-flow-back{font-family:inherit!important}.btn.btn-primary.qr-generator-flow-next,.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-mockup-download-button{border-radius:999px!important;min-width:0!important;min-height:3rem!important;padding:.75rem 2rem!important;font-size:.875rem!important;font-weight:600!important;line-height:1!important}.btn.btn-secondary.qr-generator-flow-back,.qr-generator-flow-back,.qr-content-stage-back{border-radius:999px!important;min-width:0!important;min-height:3rem!important;padding:.75rem 1.5rem!important;font-size:.875rem!important;font-weight:600!important;line-height:1!important}.qr-content-mode-card{border-color:#1967c31f!important;border-radius:1rem!important;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s!important}.qr-content-mode-card:hover:not(:disabled){border-color:#1967c338!important;transform:translateY(-1px)!important;box-shadow:0 14px 24px #0f172a0d!important}.qr-content-mode-card-active{background:linear-gradient(#1967c30d,#6366f10a)!important;border-width:1px!important;border-color:#1967c347!important;box-shadow:0 18px 26px #1967c31a!important}.qr-content-mode-card-active .qr-content-mode-card-indicator{background:#1967c3!important;border-color:#1967c3!important}.qr-content-short-url-button{transition:border-color .18s,box-shadow .18s,transform .18s,background .18s!important}.qr-content-short-url-button:hover{border-color:#1967c338!important;transform:translateY(-1px)!important;box-shadow:0 12px 22px #0f172a0d!important}.qr-generator-section-step-2 .input:hover,.qr-generator-section-step-2 .select:hover,.qr-generator-section-step-2 .qr-textarea:hover,.qr-content-stage-basic .input:hover,.qr-content-stage-basic .select:hover,.qr-content-stage-basic .qr-textarea:hover{border-color:#1967c333!important;box-shadow:0 8px 20px #1967c30f!important}:root[data-theme=dark] .qr-generator-flow-next,:root[data-theme=dark] .qr-content-stage-continue,:root[data-theme=dark] .qr-mockup-continue-button,:root[data-theme=dark] .qr-mockup-download-button,:root.dark .qr-generator-flow-next,:root.dark .qr-content-stage-continue,:root.dark .qr-mockup-continue-button,:root.dark .qr-mockup-download-button,html.dark .qr-generator-flow-next,html.dark .qr-content-stage-continue,html.dark .qr-mockup-continue-button,html.dark .qr-mockup-download-button{color:#04111d!important;background:#1967c3!important;border-color:#38bdf857!important;box-shadow:0 18px 34px #38bdf833,0 0 18px #38bdf814!important}:root[data-theme=dark] .qr-generator-flow-next:hover,:root[data-theme=dark] .qr-content-stage-continue:hover,:root[data-theme=dark] .qr-mockup-continue-button:hover,:root[data-theme=dark] .qr-mockup-download-button:hover,:root.dark .qr-generator-flow-next:hover,:root.dark .qr-content-stage-continue:hover,:root.dark .qr-mockup-continue-button:hover,:root.dark .qr-mockup-download-button:hover,html.dark .qr-generator-flow-next:hover,html.dark .qr-content-stage-continue:hover,html.dark .qr-mockup-continue-button:hover,html.dark .qr-mockup-download-button:hover{background:#1967c3!important;border-color:#38bdf870!important;box-shadow:0 24px 40px #38bdf83d,0 0 22px #38bdf81a!important}:root[data-theme=dark] .qr-generator-flow-back,:root[data-theme=dark] .qr-content-stage-back,:root.dark .qr-generator-flow-back,:root.dark .qr-content-stage-back,html.dark .qr-generator-flow-back,html.dark .qr-content-stage-back{color:#f43f5e!important;background:#0f172ae0!important;border-color:#f43f5e3d!important;box-shadow:0 16px 28px #f43f5e1f!important}:root[data-theme=dark] .qr-generator-flow-back:hover,:root[data-theme=dark] .qr-content-stage-back:hover,:root.dark .qr-generator-flow-back:hover,:root.dark .qr-content-stage-back:hover,html.dark .qr-generator-flow-back:hover,html.dark .qr-content-stage-back:hover{color:#f43f5e!important;background:#f43f5e1a!important;border-color:#f43f5e57!important;box-shadow:0 20px 34px #f43f5e29!important}:root[data-theme=dark] .qr-content-mode-card:hover:not(:disabled),:root.dark .qr-content-mode-card:hover:not(:disabled),html.dark .qr-content-mode-card:hover:not(:disabled){border-color:#38bdf847!important;transform:translateY(-1px)!important;box-shadow:0 16px 26px #02061733,0 0 12px #38bdf80f!important}:root[data-theme=light] .qr-page-shell-qrstudio,:root.light .qr-page-shell-qrstudio,html.light .qr-page-shell-qrstudio{background:0 0!important}.qr-page-shell-qrstudio:before,.qr-page-shell-qrstudio:after{content:none!important;display:none!important}@media (width<=1023px){.qr-page-shell,.qr-page-shell-qrstudio,.qr-studio-shell,.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card,.qr-studio-card-panel,.qr-studio-card-mockup,.qr-generator-section,.qr-generator-section-focus,.qr-mockup-content-well,.qr-mockup-custom-panel,.qr-content-stage,.qr-content-stage-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.qr-studio-shell,.qr-studio-shell-mockup{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}.qr-studio-responsive-preview{z-index:12;order:-1;width:100%;max-width:100%;margin:0 0 .85rem;min-width:0!important;display:block!important}.qr-studio-right.qr-studio-responsive-preview{align-self:start;justify-items:center;height:auto;max-height:none;overflow:visible;top:max(.5rem, env(safe-area-inset-top))!important;position:sticky!important}.qr-studio-responsive-preview.qr-react-preview-panel,.qr-studio-responsive-preview.qr-stitch-preview-panel,.qr-studio-responsive-preview .qr-react-preview-panel,.qr-studio-responsive-preview .qr-stitch-preview-panel{width:100%;max-width:min(100%,44rem);height:auto;max-height:none;overflow:visible;min-width:0!important;display:block!important;position:static!important;top:auto!important}.qr-studio-responsive-preview .qr-stitch-preview-card,.qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card{box-sizing:border-box;border-radius:1rem;grid-template-columns:minmax(6rem,8.5rem) minmax(0,1fr);align-items:center;gap:.65rem;width:100%;min-height:0;padding:.72rem;display:grid;box-shadow:0 18px 38px #0f172a1f;min-width:0!important;max-width:100%!important}.qr-studio-responsive-preview .qr-stitch-preview-card h2,.qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card h2{text-align:center;grid-column:1/-1;margin:0;font-size:.9rem;line-height:1.1}.qr-studio-responsive-preview .qr-stitch-preview-square,.qr-studio-responsive-preview .qr-stitch-preview-square-compact,.qr-studio-responsive-preview .qr-stitch-preview-square-selected,.qr-studio-responsive-preview .qr-stitch-preview-square-selected-compact{aspect-ratio:1;flex:none;width:min(30vw,8.5rem);min-width:min(6rem,100%);max-width:8.5rem;height:auto;margin:0;padding:.4rem}.qr-studio-responsive-preview .qr-preview-frame,.qr-studio-responsive-preview .qr-preview-canvas{width:100%;height:100%}.qr-studio-responsive-preview .qr-preview-canvas canvas,.qr-studio-responsive-preview .qr-preview-canvas svg{width:100%!important;height:100%!important}.qr-studio-responsive-preview .qr-stitch-preview-status{align-self:stretch;min-width:0;margin:0}.qr-studio-responsive-preview .qr-stitch-preview-status-nav{justify-content:space-between;align-items:center;gap:.45rem;padding:.5rem;display:flex}.qr-studio-responsive-preview .qr-stitch-preview-nav-button{width:2rem;height:2rem}.qr-studio-responsive-preview .qr-stitch-preview-nav-copy{min-width:3.25rem}.qr-generator-flow-actions,.qr-content-stage-actions,.qr-content-stage-actions-basic,.qr-mockup-actions,.qr-mockup-actions-dual{box-sizing:border-box;width:100%;max-width:100%;overflow:visible}.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-mockup-download-button{box-sizing:border-box;max-width:100%}}@media (width<=767px){.qr-studio-responsive-preview{margin-bottom:.65rem}.qr-studio-right.qr-studio-responsive-preview{top:max(.25rem, env(safe-area-inset-top))!important;z-index:16!important;position:sticky!important}.qr-studio-responsive-preview .qr-stitch-preview-card,.qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card{text-align:center;border-radius:.95rem;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.5rem;padding:.58rem}.qr-studio-responsive-preview .qr-stitch-preview-square,.qr-studio-responsive-preview .qr-stitch-preview-square-compact,.qr-studio-responsive-preview .qr-stitch-preview-square-selected,.qr-studio-responsive-preview .qr-stitch-preview-square-selected-compact{width:min(42vw,8.5rem);min-width:min(6.5rem,100%);max-width:8.5rem;margin-inline:auto;padding:.36rem}.qr-studio-responsive-preview .qr-stitch-preview-status-nav{display:flex!important}.qr-studio-shell:focus-within .qr-studio-right.qr-studio-responsive-preview{top:max(.25rem, env(safe-area-inset-top))!important}.qr-studio-shell:focus-within .qr-studio-responsive-preview .qr-stitch-preview-card,.qr-studio-shell:focus-within .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.4rem;padding:.45rem}.qr-studio-shell:focus-within .qr-studio-responsive-preview .qr-stitch-preview-square,.qr-studio-shell:focus-within .qr-studio-responsive-preview .qr-stitch-preview-square-compact,.qr-studio-shell:focus-within .qr-studio-responsive-preview .qr-stitch-preview-square-selected,.qr-studio-shell:focus-within .qr-studio-responsive-preview .qr-stitch-preview-square-selected-compact{width:min(34vw,7rem);min-width:min(5.6rem,100%);max-width:7rem}.qr-studio-shell:focus-within .qr-studio-responsive-preview .qr-stitch-preview-card h2,.qr-studio-shell:focus-within .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card h2{font-size:.8rem}}.qr-page-shell,.dashboard-studio-shell,.qr-studio-shell{box-shadow:none!important;background:0 0!important;border:0!important}.qr-studio-right,.qr-studio-right-mockup{align-self:flex-start;height:fit-content;max-height:none;position:relative;overflow:visible;top:auto!important}.qr-stitch-preview-column{align-self:flex-start;height:fit-content;max-height:none;overflow:visible;top:calc(var(--public-header-height,88px) + 24px)!important;position:sticky!important}.qr-stitch-preview-column .qr-react-preview-panel,.qr-stitch-preview-column .qr-stitch-preview-panel{height:fit-content;max-height:none;overflow:visible;position:relative!important;top:auto!important}.qr-edit-preview-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.qr-edit-preview-action{min-width:7.5rem;color:var(--tone-brand-light,#1967c3);letter-spacing:.01em;cursor:pointer;background:#fffffff0;border:1px solid #1967c342;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.15rem;font-size:.84rem;font-weight:800;transition:background-color .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.qr-edit-preview-action:hover,.qr-edit-preview-action:focus-visible{transform:translateY(-1px)}.qr-edit-preview-action:disabled{opacity:.7;cursor:wait;transform:none}.qr-edit-preview-action-cancel{color:#f43f5e;border-color:#be185d3d}.qr-edit-preview-action-cancel:hover,.qr-edit-preview-action-cancel:focus-visible{color:#fff;background:#f43f5e}.qr-edit-preview-action-save{color:var(--tone-emerald,#10b981);border-color:#10b98142}.qr-edit-preview-action-save:hover,.qr-edit-preview-action-save:focus-visible{background:var(--tone-emerald,#10b981);color:#fff}:root[data-theme=dark] .qr-edit-preview-action{color:#1967c3;background:#0a121eeb;border-color:#38bdf857}:root[data-theme=dark] .qr-edit-preview-action-cancel{color:#fb7185;border-color:#f43f5e57}:root[data-theme=dark] .qr-edit-preview-action-cancel:hover,:root[data-theme=dark] .qr-edit-preview-action-cancel:focus-visible{color:#fff;background:#f43f5e}:root[data-theme=dark] .qr-edit-preview-action-save{color:#34d399;border-color:#34d39957}:root[data-theme=dark] .qr-edit-preview-action-save:hover,:root[data-theme=dark] .qr-edit-preview-action-save:focus-visible{color:#fff;background:#10b981}@media (width<=980px){.qr-studio-right,.qr-studio-right-mockup,.qr-stitch-preview-column{max-height:none!important;position:static!important;top:auto!important;overflow:visible!important}.qr-edit-preview-actions{justify-content:stretch}.qr-edit-preview-action{flex:1 1 0;min-width:0}}@media (width<=1024px){.qr-creation-hero h2{font-size:clamp(1.5rem,1.28rem + .75vw,2rem)!important}.qr-creation-hero p{font-size:.96rem!important;line-height:1.55!important}.qr-generator-progress,.qr-generator-progress.qr-generator-progress-glass{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.8rem!important}.qr-generator-progress-step,.qr-generator-progress-6 .qr-generator-progress-step{border-radius:18px!important;min-height:96px!important;padding:.95rem!important}.qr-generator-progress-index{flex:0 0 42px!important;width:42px!important;height:42px!important;font-size:.96rem!important}.qr-generator-progress-copy strong{font-size:.94rem!important}.qr-generator-progress-copy small{font-size:.74rem!important}.qr-generator-type-card-grid,.qr-generator-type-card-grid-mockup{grid-template-columns:repeat(3,minmax(0,1fr))!important}.qr-generator-type-card,.qr-generator-type-card-mockup{min-height:88px!important;padding:.85rem .8rem!important}.qr-content-mode-card{min-height:6.4rem!important}}@media (width<=767px){.qr-creation-hero{margin-bottom:1rem!important}.qr-creation-hero h2{font-size:clamp(1.3rem,1.12rem + .72vw,1.72rem)!important;line-height:1.12!important}.qr-creation-hero p{font-size:.9rem!important;line-height:1.5!important}.qr-generator-progress,.qr-generator-progress.qr-generator-progress-glass{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-template-columns:none!important;grid-auto-columns:minmax(8.4rem,10.5rem)!important;grid-auto-flow:column!important;gap:.65rem!important;padding-bottom:.15rem!important;overflow:auto hidden!important}.qr-generator-progress-step,.qr-generator-progress-6 .qr-generator-progress-step{scroll-snap-align:center;border-radius:16px!important;gap:.55rem!important;min-width:0!important;min-height:82px!important;padding:.85rem .75rem!important}.qr-generator-progress-index{flex:0 0 36px!important;width:36px!important;height:36px!important;font-size:.84rem!important}.qr-generator-progress-copy{min-width:0!important}.qr-generator-progress-copy strong{font-size:.84rem!important;line-height:1.15!important}.qr-generator-progress-copy small{display:none!important}.qr-generator-progress::-webkit-scrollbar{display:none}.qr-generator-type-card-grid,.qr-generator-type-card-grid-mockup{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.55rem!important}.qr-generator-type-card,.qr-generator-type-card-mockup{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.45rem!important;min-height:92px!important;padding:.8rem .45rem!important}.qr-generator-type-card-icon,.qr-generator-type-card-mockup .qr-generator-type-card-icon{width:22px!important;min-width:22px!important;height:22px!important}.qr-generator-type-card-icon svg,.qr-generator-type-card-mockup .qr-generator-type-card-icon svg{width:22px!important;height:22px!important}.qr-generator-type-card-copy,.qr-generator-type-card-mockup .qr-generator-type-card-copy{text-align:center!important;justify-content:center!important}.qr-generator-type-card-copy strong,.qr-generator-type-card-mockup .qr-generator-type-card-copy strong{text-wrap:balance!important;font-size:.76rem!important;line-height:1.18!important}.qr-generator-type-card-tooltip{display:none!important}.qr-content-mode-panel{gap:.9rem!important}.qr-content-mode-head p{display:none!important}.qr-content-mode-grid{gap:.65rem!important}.qr-content-mode-card{gap:.7rem!important;min-height:5.4rem!important;padding:.8rem .75rem!important}.qr-content-mode-card-copy{gap:.2rem!important}.qr-content-mode-card-copy strong{font-size:.86rem!important}.qr-content-mode-card-copy span{display:none!important}.qr-content-mode-card-lock small{padding:.28rem .5rem!important;font-size:.64rem!important}}.qr-type-card-content{justify-content:center!important;align-items:center!important;gap:.65rem!important;min-width:0!important;max-width:100%!important;margin-inline:auto!important;display:inline-flex!important}@media (width>=768px){.qr-generator-type-card,.qr-generator-type-card-mockup{justify-content:center!important}.qr-type-card-content{flex:0 auto!important}.qr-generator-type-card-copy,.qr-generator-type-card-mockup .qr-generator-type-card-copy{text-align:left!important;flex:none!important;justify-content:flex-start!important;min-width:0!important}}@media (width<=767px){.qr-type-card-content{flex-direction:column!important;gap:.45rem!important;width:100%!important}.qr-generator-type-card-copy,.qr-generator-type-card-mockup .qr-generator-type-card-copy{text-align:center!important;flex:none!important;justify-content:center!important}}@media (width<=1023px){:is(.content-public:has(.qr-page-shell-qrstudio),.qr-page-shell-qrstudio,.qr-page-shell-qrstudio *,.qr-studio-shell,.qr-studio-shell *,.qr-studio-shell-mockup,.qr-studio-shell-mockup *){box-sizing:border-box;max-width:100%}:is(.content-public:has(.qr-page-shell-qrstudio),.qr-page-shell-qrstudio,.qr-studio-shell,.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card,.qr-studio-card-panel,.qr-studio-card-mockup,.qr-mockup-content-well,.qr-mockup-custom-panel,.qr-content-stage,.qr-content-stage-card,.qr-generator-section,.qr-generator-section-focus,.qr-generator-type-card-grid,.qr-generator-type-card-grid-mockup,.qr-content-mode-grid,.qr-form-grid,.qr-form-grid-nested,.qr-content-panel,.qr-react-preview-panel,.qr-stitch-preview-panel,.qr-stitch-preview-card){width:100%!important;min-width:0!important;max-width:100%!important}.qr-mockup-stepper,.qr-generator-progress,.qr-generator-progress.qr-generator-progress-glass{contain:inline-size;width:100%!important;min-width:0!important;max-width:100%!important}.qr-studio-responsive-preview,.qr-studio-right.qr-studio-responsive-preview{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}}@media (width<=767px){.qr-page-shell-qrstudio{overflow-x:clip}.qr-mockup-stepper,.qr-generator-progress,.qr-generator-progress.qr-generator-progress-glass{overflow:auto hidden!important}.qr-content-stage-actions,.qr-content-stage-actions-basic,.qr-mockup-actions,.qr-mockup-actions-dual{width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important}.qr-content-stage-back,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-mockup-download-button,.qr-generator-flow-next{width:100%!important;min-width:0!important;max-width:100%!important}.qr-studio-shell .qr-generator-flow-actions,.qr-studio-shell .qr-content-stage-actions,.qr-studio-shell .qr-content-stage-actions-basic,.qr-studio-shell-mockup .qr-content-stage-actions,.qr-studio-shell-mockup .qr-content-stage-actions-basic,.qr-studio-shell-mockup .qr-mockup-actions-dual{flex-direction:row!important;justify-content:space-between!important;align-items:stretch!important;gap:.65rem!important;display:flex!important}.qr-studio-shell .qr-generator-flow-back,.qr-studio-shell .qr-generator-flow-next,.qr-studio-shell .qr-content-stage-back,.qr-studio-shell .qr-content-stage-continue,.qr-studio-shell-mockup .qr-content-stage-back,.qr-studio-shell-mockup .qr-content-stage-continue,.qr-studio-shell-mockup .qr-mockup-actions-dual .qr-mockup-continue-button{white-space:nowrap!important;flex:1 1 0!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:none!important;padding-inline:.75rem!important}.qr-studio-shell .qr-studio-right.qr-studio-responsive-preview,.qr-studio-shell-mockup .qr-studio-right.qr-studio-responsive-preview,.qr-studio-shell:focus-within .qr-studio-right.qr-studio-responsive-preview,.qr-studio-shell-mockup:focus-within .qr-studio-right.qr-studio-responsive-preview,.qr-studio-shell .qr-studio-responsive-preview.qr-stitch-preview-panel,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel{top:calc(var(--public-header-height,72px) + max(.5rem, env(safe-area-inset-top)))!important;z-index:80!important;justify-items:center!important;margin-bottom:.75rem!important;display:grid!important;position:sticky!important}.qr-studio-shell .qr-generator-progress,.qr-studio-shell .qr-generator-progress.qr-generator-progress-glass,.qr-studio-shell-mockup .qr-mockup-stepper,.qr-studio-shell-mockup .qr-generator-progress,.qr-studio-shell-mockup .qr-generator-progress.qr-generator-progress-glass{display:none!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-card,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-card,.qr-studio-shell .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card{text-align:center!important;grid-template-columns:2.25rem minmax(9rem,12.5rem) 2.25rem!important;justify-content:center!important;place-items:center!important;gap:.4rem!important;width:min(100%,21rem)!important;margin-inline:auto!important;padding:.68rem!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-card h2,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-card h2,.qr-studio-shell .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card h2,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card h2{text-align:center!important;grid-column:1/-1!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-square,.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-square-compact,.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-square-selected,.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-square-selected-compact,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-square,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-square-compact,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-square-selected,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-square-selected-compact{grid-area:2/2!important;width:min(64vw,12.5rem)!important;min-width:min(9rem,100%)!important;max-width:12.5rem!important;margin:0 auto!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-status-nav,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-status-nav{align-items:unset!important;justify-content:unset!important;pointer-events:auto!important;grid-area:2/1/auto/-1!important;width:auto!important;max-width:none!important;padding:0!important;display:contents!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-nav-copy,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-nav-copy{display:none!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-nav-button,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-nav-button{pointer-events:auto!important;flex:0 0 2.25rem!important;width:2.25rem!important;height:2.25rem!important;display:inline-flex!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-nav-button-back,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-nav-button-back{grid-area:2/1!important}.qr-studio-shell .qr-studio-responsive-preview .qr-stitch-preview-nav-button-next,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-nav-button-next{grid-area:2/3!important}}.app-main:has(.link-studio-page){width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))!important;box-sizing:border-box!important;align-content:start!important;justify-items:center!important;margin-inline:auto!important;display:grid!important}.link-studio-page{box-sizing:border-box!important;justify-items:center!important;width:100%!important;max-width:none!important;display:grid!important}.link-studio-page .link-studio-center{box-sizing:border-box!important;justify-items:center!important;width:100%!important;min-width:0!important;display:grid!important}.link-studio-page .link-studio-mockup-shell.qr-studio-shell,.link-studio-page .link-studio-mockup-shell.qr-studio-shell-mockup{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr)!important;justify-self:center!important;gap:0!important;width:min(100%,58rem)!important;min-width:0!important;max-width:58rem!important;margin-inline:auto!important;display:grid!important}.link-studio-page .link-studio-mockup-left.qr-studio-left{justify-self:center!important;width:100%!important;min-width:0!important;max-width:100%!important}.link-studio-page .qr-mockup-stepper,.link-studio-page .link-studio-mockup-card,.link-studio-page .qr-mockup-content-well,.link-studio-page .qr-mockup-custom-panel{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}@media (width<=1023px){.link-studio-page .link-studio-mockup-shell.qr-studio-shell,.link-studio-page .link-studio-mockup-shell.qr-studio-shell-mockup{width:100%!important;max-width:100%!important}}@media (width<=767px){.app-main:has(.link-studio-page){width:min(calc(100% - 1.25rem), var(--content-max))!important;padding-top:5rem!important;overflow-x:clip!important}.link-studio-page,.link-studio-page .link-studio-center,.link-studio-page .link-studio-mockup-shell,.link-studio-page .link-studio-mockup-left,.link-studio-page .link-studio-mockup-card{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:clip!important}.link-studio-page .qr-mockup-stepper{contain:none!important;justify-content:center!important;gap:.35rem!important;margin-bottom:.7rem!important;display:flex!important;overflow:visible!important}.link-studio-page .qr-mockup-step{gap:.28rem!important}.link-studio-page .qr-mockup-step-index{width:1.55rem!important;height:1.55rem!important;font-size:.72rem!important}.link-studio-page .qr-mockup-step-label{letter-spacing:.01em!important;font-size:.62rem!important}.link-studio-page .qr-mockup-step-line{flex:0 clamp(.7rem,4vw,1.4rem)!important;width:clamp(.7rem,4vw,1.4rem)!important;min-width:0!important}.link-studio-page .link-studio-stage{padding:.85rem!important}.link-studio-page .link-studio-kind-grid,.link-studio-page .link-studio-form-grid{width:100%!important}.link-studio-page .link-studio-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.45rem!important}.link-studio-page .link-studio-form-grid{grid-template-columns:minmax(0,1fr)!important}.link-studio-page .link-studio-kind{border-radius:.8rem!important;gap:.28rem!important;min-height:4.8rem!important;padding:.55rem .35rem!important}.link-studio-page .link-studio-kind svg{width:1.05rem!important;height:1.05rem!important}.link-studio-page .link-studio-kind strong{font-size:.74rem!important;line-height:1.05!important}.link-studio-page .link-studio-kind span{display:none!important}.link-studio-page .link-studio-content-card{padding:1rem!important}.link-studio-page .link-studio-asset-picker,.link-studio-page .link-studio-field,.link-studio-page .link-studio-field input,.link-studio-page .link-studio-field select,.link-studio-page .link-studio-field textarea,.link-studio-page .link-studio-asset-picker select{width:100%!important;min-width:0!important;max-width:100%!important}.link-studio-page .link-studio-upload{width:100%!important}.link-studio-page .qr-content-stage-actions-basic,.link-studio-page .qr-mockup-actions-dual{flex-direction:row!important;gap:.65rem!important;display:flex!important}.link-studio-page .qr-content-stage-back,.link-studio-page .qr-content-stage-continue,.link-studio-page .qr-mockup-actions-dual .btn,.link-studio-page .qr-mockup-actions-dual .qr-mockup-continue-button{white-space:nowrap!important;flex:1 1 0!important;width:auto!important;min-width:0!important}.link-studio-page .qr-mockup-actions:not(.qr-mockup-actions-dual) .qr-mockup-continue-button{width:min(100%,18rem)!important;margin-inline:auto!important}}