.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}.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;transition:opacity .12s cubic-bezier(.22,1,.36,1)}.mouse-global-field.is-engaged{opacity:1}.mouse-sticker-overlay{position:fixed!important;inset:0;z-index:60;pointer-events:none}.mouse-sticker{position:absolute;left:0;top:0;width:126px;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 .5px 1px rgb(0 0 0/20%));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(-3deg);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){position:relative;z-index:1}.mouse-page a{color:inherit;text-decoration:none}.mouse-page button,.mouse-page input{font:inherit}.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:var(--mouse-bg);color:#4a4a46;cursor:pointer;box-shadow:0 1px 3px rgb(0 0 0/8%)}.icon-cta:hover{transform:translateY(-.5px)}.icon-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.mouse-about,.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-how,.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-brand{display:inline-flex;align-items:baseline;height:24px;gap:7px;font-size:14px;font-weight:600;letter-spacing:-.02em;cursor:default;user-select:none}.mouse-brand span{font-weight:700}.mouse-brand i{color:#a4a49e;font-style:normal;font-weight:400}.mouse-nav{color:#44443f}.mouse-header-controls,.mouse-nav{display:flex;align-items:center;gap:10px}.mouse-header-controls{height:30px;padding:0;border:0;border-radius:0;background:transparent}.mouse-header-controls button{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:0 12px;height:26px;background:transparent;color:#777772;font-size:11px;line-height:1;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .12s ease}.mouse-header-controls button:hover{background:#e9e9e6;color:#11110f}.mouse-header-controls button:active{transform:scale(.975)}.mouse-header-controls button.is-selected{background:#11110f;color:#fafafa;box-shadow:0 1px 2px rgb(0 0 0/12%)}.mouse-header-controls .mouse-sound-toggle{gap:8px;height:30px;padding:0 14px;border:1px solid var(--mouse-line);border-radius:999px;background:var(--mouse-bg);box-shadow:0 1px 3px rgb(0 0 0/8%)}.mouse-gate-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#aaa}.mouse-header-controls .mouse-sound-toggle[aria-pressed=true] .mouse-gate-dot{background:#2ca56a;box-shadow:0 0 0 3px rgb(44 165 106/16%)}.sound-gate{display:flex;align-items:center;gap:8px;flex:none;height:30px;padding:0 14px;background:var(--mouse-bg);border:1px solid var(--mouse-line);border-radius:999px;box-shadow:0 1px 3px rgb(0 0 0/8%);color:var(--mouse-muted);white-space:nowrap}.gate-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#aaa}.sound-gate.is-live .gate-dot{background:#2ca56a;box-shadow:0 0 0 3px rgb(44 165 106/16%)}.theme-toggle{width:30px;height:30px;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--mouse-line);border-radius:50%;background:var(--mouse-bg);box-shadow:0 1px 3px rgb(0 0 0/8%);color:var(--mouse-muted);transition:background .14s ease,transform .12s ease}.sound-gate:hover,.theme-toggle:hover{background:color-mix(in srgb,var(--mouse-bg) 88%,#888 12%)}.sound-gate:active,.theme-toggle:active{transform:scale(.975)}.mouse-theme-toggle{width:30px;height:30px;justify-content:center;padding:0!important;border:1px solid var(--mouse-line)!important;border-radius:50%!important;background:var(--mouse-bg)!important;box-shadow:0 1px 3px rgb(0 0 0/8%);font-size:16px!important}.mouse-theme-dark .mouse-header-controls button:hover{background:#292925;color:#f4f4ef}.mouse-nav a{transition:color .14s ease}.mouse-nav a:hover{color:#000}.mouse-status{padding:5px 8px;border:1px solid var(--mouse-line);border-radius:999px;color:var(--mouse-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.mouse-hero{min-height:460px;display:grid;grid-template-columns:1.55fr .8fr;gap:80px;align-items:end;padding:0 0 90px}.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;padding-bottom:0;max-width:430px}.mouse-hero-copy p{margin:0 0 34px;color:#4f4f4a;font-size:17px;line-height:1.55;letter-spacing:-.015em}.mouse-text-link{display:inline-block;padding-bottom:3px;border-bottom:1px solid #aaa;font-size:13px;font-weight:600}.mouse-mobile-cta{display:none}.mouse-hero-copy small{display:block;margin-top:34px;color:#989893;font-size:11px}.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:12px;right:12px;height:30px;padding:0 12px;border:1px solid var(--mouse-line);border-radius:999px;background:color-mix(in srgb,var(--mouse-bg) 90%,transparent);box-shadow:0 1px 3px rgb(0 0 0/8%);color:var(--mouse-muted);font-size:11px;cursor:pointer;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity .14s ease,transform .14s ease,background .14s ease,color .14s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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-field-shell{position:relative;aspect-ratio:4/3;overflow:hidden;border:0;border-radius:12px;background:var(--mouse-stage);isolation:isolate}.mouse-theme-dark{--mouse-bg:oklch(21.5% 0 0);--mouse-stage:oklch(20% 0 0);--mouse-bg:#11110f;--mouse-ink:#f4f4ef;--mouse-muted:#aaa9a2;--mouse-line:rgb(255 255 255/12%)}.mouse-theme-dark .mouse-about>div:last-child>p,.mouse-theme-dark .mouse-hero-copy p,.mouse-theme-dark .mouse-how-copy p,.mouse-theme-dark .mouse-nav{color:#b7b7b0}.mouse-theme-dark .mouse-actions a,.mouse-theme-dark .mouse-controls,.mouse-theme-dark .mouse-copy-actions button{background:#1a1a18;color:#eee}.mouse-field-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.mouse-card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:17px}.mouse-card-title-row h3{display:flex;gap:14px;margin:0;font-size:14px;letter-spacing:-.015em}.mouse-card-title-row h3 span{color:#9b9b96;font-size:10px;font-weight:500;letter-spacing:.04em}.mouse-card-title-row a{color:#555550;font-size:12px;transition:color .14s ease}.mouse-card-title-row a:hover{color:#000}.mouse-preset-card>p{margin:9px 0 0 38px;color:var(--mouse-muted);font-size:12px;line-height:1.5}.mouse-how{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:60px;padding:110px 0 126px;border-top:1px solid var(--mouse-line)}.mouse-eyebrow{margin:0 0 22px;color:#858580;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mouse-about h2,.mouse-how h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:.98;font-weight:560;letter-spacing:-.055em}.mouse-pipeline{margin-top:2px}.mouse-pipeline div{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;min-height:51px;border-bottom:1px solid var(--mouse-line)}.mouse-pipeline span{color:#aaa;font-size:9px}.mouse-pipeline b{font-size:12px;font-weight:550;letter-spacing:.02em;text-transform:uppercase}.mouse-pipeline i{color:#aaa;font-style:normal;font-size:12px}.mouse-how-copy{padding-top:30px}.mouse-how-copy p{margin:0 0 20px;color:#565651;font-size:14px;line-height:1.6}.mouse-about{display:grid;grid-template-columns:1.55fr .85fr;gap:80px;padding:112px 0 120px;border-top:1px solid var(--mouse-line)}.mouse-about h2{max-width:700px}.mouse-about>div:last-child{align-self:end}.mouse-about>div:last-child>p{max-width:410px;margin:0 0 32px;color:#555550;font-size:15px;line-height:1.55}.mouse-actions{display:flex;gap:10px}.mouse-actions a,.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-actions a:hover,.mouse-copy-actions button:hover{background:#f1f1ee}.mouse-footer{display:grid;grid-template-columns:1fr 1fr auto;padding:20px 0 26px;border-top:1px solid var(--mouse-line);color:#81817c;font-size:10px}.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-about,.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-how,.mouse-playground-heading,.mouse-playground-layout{width:min(100% - 48px,720px)}.mouse-nav>a:first-child,.mouse-status{display:none}.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{grid-template-columns:1fr;gap:50px}.mouse-how{grid-template-columns:1fr;gap:48px}.mouse-how-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:0}.mouse-about,.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-mobile-sticker-overlay{display:block;position:fixed;inset:0;z-index:61;pointer-events:none}.mouse-mobile-sticker{pointer-events:auto}.mouse-card-copy-prompt{opacity:1;transform:translateY(0);pointer-events:auto}}@media (max-width:600px){.mouse-about,.mouse-footer,.mouse-gallery,.mouse-header,.mouse-hero,.mouse-how,.mouse-playground-heading,.mouse-playground-layout{width:calc(100% - 32px)}.mouse-nav{gap:14px}.mouse-nav a:not(:last-of-type){display:none}.mouse-hero{padding:72px 0 92px}.mouse-hero h1{font-size:48px}.mouse-gallery{padding-bottom:100px}.mouse-preset-card>p{margin-left:0}.mouse-card-title-row{align-items:center}.mouse-how-copy{grid-template-columns:1fr}.mouse-about{padding:82px 0}.mouse-footer{grid-template-columns:1fr auto}.mouse-desktop-cta,.mouse-footer span:nth-child(2){display:none}.mouse-mobile-cta{display:inline}.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}}