.animation-lab{--lab-ink:#153730;--lab-muted:#668078;--lab-green:#176d60;--lab-paper:#f7f8f4;--lab-line:#dce6df;height:100vh;min-height:0;color:var(--lab-ink);background:#e8eee9;flex-direction:column;font-family:Manrope_400Regular,sans-serif;display:flex;overflow:hidden}.animation-lab *{box-sizing:border-box}.animation-lab button{font:inherit;cursor:pointer}.animation-lab button:focus-visible,.animation-lab input:focus-visible{outline-offset:3px;outline:3px solid #d59942}.lab-head{color:#f2f8f3;background:#103b35;border-bottom:1px solid #31594f;flex:none;justify-content:space-between;align-items:center;height:62px;padding:0 30px;display:flex}.lab-head>div{align-items:center;gap:12px;display:flex}.lab-head-mark{color:#123e36;background:#dceabe;border-radius:9px;place-items:center;width:32px;height:32px;font-family:Baloo2_600SemiBold,sans-serif;font-size:25px;line-height:1;display:grid;transform:rotate(-7deg)}.lab-head-title{letter-spacing:-.04em;font-family:BricolageGrotesque_700Bold,sans-serif;font-size:19px}.lab-head-title strong{letter-spacing:.01em;color:#b9d3c8;margin-left:7px;font-family:Manrope_500Medium,sans-serif;font-size:14px}.lab-head-status{letter-spacing:.12em;color:#b9d3c8;align-items:center;gap:9px;font-family:Manrope_700Bold,sans-serif;font-size:10px;display:flex}.lab-head-status i{background:#a9e6b8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #a9e6b820}.lab-head-status span{color:#638e80}.lab-layout{flex:1;grid-template-columns:320px minmax(0,1fr);min-height:0;display:grid}.lab-sidebar{background:#f7f9f5;border-right:1px solid #d6e1d9;flex-direction:column;min-height:0;display:flex}.lab-sidebar-intro{border-bottom:1px solid var(--lab-line);flex:none;padding:28px 26px 18px}.lab-sidebar-intro>span,.lab-kicker,.lab-transport-top>span{color:#59867a;letter-spacing:.16em;font-family:Manrope_800ExtraBold,sans-serif;font-size:10px}.lab-sidebar-intro h1{letter-spacing:-.07em;margin:13px 0 11px;font-family:BricolageGrotesque_700Bold,sans-serif;font-size:35px;line-height:1.03}.lab-sidebar-intro h1 em{color:#418d72;font-style:normal}.lab-sidebar-intro p{color:#617b71;margin:0;font-size:12px;line-height:1.55}.lab-filters{gap:5px;padding:15px 22px 11px;display:flex}.lab-filters button{color:#697e75;background:0 0;border:1px solid #0000;border-radius:7px;padding:7px 10px;font-family:Manrope_700Bold,sans-serif;font-size:11px}.lab-filters button.is-active{color:#175c50;background:#dbede4;border-color:#b9dccb}.lab-animation-list{scrollbar-color:#bdd2c5 transparent;padding:0 11px 20px;overflow:auto}.lab-animation-item{text-align:left;width:100%;color:var(--lab-ink);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 11px;display:flex}.lab-animation-item:hover{background:#edf4ef}.lab-animation-item.is-active{background:#e2f0e7;border-color:#bedbc9;box-shadow:inset 3px 0 #268a69}.lab-item-number{color:#90a89a;align-self:flex-start;min-width:18px;padding-top:2px;font-family:Manrope_800ExtraBold,sans-serif;font-size:10px}.lab-item-text{flex:1;gap:2px;min-width:0;display:grid}.lab-item-text strong{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-family:Manrope_700Bold,sans-serif;font-size:12px;overflow:hidden}.lab-item-text small{color:#779086;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.lab-item-time{color:#769487;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:2px;font-family:Manrope_700Bold,sans-serif;font-size:10px}.lab-main{flex-direction:column;gap:13px;min-width:0;min-height:0;padding:22px 24px 20px;display:flex}.lab-stage-heading{flex:none;justify-content:space-between;align-items:end;gap:20px;display:flex}.lab-stage-heading h2{letter-spacing:-.055em;text-transform:capitalize;margin:3px 0 0;font-family:BricolageGrotesque_700Bold,sans-serif;font-size:25px}.lab-stage-badges{gap:7px;padding-bottom:3px;display:flex}.lab-stage-badges span{color:#618175;letter-spacing:.08em;white-space:nowrap;background:#f4f8f3;border:1px solid #d5e2d9;border-radius:5px;padding:6px 8px;font-family:Manrope_800ExtraBold,sans-serif;font-size:9px}.lab-stage{isolation:isolate;background:#f1f3ef;border:1px solid #cbd9d1;border-radius:13px;flex:1;min-height:300px;position:relative;overflow:hidden;box-shadow:0 18px 42px #1d49301a,0 2px 6px #1d493010}.lab-mascot-button{z-index:8;pointer-events:none;flex:none;width:48px;height:48px;margin-left:4px;position:relative}.lab-mascot-button img{object-fit:contain;width:164px;max-width:none;height:136px;position:absolute;bottom:-30.5px;left:-58px}.lab-app-content{max-width:660px;padding:31px 36px}.lab-app-eyebrow{color:#41856e;letter-spacing:.13em;font-family:Manrope_800ExtraBold,sans-serif;font-size:10px}.lab-app-content h4{letter-spacing:-.06em;margin:9px 0 5px;font-family:BricolageGrotesque_700Bold,sans-serif;font-size:31px}.lab-app-content>p{color:#698178;margin:0;font-size:12px}.lab-focus-card{background:#fff;border:1px solid #dde8df;border-radius:15px;gap:16px;max-width:475px;margin-top:30px;padding:22px;display:flex;box-shadow:0 9px 25px #133f2c09}.lab-focus-icon{color:#238268;background:#e1f2e8;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.lab-focus-card strong{font-family:BricolageGrotesque_700Bold,sans-serif;font-size:17px}.lab-focus-card p{color:#667d72;margin:5px 0 13px;font-size:12px;line-height:1.45}.lab-focus-card span{color:#167866;font-family:Manrope_700Bold,sans-serif;font-size:11px}.lab-focus-card b{margin-left:4px}.lab-viewport-label{z-index:40;pointer-events:none;color:#477767;letter-spacing:.1em;text-transform:uppercase;background:#e9f2eae8;border:1px solid #c9dfd0;border-radius:4px;padding:5px 7px;font-family:Manrope_800ExtraBold,sans-serif;font-size:8px;position:absolute;bottom:10px;left:12px}.lab-transport{background:#fffefa;border:1px solid #d5e2d9;border-radius:11px;flex:none;padding:15px 18px 12px}.lab-transport-top{justify-content:space-between;align-items:center;display:flex}.lab-transport-top div{font-variant-numeric:tabular-nums;color:#668276;align-items:center;gap:15px;font-size:10px;display:flex}.lab-transport-top strong{color:#1b6658;text-transform:capitalize;font-family:Manrope_700Bold,sans-serif}.lab-transport-controls{align-items:center;gap:7px;margin-top:12px;display:flex}.lab-transport-controls button{color:#32695b;background:#f4f8f3;border:1px solid #d6e3d9;border-radius:7px;flex:none;place-items:center;width:31px;height:31px;font-size:18px;line-height:1;display:grid}.lab-transport-controls button:hover{background:#e4f1e8}.lab-transport-controls button.lab-play{color:#fff;background:#176d60;border-color:#176d60;width:86px;font-family:Manrope_700Bold,sans-serif;font-size:11px}.lab-transport-controls input[type=range]{appearance:none;cursor:pointer;border-radius:10px;flex:1;min-width:40px;height:6px;margin:0 4px}.lab-transport-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#187d6b;border:3px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #187d6b}.lab-transport-controls>span{text-align:right;color:#648275;min-width:36px;font-family:Manrope_800ExtraBold,sans-serif;font-size:10px}.lab-transport p{color:#789185;margin:8px 0 0;font-size:10px}.lab-scene-overlay{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lab-ask-backdrop{background:#10251f;position:absolute;inset:0}.lab-ask-panel{background:#fbfaf6;border:1px solid #d6e3dc;border-radius:20px 20px 0 0;position:absolute;overflow:hidden;box-shadow:0 0 45px #082d2630}.lab-ask-panel-head{color:#fff;background:#147365;justify-content:space-between;align-items:center;height:69px;padding:0 24px;display:flex}.lab-ask-panel-head strong{font-family:BricolageGrotesque_700Bold,sans-serif;font-size:20px}.lab-ask-panel-head span{font-size:18px}.lab-ask-panel-body{padding:30px}.lab-ask-panel-body h4{margin:0 0 8px;font-family:BricolageGrotesque_700Bold,sans-serif;font-size:24px}.lab-ask-panel-body p{color:#6a7d72;font-size:12px}.lab-ask-panel-body div{color:#8a9c90;background:#fff;border:1px solid #d9e5dd;border-radius:11px;padding:14px;font-size:12px;position:absolute;bottom:18px;left:22px;right:22px}.lab-ask-character{z-index:3;max-width:none;position:absolute}.lab-stamp-frame{z-index:25;background:#122a26;border:0;width:100%;height:100%;position:absolute;inset:0}.lab-tug-card{z-index:5;background:#fff;border:1px solid #dce8df;border-radius:15px;padding:22px;position:absolute;top:225px;left:36px;right:36px;box-shadow:0 12px 35px #133f2c12}.lab-tug-card>span{color:#529478;letter-spacing:.13em;font-family:Manrope_800ExtraBold,sans-serif;font-size:9px}.lab-tug-card h4{margin:6px 0 17px;font-family:BricolageGrotesque_700Bold,sans-serif;font-size:20px}@media (width<=900px){.lab-layout{grid-template-columns:240px minmax(0,1fr)}.lab-sidebar-intro{padding:22px 17px 14px}.lab-sidebar-intro h1{font-size:28px}.lab-sidebar-intro p{font-size:11px}.lab-main{padding:16px}.lab-app-content{padding:22px}}@media (width<=650px){.animation-lab{height:auto;min-height:0;overflow:auto}.lab-head{height:55px;padding:0 15px}.lab-head-status{display:none}.lab-layout{flex-direction:column;display:flex}.lab-sidebar{order:2;max-height:430px}.lab-sidebar-intro{display:none}.lab-main{order:1;min-height:720px}.lab-stage{min-height:480px}.lab-stage-badges span:first-child{display:none}.lab-app-content{padding:20px 16px}.lab-app-content h4{font-size:23px}.lab-focus-card{margin-top:20px}.lab-tug-card{top:205px;left:16px;right:16px}}