.mouse-page{--mouse-bg:oklch(98.78% 0 0);--mouse-stage:oklch(97.02% 0 0);--mouse-ink:#11110f;--mouse-muted:#72726d;--mouse-line:rgb(17 17 15/9%);min-height:100vh;background:var(--mouse-bg);color:var(--mouse-ink);font-family:var(--font-inter),Arial,sans-serif;position:relative}.mouse-page *,.mouse-page :after,.mouse-page :before{box-sizing:border-box}.mouse-global-field{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;pointer-events:none;opacity:0;will-change:opacity;transition:opacity .22s cubic-bezier(.22,1,.36,1)}.mouse-global-field.is-engaged{opacity:1}.mouse-sticker-overlay{position:absolute!important;inset:0;z-index:60;pointer-events:none}.mouse-sticker{position:absolute;left:50%;top:0;width:116px;pointer-events:auto;user-select:none;touch-action:none;transform:translate(var(--sticker-x),var(--sticker-y)) rotate(var(--sticker-rotation));filter:drop-shadow(0 0 2px #fff) drop-shadow(0 2px 0 rgb(0 0 0/18%));cursor:grab}.mouse-sticker img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.mouse-mobile-sticker-overlay{display:none}.mouse-mobile-sticker{position:absolute;left:0;top:0;width:148px;transform:translate(var(--sticker-x),var(--sticker-y)) rotate(var(--sticker-rotation));user-select:none;touch-action:none;cursor:grab}.mouse-mobile-sticker img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.mouse-mobile-sticker:active,.mouse-sticker.is-dragging{cursor:grabbing}.mouse-page>:not(.mouse-global-field):not(.mouse-sticker-overlay):not(.mouse-mobile-sticker-overlay){position:relative;z-index:1}.mouse-page a{color:inherit;text-decoration:none}.mouse-page button,.mouse-page input{font:inherit}.mouse-page :focus-visible{outline:2px solid currentColor;outline-offset:3px}.lab-header-actions{display:flex;align-items:center;gap:8px}.icon-cta{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mouse-line);border-radius:50%;background:#fff;color:#4a4a46;cursor:pointer;box-shadow:0 1px 1px rgb(0 0 0/6%);transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s ease,background .14s ease}.icon-cta:hover{transform:translateY(-.5px);box-shadow:0 2px 4px rgb(0 0 0/8%)}.icon-cta:active{transform:scale(.96);box-shadow:none}.icon-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.icon-cta .mouse-theme-half-icon{fill:currentColor;stroke:none}.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-playground-heading,.mouse-playground-layout{width:min(1440px,calc(100% - 64px));margin-inline:auto}.mouse-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 0;background:color-mix(in srgb,var(--mouse-bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px}.mouse-hero{min-height:348px;display:grid;grid-template-columns:1.55fr .8fr;gap:80px;align-items:end;padding:0 0 58px}.mouse-hero h1{margin:0;max-width:850px;font-size:clamp(62px,6vw,86px);line-height:.94;letter-spacing:-.07em;font-weight:580}.mouse-hero h1 span{display:inline-block}.mouse-hero-copy{align-self:end;display:flex;flex-direction:column;justify-content:flex-end;height:max-content;padding-bottom:0;max-width:430px}.mouse-hero-copy p{margin:0;color:#4f4f4a;font-size:20px;line-height:1.45;letter-spacing:-.015em}.mouse-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:168px;scroll-margin-top:32px}.mouse-preset-card{position:relative;min-width:0;background:transparent}.mouse-card-copy-prompt{position:absolute;z-index:3;top:16px;right:16px;display:inline-flex;width:120px;min-width:0;height:30px;align-items:center;justify-content:center;overflow:hidden;padding:0 12px;border:1px solid var(--mouse-line);border-radius:999px;background:var(--mouse-bg);box-shadow:0 1px 1px rgb(0 0 0/6%);color:var(--mouse-muted);font-size:13px;white-space:nowrap;cursor:pointer;opacity:0;transform:translateY(-3px);pointer-events:none;transition:width .26s cubic-bezier(.16,1,.3,1),opacity .14s ease,transform .14s ease,background .14s ease,color .14s ease,box-shadow .18s ease}.mouse-copy-prompt-icon{display:none;width:16px;height:16px;stroke-width:1.8}.mouse-preset-card:focus-within .mouse-card-copy-prompt,.mouse-preset-card:hover .mouse-card-copy-prompt{opacity:1;transform:translateY(0);pointer-events:auto}.mouse-card-copy-prompt:hover{background:var(--mouse-bg);color:var(--mouse-ink)}.mouse-card-copy-prompt.is-copied{width:80px;min-width:0;padding-inline:12px;box-shadow:none;animation:mouse-copy-label .26s cubic-bezier(.22,1,.36,1)}@keyframes mouse-copy-label{0%{filter:blur(0)}42%{filter:blur(2px);opacity:.55}to{filter:blur(0);opacity:1}}.mouse-field-shell{position:relative;aspect-ratio:4/3;overflow:hidden;border:0;border-radius:12px;background:var(--mouse-stage);isolation:isolate}.mouse-mobile-control{display:none}.mouse-theme-dark{--mouse-bg:#11110f;--mouse-stage:oklch(20% 0 0);--mouse-ink:#f4f4ef;--mouse-muted:#aaa9a2;--mouse-line:rgb(255 255 255/12%)}.mouse-theme-dark .mouse-hero-copy p{color:#b7b7b0}.mouse-theme-dark .icon-cta,.mouse-theme-dark .mouse-controls,.mouse-theme-dark .mouse-copy-actions button,.mouse-theme-dark .mouse-mobile-control{background:#1a1a18;color:#eee}.mouse-field-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.mouse-eyebrow{margin:0 0 22px;color:#858580;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mouse-copy-actions button{padding:10px 13px;border:1px solid var(--mouse-line);border-radius:8px;background:#fff;font-size:11px;transition:background .14s ease}.mouse-copy-actions button:hover{background:#f1f1ee}.mouse-footer{display:flex;justify-content:center;padding:20px 0 26px;border-top:0;color:#686863;font-size:13px;text-align:center}.mouse-footer a{color:var(--mouse-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.mouse-footer-chip{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--mouse-line);border-radius:999px;text-decoration:none!important}.mouse-playground-page{min-height:100vh}.mouse-playground-heading{display:flex;justify-content:space-between;align-items:end;padding:58px 0 34px}.mouse-playground-heading h1{margin:0;font-size:42px;line-height:1;letter-spacing:-.055em;font-weight:570}.mouse-playground-heading>p{max-width:360px;margin:0;color:var(--mouse-muted);font-size:13px;line-height:1.55}.mouse-playground-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(270px,1fr);gap:18px;padding-bottom:48px}.mouse-playground-canvas{position:relative;min-width:0}.mouse-playground-canvas .mouse-field-shell{min-height:calc(100vh - 205px);aspect-ratio:auto}.mouse-playground-canvas>span{position:absolute;z-index:2;bottom:15px;left:16px;padding:6px 8px;border:1px solid rgb(255 255 255/10%);border-radius:999px;background:rgb(0 0 0/34%);color:rgb(255 255 255/58%);font-size:9px;pointer-events:none;backdrop-filter:blur(6px)}.mouse-controls{align-self:start;border:1px solid var(--mouse-line);border-radius:12px;background:#fff}.mouse-controls section{padding:15px;border-bottom:1px solid var(--mouse-line)}.mouse-controls section>label,.mouse-sound-row>label{display:block;margin-bottom:10px;color:#777772;font-size:9px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.mouse-segments{display:flex;flex-wrap:wrap;gap:5px}.mouse-segments button{padding:6px 8px;border:1px solid transparent;border-radius:6px;background:#f5f5f2;color:#686863;font-size:10px;cursor:pointer}.mouse-segments button.is-selected{border-color:rgb(0 0 0/10%);background:#e9e9e5;color:#111}.mouse-palette-list{display:flex;gap:8px}.mouse-palette-list button{position:relative;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgb(0 0 0/11%);cursor:pointer}.mouse-palette-list button.is-selected:after{content:"";position:absolute;inset:-5px;border:1px solid #222;border-radius:50%}.mouse-palette-list [data-palette=mono]{background:linear-gradient(135deg,#555,#fff)}.mouse-palette-list [data-palette=laser]{background:linear-gradient(135deg,#234cff,#6fffff)}.mouse-palette-list [data-palette=phosphor]{background:linear-gradient(135deg,#6d22a8,#ff6cce)}.mouse-palette-list [data-palette=acid]{background:linear-gradient(135deg,#19924b,#d4ff3e)}.mouse-palette-list [data-palette=molten]{background:linear-gradient(135deg,#b51b0b,#ffd045)}.mouse-palette-list [data-palette=chromatic]{background:conic-gradient(#247bff,#9845ff,#ff47a1,#fff193,#247bff)}.mouse-levers{display:grid;gap:12px}.mouse-levers label>span{display:flex;justify-content:space-between;margin-bottom:6px;color:#565651;font-size:10px}.mouse-levers label b{color:#aaa;font-variant-numeric:tabular-nums;font-weight:500}.mouse-levers input{width:100%;height:2px;accent-color:#111;cursor:ew-resize}.mouse-sound-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mouse-sound-row>label{margin:0}.mouse-switch{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#777;font-size:10px;cursor:pointer}.mouse-switch i{position:relative;width:24px;height:14px;border-radius:999px;background:#ddd}.mouse-switch i:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .14s ease}.mouse-switch.is-on i{background:#111}.mouse-switch.is-on i:after{transform:translateX(10px)}.mouse-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:15px}.mouse-copy-actions button{cursor:pointer}.mouse-copy-actions button:first-child{background:#111;color:#fff}.mouse-copy-actions span{grid-column:1/-1;color:#a53b32;font-size:10px}.mouse-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:900px){.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-playground-heading,.mouse-playground-layout{width:min(100% - 48px,720px)}.mouse-hero{min-height:auto;grid-template-columns:1fr;gap:56px;padding:90px 0 110px}.mouse-hero h1{font-size:clamp(51px,11vw,72px)}.mouse-hero-copy{align-self:auto}.mouse-gallery{gap:50px}.mouse-gallery,.mouse-playground-layout{grid-template-columns:1fr}.mouse-playground-canvas .mouse-field-shell{min-height:0;aspect-ratio:4/3}.mouse-controls{display:grid;grid-template-columns:1fr 1fr}.mouse-controls section:nth-last-child(2),.mouse-copy-actions{grid-column:1/-1}}@media (pointer:coarse){.mouse-sticker-overlay{display:none}.mouse-preset-card{animation:mouse-gallery-wave 8.4s ease-in-out infinite;will-change:transform}.mouse-mobile-sticker-overlay{display:block;position:absolute;inset:0;z-index:10001;pointer-events:none}.mouse-mobile-sticker{left:50%;top:0;width:56vw;max-width:none;pointer-events:auto;transform:translate(calc(-50% + var(--sticker-x)),calc(288px + var(--sticker-y))) rotate(var(--sticker-rotation))}.mouse-card-copy-prompt{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;opacity:1;transform:translateY(0);pointer-events:auto;top:12px;right:12px}.mouse-card-copy-prompt.is-copied{width:36px}.mouse-copy-prompt-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mouse-copy-prompt-icon{display:block}.mouse-field-canvas{touch-action:pan-y}.mouse-field-shell.is-mobile-interactive .mouse-field-canvas{touch-action:none}.mouse-mobile-control{position:absolute;z-index:4;bottom:16px;left:50%;display:inline-flex;min-width:0;height:36px;min-height:36px;align-items:center;justify-content:center;padding:0 12px;transform:translateX(-50%);border:1px solid var(--mouse-line);border-radius:999px;background:#fff;box-shadow:0 1px 1px rgb(0 0 0/6%);color:var(--mouse-muted);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1),background .14s ease,color .14s ease,box-shadow .18s ease}.mouse-mobile-control:hover{color:var(--mouse-ink)}.mouse-mobile-control:active{transform:translateX(-50%) scale(.96);box-shadow:none}.mouse-mobile-done{min-width:76px;bottom:14px}}@media (max-width:600px){.mouse-sticker-overlay{display:none}.mouse-preset-card{animation:mouse-gallery-wave 8.4s ease-in-out infinite;will-change:transform}.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-playground-heading,.mouse-playground-layout{width:calc(100% - 32px)}.mouse-hero{gap:12px;padding:64px 0 148px}.mouse-hero h1{font-size:48px;text-align:center}.mouse-hero-copy{margin-inline:auto;text-align:center}.mouse-hero-copy p{font-size:17px}.mouse-gallery{gap:20px;padding-bottom:100px}.mouse-playground-heading{display:block;padding-top:38px}.mouse-playground-heading>p{margin-top:20px}.mouse-controls{display:block}.mouse-copy-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mouse-page *,.mouse-page :after,.mouse-page :before{scroll-behavior:auto!important;transition-duration:.01ms!important}.mouse-preset-card{animation:none!important}}@keyframes mouse-gallery-wave{0%,to{transform:translateZ(0) rotate(0deg)}18%{transform:translate3d(var(--mouse-wave-x,1px),var(--mouse-wave-y,3px),0) rotate(var(--mouse-wave-rotation,.12deg))}48%{transform:translate3d(calc(var(--mouse-wave-x, 1px) * -.45),calc(var(--mouse-wave-y, 3px) * -.7),0) rotate(calc(var(--mouse-wave-rotation, .12deg) * -.55))}72%{transform:translate3d(calc(var(--mouse-wave-x, 1px) * .3),calc(var(--mouse-wave-y, 3px) * .35),0) rotate(calc(var(--mouse-wave-rotation, .12deg) * .35))}}