.logo-lab{min-width:320px;min-height:100svh;color:var(--logo-foreground);background:var(--logo-background);font-family:var(--font-Roboto), ui-sans-serif, system-ui, sans-serif;overflow:hidden}.logo-stage{place-items:center;padding:clamp(1.5rem,5vw,5rem);display:grid;position:fixed;inset:0}.logo-wordmark{color:var(--logo-foreground);font-family:var(--font-BarlowCondensedLab), "Arial Narrow", sans-serif;font-size:clamp(4rem, var(--logo-size), 14rem);letter-spacing:-.025em;text-rendering:optimizelegibility;white-space:nowrap;align-items:baseline;line-height:1;display:inline-flex}.logo-name{font-style:var(--name-style);font-weight:var(--name-weight);letter-spacing:var(--name-tracking);transform:rotate(var(--logo-rotation)) skewX(var(--logo-skew)) scaleX(var(--logo-scale-x)) scaleY(var(--logo-scale-y));transform-origin:0;display:inline-block}.logo-separator{width:var(--separator-size);height:var(--separator-size);margin-inline:var(--separator-gap);background:var(--logo-accent);transform:translateY(var(--separator-shift));align-self:center}.logo-suffix{font-size:calc(var(--suffix-scale) * 1em);font-weight:var(--suffix-weight);letter-spacing:var(--suffix-tracking)}.logo-lab__label{color:#ffffff73;letter-spacing:.18em;text-transform:uppercase;font-size:.6875rem;font-weight:600;position:fixed;top:1.5rem;left:1.5rem}.logo-panel{z-index:10;color:#1d184f;backdrop-filter:blur(18px);background:#faf9f7f5;border:1px solid #ffffffb3;width:min(72rem,100% - 3rem);margin-inline:auto;padding:1.25rem;position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;box-shadow:0 1.5rem 5rem #07051e4d}.logo-panel__header,.logo-panel__actions,.logo-control__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo-panel__header{margin-bottom:1rem}.logo-panel__header h1{color:#1d184f;letter-spacing:-.02em;margin:.1rem 0 0;font-size:1rem;font-family:var(--font-Roboto), ui-sans-serif, system-ui, sans-serif!important;font-weight:600!important}.logo-panel__eyebrow{color:#fe1c55;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:700}.logo-panel__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1.25rem;display:grid}.logo-control{color:#4f4b6b;gap:.35rem;min-width:0;font-size:.6875rem;font-weight:600;display:grid}.logo-control output{color:#77738f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.625rem;font-weight:500}.logo-control input[type=range]{accent-color:#fe1c55;width:100%}.logo-control select{color:#1d184f;width:100%;height:2rem;font:inherit;background:#fff;border:1px solid #dddbe5;border-radius:0;padding-inline:.5rem}.logo-control--color input[type=color]{cursor:pointer;background:0 0;border:1px solid #dddbe5;width:100%;height:1.5rem;padding:0}.logo-control--toggle input{appearance:none;cursor:pointer;background:#d7d5df;border:1px solid #c7c4d1;border-radius:999px;width:3rem;height:1.5rem;margin:0;transition:background-color .16s,border-color .16s;position:relative}.logo-control--toggle input:after{content:"";background:#fff;border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #1d184f33}.logo-control--toggle input:checked{background:#fe1c55;border-color:#fe1c55}.logo-control--toggle input:checked:after{transform:translate(1.45rem)}.logo-control--toggle input:focus-visible{outline-offset:2px;outline:2px solid #1d184f}.logo-panel__actions{border-top:1px solid #e5e3eb;justify-content:flex-end;margin-top:1.15rem;padding-top:1rem}.logo-button,.logo-panel-toggle{min-height:2.25rem;font:600 .6875rem/1 var(--font-Roboto), ui-sans-serif, system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;padding:.55rem .85rem}.logo-button--quiet{color:#5a5672;background:0 0;border-color:#d7d5df}.logo-button--primary{color:#fff;background:#fe1c55}.logo-panel-toggle{z-index:10;color:#1d184f;background:#fff;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 1rem 3rem #07051e40}@media (width<=800px){.logo-panel{max-height:min(60svh,35rem);overflow-y:auto}.logo-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.logo-panel{width:calc(100% - 1.5rem);padding:1rem;bottom:.75rem;left:.75rem;right:.75rem}.logo-panel__grid{grid-template-columns:1fr}.logo-lab__label{top:1rem;left:1rem}}