@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";: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);--tone-brand-light:#1967c3;--tone-sky:#0ea5e9;--tone-sky-soft:#38bdf8;--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:#be185d;--tone-rose-soft:#fb7185;--hoppla-bg:#fff;--hoppla-text:#020617;--hoppla-text-soft:#020617b8;--hoppla-accent:#0ea5e9;--hoppla-surface:#ffffffc7;--hoppla-surface-strong:#fffffff0;--hoppla-border:#0206171f;--hoppla-surface-lowest:#fff;--hoppla-surface-low:#f6f3f2;--hoppla-surface-container:#f0eded;--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:#020617;--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:#f8fbff;--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:#be185d1f;--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:#020617;--hoppla-text-soft:#020617b8;--hoppla-accent:#0ea5e9;--hoppla-surface:#ffffffc7;--hoppla-surface-strong:#fffffff0;--hoppla-border:#0206171f;--hoppla-surface-lowest:#fff;--hoppla-surface-low:#f6f3f2;--hoppla-surface-container:#f0eded;--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:#020617;--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{min-height:100%}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-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-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}.auth-screen-register{grid-template-columns:1fr;width:100%}.auth-screen-register .auth-screen-visual{display:none}.auth-screen-register .auth-screen-panel{width:100%;padding-inline:clamp(1.5rem,3vw,2.5rem);display:block}.auth-panel-register{width:100%;max-width:none;margin:0}.auth-register-shell{gap:1.4rem;width:100%;display:grid}.auth-register-primary,.auth-register-secondary{min-width:0}.auth-register-remember{justify-content:center;display:flex}.auth-register-divider{justify-content:center;align-items:center;min-width:0;min-height:2.5rem;display:none;position:relative}.auth-register-divider:before{content:"";border-top:1px solid #c4c6d0a6;position:absolute;top:50%;left:0;right:0}.auth-register-divider span{z-index:1;color:#6b7280;letter-spacing:.03em;background:#fff;padding:0 1rem;font-size:.85rem;font-weight:600;position:relative}.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}.auth-register-secondary .auth-google-wrap{gap:.8rem}.auth-register-secondary .auth-google-head{justify-content:flex-start}.auth-register-secondary .auth-google-slot,.auth-register-secondary .auth-google-fallback{width:100%}.auth-register-secondary .auth-google-fallback{background:linear-gradient(#fff,#f7fbff);border-radius:.8rem;min-height:3.2rem;box-shadow:0 10px 18px #0f172a0a}@media (width>=1024px){.auth-screen-visual{display:flex}.auth-screen{grid-template-columns:minmax(0,60%) minmax(0,40%)}.auth-screen.auth-screen-register{grid-template-columns:minmax(0,1fr)}.auth-screen-panel{padding-inline:clamp(2rem,4vw,4rem)}.auth-panel{margin-inline:auto}.auth-register-shell{grid-template-columns:minmax(0,1fr) 5.5rem minmax(0,.95fr);align-items:stretch;column-gap:1.5rem}.auth-register-divider{grid-area:1/2;min-height:100%;display:flex}.auth-register-divider:before{border-top:0;border-left:1px solid #c4c6d0a6;inset:0 auto 0 50%}.auth-register-divider span{text-align:center;padding:.55rem .75rem;line-height:1.35}.auth-register-primary{grid-area:1/1}.auth-register-secondary{grid-area:1/3}.auth-screen-register .auth-screen-panel{padding-inline:clamp(2rem,3vw,3rem);display:block}}@media (width<=1023px){.auth-modal-shell{padding:.5rem}.auth-modal-frame{border-radius:1.1rem;width:100%;height:auto;max-height:100vh}.auth-screen{grid-template-columns:1fr;height:auto;min-height:auto;max-height:100vh}.auth-screen-panel{background:linear-gradient(#f8f9ff 0%,#fff 24%);height:auto;min-height:auto;padding:4.5rem 1rem 1.25rem}.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)}.auth-panel-register{width:min(100%,32rem)}}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-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}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a6b;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #c3c6d766;border-radius:1.25rem;width:min(100%,32rem);max-height:min(90vh,48rem);padding:1.2rem;overflow:auto;box-shadow:0 24px 80px #0f172a2e}.modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h3{color:#0b1c30;margin:0;font-size:1.1rem}.shell,.app-shell{min-height:100vh}.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-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}.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{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-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)), #38bdf8);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-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}@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:33rem}.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{color:var(--tone-indigo);font-family:var(--hoppla-font-title);letter-spacing:.02em;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .18s}.public-footer-contact-card a:hover{color:var(--tone-brand-light);text-decoration:underline}.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:linear-gradient(180deg, var(--hoppla-surface-elevated), color-mix(in srgb, var(--tone-sky) 8%, var(--hoppla-surface-elevated)));color:var(--tone-brand-light);box-shadow:var(--hoppla-card-shadow);border-color:#1967c329}.btn-primary:hover{background:linear-gradient(180deg, var(--hoppla-surface-lowest), color-mix(in srgb, var(--tone-sky) 10%, var(--hoppla-surface-lowest)));filter:brightness(1.02)}.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{background:linear-gradient(180deg, #0f172ae0, color-mix(in srgb, var(--tone-sky) 18%, #0f172aeb));color:var(--tone-sky-soft);border-color:#38bdf833}: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] .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] .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] .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}.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{display:block}.admin-action-card{min-height:100%;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}.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-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{gap:2rem;display:grid}.information-page-head{border-radius:var(--hoppla-card-radius-lg);background:var(--hoppla-surface-strong);border:1px solid var(--hoppla-border);box-shadow:var(--hoppla-card-shadow);gap:.9rem;padding:2rem;display:grid}.information-page-kicker{color:var(--tone-brand-light);font-family:var(--hoppla-font-title);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:900}.information-page-head h1{color:var(--tone-brand-light);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.08}.information-page-head p{max-width:54rem;color:var(--hoppla-text-soft);margin:0;line-height:1.75}.information-layout{grid-template-columns:minmax(15rem,18rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.information-sidebar{position:sticky;top:7rem}.information-sidebar-card{background:var(--hoppla-surface-strong);border:1px solid var(--hoppla-border);box-shadow:var(--hoppla-card-shadow);border-radius:1.25rem;gap:.9rem;padding:1.3rem;display:grid}.information-sidebar-card strong{font-family:var(--hoppla-font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--hoppla-text);font-size:.8rem;font-weight:900}.information-sidebar-card nav{gap:.6rem;display:grid}.information-sidebar-card a{color:var(--hoppla-text-soft);font-size:.95rem;line-height:1.45;text-decoration:none}.information-sidebar-card a:hover{color:var(--tone-brand-light)}.information-article{gap:1rem;display:grid}.information-section{border:1px solid var(--hoppla-border);box-shadow:var(--hoppla-card-shadow);background:#fff;border-radius:1.35rem;gap:1rem;padding:1.65rem 1.75rem;display:grid}.information-section h2{color:var(--tone-brand-light);font-family:var(--hoppla-font-title);margin:0;font-size:clamp(1.2rem,1.4vw,1.45rem);line-height:1.2}.information-section p,.information-section li{color:var(--hoppla-text);margin:0;line-height:1.75}.information-section ul{gap:.65rem;margin:0;padding-left:1.2rem;display:grid}:root[data-theme=dark] .information-page-head,:root[data-theme=dark] .information-sidebar-card,:root[data-theme=dark] .information-section{background:var(--hoppla-surface);border-color:var(--hoppla-border)}:root[data-theme=dark] .information-page-head p,:root[data-theme=dark] .information-sidebar-card a{color:var(--hoppla-text-soft)}:root[data-theme=dark] .information-page-head h1,:root[data-theme=dark] .information-sidebar-card strong,:root[data-theme=dark] .information-section h2,:root[data-theme=dark] .information-section p,:root[data-theme=dark] .information-section li{color:var(--hoppla-text)}.inline-notice,.form-success,.form-error{border-radius:16px;padding:12px 14px}.inline-notice{background:#1218260f}.form-success{color:var(--success);background:#0d9a6b1f}.form-error{color:#b42318;background:#b423181f}.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,.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}.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}.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-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}.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-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] .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] .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}.dashboard-search-inline{min-width:18rem}.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}.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-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-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:3rem;height:3rem;padding:.22rem;display:grid}.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-row-subtitle{text-overflow:ellipsis;white-space:nowrap;color:#737686;max-width:15rem;font-size:.88rem;overflow:hidden}.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:#be185d}.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}.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}.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-three,.dashboard-editor-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-three,.dashboard-editor-grid{grid-template-columns:1fr}.app-page-header{flex-direction:column;align-items:start}}.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{grid-template-columns:1fr}.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}}@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{background:var(--dashboard-primary);width:100%;color:var(--dashboard-on-primary);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.84rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 34px #1967c333}.dashboard-qr-primary-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #004ac62e}.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(--dashboard-outline-variant);color:var(--dashboard-on-surface);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffffe0;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 14px 28px #1722350f}.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-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-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{background:linear-gradient(90deg, var(--dashboard-primary) 0%, var(--dashboard-secondary) 100%);color:var(--dashboard-on-primary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:.88rem;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 18px 34px #1967c32e}.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;display:inline-flex}.dashboard-qr-list-copy{min-width:0}.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-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-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-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(--dashboard-outline-variant);color:var(--dashboard-on-surface);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem .85rem;font-size:.72rem;font-weight:800;transition:background-color .18s,opacity .18s;display:inline-flex}.dashboard-qr-actions button:hover:enabled{background:var(--dashboard-surface-container)}.dashboard-qr-actions button:disabled{opacity:.45;cursor:not-allowed}.dashboard-qr-pause-action{background:linear-gradient(135deg, var(--dashboard-red-soft) 0%, var(--dashboard-red-soft-strong) 100%)!important;color:#93000a!important;border-color:#0000!important;padding:.5rem!important}@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-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}}@media (width<=767px){.dashboard-qr-metrics-grid{grid-template-columns:1fr}.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-actions{width:100%}.dashboard-qr-actions button{flex:calc(50% - .25rem)}.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-leadHintBtn{appearance:none;font:inherit;color:inherit;cursor:help;text-underline-offset:.18em;background:0 0;border:0;outline:none;margin:0;padding:0;-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:linear-gradient(90deg,#1967c3,#0ea5e9);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;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 14px 28px #1967c338}.plans-decisionAction:hover{filter:brightness(1.03);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-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}@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}: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}.pricing-plans-gridMain{grid-template-columns:1fr;grid-auto-rows:max-content;align-items:start;gap:14px;min-width:0;display:grid}.pricing-plans-card{border:1px solid var(--pricing-plan-accent,#1967c333);background:0 0;border-radius:18px;align-self:start;transition:transform .18s,box-shadow .18s,filter .18s;display:block;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:#0ea5e9}.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}.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:.04em;color:#ffffffe0;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;gap:10px;padding:12px;display:grid}: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;display:grid}.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;background:linear-gradient(135deg,#1d9ae6 0%,#4a7df6 100%);border:1px solid #38bdf857;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,box-shadow .14s,background .14s,border-color .14s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 22px #1967c324,0 0 14px #1967c31a}.pricing-plans-primaryBtn:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 26px #1967c329,0 0 18px #1967c31f}.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-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));padding-bottom:var(--hoppla-footer-safe);background:0 0}.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{min-height:3rem;color:var(--tone-emerald);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;background:#10b9811a;border:1px solid #10b9813d;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.1rem;font-size:.8rem;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 10px 24px #10b98114}.public-early-access-header-button:hover{border-color:#10b98157;transform:translateY(-1px);box-shadow:0 16px 28px #10b98124}.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-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{padding-top:14px}.public-nav{left:var(--hoppla-shell-pad-x);right:var(--hoppla-shell-pad-x);border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);-webkit-backdrop-filter:blur(14px);border-radius:1.2rem;box-shadow:0 18px 40px #0f172a1f}}:root{--tone-brand-light:#1967c3;--tone-emerald:#10b981;--tone-indigo:#6366f1;--tone-rose-dark:#be185d;--tone-danger:#be185d;--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:sticky;top:5.8rem}.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:.92rem;gap:.28rem;padding:.72rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.qr-generator-mode-card:hover{border-color:#1967c338;transform:translateY(-1px)}.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 span,.qr-generator-mode-inline-note span{color:#64748b;font-size:.72rem;line-height:1.35}.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;box-shadow:inset 0 1px #ffffffe6}.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-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:#be185d}.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;letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;width:100%;min-width:0;font-family:Public Sans,Inter,sans-serif;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;margin:0;font-family:Inter,sans-serif;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-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;margin:0 0 .75rem;font-family:Inter,sans-serif;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{letter-spacing:.03em;text-transform:uppercase;color:#434653;text-align:center;font-family:Public Sans,Inter,sans-serif;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;letter-spacing:.04em;text-align:center;text-transform:uppercase;font-family:Public Sans,Inter,sans-serif;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;margin:0 0 .75rem;font-family:Inter,sans-serif;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{background:0 0;border:1px solid #d1dbe7cc;border-radius:.7rem;place-items:center;width:2rem;height:2rem;display:grid}.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:#f7fbff;border-radius:1.25rem;place-items:center;min-width:0;min-height:32rem;padding:1rem;display:grid}.qr-preview-stage-compact{min-height:16rem;margin-top:.35rem;padding:.7rem}.qr-preview-frame{justify-items:center;gap:.9rem;width:100%;min-width:0;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:crispedges;max-width:none;image-rendering:pixelated;image-rendering:crisp-edges;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<=1280px){.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}}@media (width<=980px){.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{letter-spacing:-.03em;color:#1a1b1e;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;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;margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;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{color:#1a1b1e;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.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;background:linear-gradient(90deg,#ff6b35,#7658f8);border-color:#0000;box-shadow:0 8px 20px #ff6b354d}.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,1.06fr) minmax(300px,.72fr);gap:1rem;padding:.8rem}.qr-studio-card-panel{padding:.95rem}.qr-studio-right{top:calc(var(--public-header-height) + 1rem)}.qr-generator-hero{align-items:end;gap:1rem;padding:.1rem 0 .35rem}.qr-generator-hero h2{max-width:14ch;margin-top:.4rem;font-size:clamp(1.35rem,2vw,1.85rem)}.qr-generator-hero p{max-width:22rem;font-size:.88rem}.qr-generator-section{background:#fbfdff;border-color:#1967c314;border-radius:1.05rem;gap:.8rem;padding:.85rem}.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-badge{min-height:1.4rem;color:var(--tone-brand-light);letter-spacing:.05em;text-transform:uppercase;background:#1967c314;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;padding:0 .5rem;font-size:.66rem;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:stretch;min-width:0;height:100%;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:100%;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{background:#f8fafc;border:1px solid #e2e8f0e6;border-radius:1.5rem;flex:auto;justify-content:center;align-items:center;width:100%;min-height:420px;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;height:100%!important;min-height: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;padding:0!important}.qr-react-preview-square .qr-preview-frame{justify-content:center!important;align-items:center!important;display:flex!important}.qr-react-preview-square .qr-preview-canvas{border-radius:0!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!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{width:100%!important;height:100%!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;letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#ffffffc7;border-radius:999px;max-width:74%;padding:.18rem .48rem;font-family:Inter,sans-serif;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;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;display:flex}.qr-mockup-step-index{color:#be185d;background:#be185d1f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.qr-mockup-step-label{color:#be185d;font-family:Plus Jakarta Sans,Inter,sans-serif;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{color:#1a1b1e;font-family:Plus Jakarta Sans,Inter,sans-serif;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{color:#1a1b1e;font-family:Plus Jakarta Sans,Inter,sans-serif;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{color:#fff;background:linear-gradient(90deg,#2563eb,#006c49);border:0;border-radius:999px;align-items:center;gap:8px;min-height:56px;padding:0 32px;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:18px;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #ff6b354d}.qr-mockup-continue-button{color:#1967c3;background:#fff;border:1px solid #1967c3;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 32px;font-family:Plus Jakarta Sans,Inter,sans-serif;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;margin-bottom:1rem;font-family:Inter,sans-serif;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{letter-spacing:.14em;text-transform:uppercase;color:#606569;font-family:Public Sans,Inter,sans-serif;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:scale(1.34);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), #38bdf8);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;background:linear-gradient(90deg,#10b981,#34d399);border:1px solid #10b98147;box-shadow:0 18px 44px #10b98138}.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;background:linear-gradient(90deg,#6366f1,#818cf8);border-color:#0000;transform:translateY(-1px);box-shadow:0 18px 44px #6366f138}: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:hidden}.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{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-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-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;background:linear-gradient(90deg,#6366f1,#818cf8)!important;border-color:#0000!important;box-shadow:0 18px 44px #6366f138!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}.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 h3{color:#0f172af5!important;letter-spacing:-.04em!important;margin:0 0 4px!important;font-size:clamp(1.8rem,1.45rem + .5vw,2.3rem)!important;font-weight:950!important;line-height:.96!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-grid{gap:14px!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}.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;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: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-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{color:#1a1b1e!important;font-family:Plus Jakarta Sans,Inter,sans-serif!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}}