.mascot-lab{width:calc(100% - 32px);min-width:0;max-width:1500px;color:var(--text);margin:0 auto;padding:44px 0 96px}.mascot-lab button,.mascot-lab select,.mascot-lab input{font:inherit}.mascot-lab__hero{border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 85% 18%, rgba(var(--accent-rgb), .2), transparent 24%), linear-gradient(135deg, var(--panel-strong), var(--panel));box-shadow:var(--shadow);justify-content:space-between;align-items:flex-end;gap:32px;padding:clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.mascot-lab__hero:after{border:1px solid var(--line-strong);content:"";opacity:.28;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-104px;right:-64px}.mascot-lab__eyebrow{color:var(--accent);letter-spacing:.18em;margin-bottom:14px;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:800;display:block}.mascot-lab__hero h1{letter-spacing:-.055em;max-width:860px;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.93}.mascot-lab__hero p{max-width:720px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.mascot-lab__count{z-index:1;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:rgba(var(--accent-rgb), .08);text-align:end;flex:none;min-width:180px;padding:20px;display:grid;position:relative}.mascot-lab__count strong{color:var(--accent-text);font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,4vw,2.8rem)}.mascot-lab__count span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.mascot-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.mascot-section-heading h2,.mascot-section-heading h3{margin:0;font-family:Orbitron,sans-serif}.mascot-section-heading h2{font-size:clamp(1.2rem,2vw,1.6rem)}.mascot-section-heading h3{font-size:.95rem}.mascot-section-heading>span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.mascot-presets{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);margin-top:26px;padding:24px}.mascot-preset-row{scrollbar-width:thin;grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.mascot-preset{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:112px;min-height:118px;color:var(--text);background:var(--panel-strong);cursor:pointer;place-items:center;gap:2px;padding:8px;transition:border-color .16s,background .16s,transform .16s;display:grid}.mascot-preset:hover,.mascot-preset:focus-visible{border-color:var(--line-strong);background:var(--panel-elevated);transform:translateY(-2px)}.mascot-preset .gk-mascot{width:72px;height:72px}.mascot-preset>span{font-size:.72rem;font-weight:800}.mascot-view-tabs{z-index:15;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;grid-template-columns:repeat(3,1fr);width:min(620px,100%);margin:28px auto;padding:5px;display:grid;position:sticky;top:12px;box-shadow:0 14px 44px #00000038}.mascot-view-tabs button{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-weight:800}.mascot-view-tabs button.is-active{color:var(--selector-text);background:var(--selector-fill);box-shadow:var(--selector-shadow)}.mascot-workspace{grid-template-columns:minmax(300px,.78fr) minmax(0,2fr);align-items:start;gap:22px;display:grid}.mascot-preview-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);padding:18px;position:sticky;top:84px;overflow:hidden}.mascot-preview-panel__heading{justify-content:space-between;align-items:center;gap:16px;padding:2px 2px 14px;display:flex}.mascot-preview-panel__heading>div{gap:3px;display:grid}.mascot-preview-panel__heading span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.mascot-preview-panel__heading strong{font-family:Orbitron,sans-serif}.mascot-status{border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.mascot-status:before{background:var(--muted);content:"";border-radius:50%;width:7px;height:7px}.mascot-status.is-playing:before{background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb), .7)}.mascot-main-stage{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at center, rgba(var(--accent-rgb), .1), transparent 44%), var(--bg-alt);min-height:clamp(320px,38vw,500px);position:relative;overflow:hidden}.mascot-main-stage:before,.mascot-main-stage:after{z-index:0;background:var(--line);content:"";position:absolute}.mascot-main-stage:before{height:1px;top:50%;left:0;right:0}.mascot-main-stage:after{width:1px;top:0;bottom:0;left:50%}.mascot-main-stage__grid{opacity:.42;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.mascot-main-stage>.gk-mascot{z-index:2;contain:layout paint;width:auto;height:auto;position:absolute;inset:0}.mascot-playback{grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-top:12px;display:grid}.mascot-playback button,.mascot-quick-actions button,.mascot-manual-blink,.mascot-load-more,.mascot-output__toolbar button{border:1px solid var(--line);border-radius:var(--radius-md);min-height:44px;color:var(--text);background:var(--panel-strong);cursor:pointer;padding:9px 14px;font-weight:800;transition:border-color .16s,background .16s}.mascot-playback button:hover,.mascot-playback button:focus-visible,.mascot-quick-actions button:hover,.mascot-quick-actions button:focus-visible,.mascot-manual-blink:hover,.mascot-manual-blink:focus-visible,.mascot-load-more:hover,.mascot-load-more:focus-visible{border-color:var(--line-strong);background:var(--panel-elevated)}.mascot-playback .mascot-playback__primary{border-color:var(--selector-border);color:var(--selector-text);background:var(--selector-fill)}.mascot-quick-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.mascot-url-hint,.mascot-inspector__hint{color:var(--muted);margin:12px 2px 0;font-size:.75rem;line-height:1.55}.mascot-view{min-width:0}.mascot-library,.mascot-matrix,.mascot-inspector{gap:18px;display:grid}.mascot-library-section,.mascot-matrix,.mascot-inspector fieldset{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);margin:0;padding:22px}.mascot-card-grid,.mascot-matrix-grid{grid-template-columns:repeat(4,minmax(118px,1fr));gap:10px;display:grid}.mascot-card{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;min-height:164px;color:var(--text);background:var(--panel-strong);cursor:pointer;text-align:start;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden}.mascot-card:hover,.mascot-card:focus-visible,.mascot-card.is-selected{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 14px 30px #00000029}.mascot-card.is-selected{outline:1px solid var(--accent)}.mascot-card__stage{border-bottom:1px solid var(--line);background:radial-gradient(circle, rgba(var(--accent-rgb), .08), transparent 56%), var(--bg-alt);place-items:center;min-height:122px;display:grid;position:relative;overflow:hidden}.mascot-card>span{text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;font-size:.72rem;font-weight:800;overflow:hidden}.mascot-matrix__header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.mascot-matrix__header h2{margin:0;font-family:Orbitron,sans-serif}.mascot-matrix__header p{max-width:590px;color:var(--muted);margin:8px 0 0;line-height:1.6}.mascot-matrix__header strong{color:var(--accent);flex:none;font-size:.82rem}.mascot-axis-controls{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.mascot-load-more{width:100%;margin-top:14px}.mascot-inspector{grid-template-columns:1fr 1fr}.mascot-inspector fieldset{min-width:0}.mascot-inspector legend{color:var(--accent);padding:0 8px;font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:800}.mascot-field,.mascot-range{gap:8px;margin-top:16px;display:grid}.mascot-field>span,.mascot-range>span,.mascot-check>span{color:var(--muted);font-size:.74rem;font-weight:800}.mascot-field select{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--text);background:var(--panel-strong);padding:0 12px}.mascot-range{grid-template-columns:1fr auto}.mascot-range output{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:800}.mascot-range input{width:100%;accent-color:var(--accent-text);grid-column:1/-1}.mascot-size-chips{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.mascot-size-chips button{border:1px solid var(--line);border-radius:var(--radius-md);min-height:44px;color:var(--muted);background:var(--panel-strong);cursor:pointer;font-size:.72rem;font-weight:800}.mascot-size-chips button[aria-pressed=true]{border-color:var(--selector-border);color:var(--selector-text);background:var(--selector-fill)}.mascot-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin-top:14px;display:flex}.mascot-check input{width:19px;height:19px;accent-color:var(--accent-text)}.mascot-manual-blink{width:100%;margin-top:10px}.mascot-output{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);margin-top:24px;padding:24px}.mascot-output__grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mascot-output__grid>div{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-alt);min-width:0;overflow:hidden}.mascot-output__toolbar{border-bottom:1px solid var(--line);color:var(--accent);justify-content:space-between;align-items:center;gap:14px;padding:9px 10px 9px 14px;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:800;display:flex}.mascot-output__toolbar button{min-height:36px;padding:6px 10px}.mascot-output pre{max-height:360px;color:var(--text);text-align:start;white-space:pre;margin:0;padding:18px;font-family:Space Grotesk,monospace;font-size:.76rem;line-height:1.55;overflow:auto}.gk-mascot{width:var(--mascot-px);height:var(--mascot-px);contain:layout;pointer-events:none;flex:none;position:relative}.gk-mascot__travel{width:var(--mascot-px);height:var(--mascot-px);will-change:translate, opacity;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gk-mascot__idle,.gk-mascot__svg{width:100%;height:100%}.gk-mascot__idle{transform-origin:50% 52%;animation-duration:calc(3.2s / var(--mascot-speed));will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.gk-mascot[data-playing=true] .gk-mascot__idle{animation-play-state:running}.gk-mascot__idle--breathe{animation-name:mascot-breathe}.gk-mascot__idle--hover{animation-name:mascot-hover}.gk-mascot__idle--sway{animation-name:mascot-sway}.gk-mascot__idle--bounce{animation-name:mascot-bounce}.gk-mascot__idle--wobble{animation-name:mascot-wobble}.gk-mascot__idle--pulse{animation-name:mascot-pulse}.gk-mascot__body{fill:var(--mascot-body);stroke:var(--mascot-stroke);stroke-width:5px}.gk-mascot__rays{fill:none;stroke:var(--mascot-rays);stroke-linecap:round;transform-box:view-box;transform-origin:140px 140px;animation-duration:calc(4.6s / var(--mascot-speed));animation-iteration-count:infinite;animation-play-state:paused}.gk-mascot[data-playing=true] .gk-mascot__rays{animation-play-state:running}.gk-mascot__rays--clockwise{animation-name:mascot-orbit-clockwise;animation-timing-function:linear}.gk-mascot__rays--counter-clockwise{animation-name:mascot-orbit-counter;animation-timing-function:linear}.gk-mascot__rays--pulse{animation-name:mascot-rays-pulse;animation-timing-function:ease-in-out}.gk-mascot__rays--lock-on{animation-name:mascot-rays-lock-on;animation-duration:var(--motion-slow,.34s);animation-timing-function:var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));animation-iteration-count:1;animation-fill-mode:both}.gk-mascot__rays--lock-on+.gk-mascot__body{transform-box:view-box;transform-origin:140px 140px;animation:mascot-body-lock-on var(--motion-slow,.34s) var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) 1 both}.gk-mascot__eyes{fill:none;stroke:var(--mascot-eyes);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.gk-mascot__eyes--regular,.gk-mascot__eyes--double{animation-duration:calc(4s / var(--mascot-speed));animation-iteration-count:infinite;animation-play-state:paused}.gk-mascot[data-playing=true] .gk-mascot__eyes--regular{animation-name:mascot-blink-regular;animation-play-state:running}.gk-mascot[data-playing=true] .gk-mascot__eyes--double{animation-name:mascot-blink-double;animation-play-state:running}.gk-mascot__eyes--blinking{animation:.22s ease-in-out mascot-manual-blink!important}.gk-mascot--glow .gk-mascot__body,.gk-mascot--glow .gk-mascot__rays{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--mascot-stroke) 54%, transparent))}@keyframes mascot-orbit-clockwise{to{transform:rotate(360deg)}}@keyframes mascot-orbit-counter{to{transform:rotate(-360deg)}}@keyframes mascot-rays-pulse{0%,to{opacity:.52;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes mascot-rays-lock-on{0%{opacity:0;transform:scale(1.55)}40%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes mascot-body-lock-on{0%{opacity:0;transform:scale(1.28)}to{opacity:1;transform:scale(1)}}@keyframes mascot-breathe{0%,to{transform:scale(.98,1.01)}50%{transform:scale(1.02,.99)}}@keyframes mascot-hover{0%,to{transform:translateY(7px)}50%{transform:translateY(-8px)}}@keyframes mascot-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes mascot-bounce{0%,to{transform:translateY(7px)scale(1.02,.98)}45%{transform:translateY(-16px)scale(.98,1.02)}62%{transform:translateY(1px)}}@keyframes mascot-wobble{0%,to{transform:rotate(0)translate(0)}25%{transform:rotate(-6deg)translate(-4px)}75%{transform:rotate(6deg)translate(4px)}}@keyframes mascot-pulse{0%,to{opacity:.82;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes mascot-blink-regular{0%,44%,50%,to{transform:scaleY(1)}47%{transform:scaleY(.06)}}@keyframes mascot-blink-double{0%,36%,42%,48%,54%,to{transform:scaleY(1)}39%,51%{transform:scaleY(.06)}}@keyframes mascot-manual-blink{0%,to{transform:scaleY(1)}48%{transform:scaleY(.04)}}@media (width<=1180px){.mascot-card-grid,.mascot-matrix-grid{grid-template-columns:repeat(3,minmax(118px,1fr))}.mascot-preset-row{grid-template-columns:repeat(7,124px)}}@media (width<=900px){.mascot-lab{width:calc(100% - 20px);max-width:760px;padding-top:20px}.mascot-lab__hero{padding:28px;display:grid}.mascot-lab__count{text-align:start;width:fit-content;min-width:150px}.mascot-workspace{flex-direction:column;display:flex}.mascot-preview-panel{z-index:12;width:100%;padding:12px;position:sticky;top:72px}.mascot-main-stage{min-height:300px}.mascot-view{width:100%}}@media (width<=640px){.mascot-lab{width:calc(100% - 12px);max-width:560px;padding-bottom:120px}.mascot-lab__hero{padding:24px 18px}.mascot-lab__hero h1{font-size:clamp(2.2rem,14vw,3.8rem)}.mascot-presets,.mascot-library-section,.mascot-matrix,.mascot-output{padding:16px}.mascot-view-tabs{margin:18px auto;top:8px}.mascot-view-tabs button{min-height:44px;padding:6px 10px}.mascot-preview-panel{top:66px}.mascot-main-stage{min-height:240px}.mascot-card-grid,.mascot-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-card{min-height:152px}.mascot-card__stage{min-height:112px}.mascot-inspector,.mascot-output__grid,.mascot-axis-controls{grid-template-columns:1fr}.mascot-inspector fieldset{padding:18px 14px}.mascot-matrix__header{display:grid}.mascot-playback{z-index:20;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel-strong) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:6px;position:sticky;bottom:8px}.mascot-output__grid{gap:10px}}@media (prefers-reduced-motion:reduce){.mascot-lab *,.mascot-lab :before,.mascot-lab :after{scroll-behavior:auto!important;transition-duration:.01ms!important}.gk-mascot[data-reduced-motion=true] .gk-mascot__idle,.gk-mascot[data-reduced-motion=true] .gk-mascot__rays,.gk-mascot[data-reduced-motion=true] .gk-mascot__body,.gk-mascot[data-reduced-motion=true] .gk-mascot__eyes{animation:none!important}}.gk-brand{min-width:3rem;min-height:3rem;color:var(--text-hi);direction:ltr;flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.gk-brand-mark{aspect-ratio:965/636;flex-shrink:0;width:2.5rem;position:relative;overflow:hidden}.gk-brand-mark img{width:151.5%;max-width:none;height:auto;position:absolute;top:-38.05%;left:-25.91%}.gk-brand-mark-dark img{width:150.62%;top:-37.21%;left:-25.77%}.gk-brand-wordmark{font-family:var(--font-ui);letter-spacing:-.07em;white-space:nowrap;font-size:1.625rem;font-weight:800;line-height:1.2}.gk-brand-wordmark>span{font-weight:500}.gk-brand-wordmark>i{color:var(--accent-text);font-style:normal}.gk-brand:focus-visible,.gk-preferences button:focus-visible{outline:.1875rem solid var(--accent-text);outline-offset:.25rem;border-radius:.75rem}.gk-preferences{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.gk-preferences button{border:.0625rem solid var(--border-default);min-width:3rem;min-height:3rem;color:var(--text-hi);background:var(--surface-card);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:.5rem;transition:background-color .12s ease-out;display:inline-flex}.gk-preferences .gk-language-toggle{min-width:3.75rem;font-size:.8125rem;font-weight:700}.gk-preferences button:hover{background:var(--surface-hover)}.gk-preferences button:active{background:var(--surface-active)}.gk-preferences button:disabled{cursor:wait;color:var(--text-lo)}.gk-dashboard-heading{padding:calc(var(--sat) + .875rem) 1rem 0}.gk-dashboard-brandbar{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.gk-dashboard-stats{flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:1.25rem;display:flex}.gk-dashboard-stats>div{max-width:100%}.gk-dashboard-stats [data-numeric]{overflow-wrap:anywhere}.gk-sidebar-brand .gk-brand-wordmark{display:none}@media (width>=70rem){.gk-sidebar-brand .gk-brand-wordmark{display:inline}.gk-dashboard-brandbar>.gk-brand{display:none}.gk-dashboard-brandbar{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.gk-preferences button{transition:none}}