@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope/manrope-variable.ttf) format("truetype")}:root{--font-display:"Manrope";--font-body:"Manrope";--paper:#fff;--ink:#191919;--icon-color:#242424;--icon-accent:#777;--surface-muted:#f5f5f3;--line:#dededb;--muted:#6d6d69;--panda-gradient:linear-gradient(105deg,#c56619,#cb702a 30%,#ac6baf 67%,#60798b)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}html{scrollbar-color:#000 transparent;background:#f2f2f0;scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);font-family:var(--font-body),Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,input[type=color],input[type=range],select{cursor:pointer}a,button{touch-action:manipulation;transition:background .18s ease,border-color .18s ease,color .18s ease;color:inherit}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}h1,h2,p{margin:0}h1,h2{font-family:var(--font-display),Arial,sans-serif;font-weight:650;letter-spacing:-.045em}.site-shell{max-width:1352px;width:calc(100% - 96px);margin:64px auto;padding:0 clamp(32px,8.7vw,132px);background:white;box-shadow:0 24px 64px #00000008}.social-rail{position:fixed;right:max(2px,calc((100vw - 1352px) / 4 - 22px));bottom:0;display:flex;flex-direction:column;align-items:center;gap:20px;width:44px;color:#191919}.social-rail a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.social-rail svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.social-rail a:focus-visible{outline-offset:-3px}.social-rail a:focus-visible svg{transform:translateY(-3px)}@media (hover:hover){.social-rail a:hover svg{transform:translateY(-3px)}}.social-rail-line{width:1px;height:3cm;max-height:16vh;background:currentColor;opacity:.4}@media (max-width:1100px){.social-rail{position:static;margin:0 0 20px auto}.social-rail-line{display:none}}@media (prefers-reduced-motion:reduce){.social-rail svg{transition:none;transform:none!important}}.topbar{height:112px;display:grid;grid-template-columns:1fr auto 1fr;gap:40px}.brand,.topbar{align-items:center}.brand{width:fit-content;display:inline-flex;gap:11px;text-decoration:none}.brand-mark{display:block;width:40px;height:40px;flex:0 0 40px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:26px;font-weight:750;letter-spacing:-.07em}.brand-period{margin-left:1px}.main-nav{display:flex;gap:32px;align-items:center}.main-nav a{text-decoration:none;font-size:14px;white-space:nowrap}.main-nav a:hover{color:var(--muted)}.main-nav a span{font-size:12px}.nav-cta{justify-self:end;display:flex;align-items:center;gap:22px;padding:13px 21px;border:1px solid #333;border-radius:10px;font-size:13px;font-weight:550;text-decoration:none;white-space:nowrap}.button-secondary:hover,.nav-cta:hover{background:var(--surface-muted)}.landing-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:48px;align-items:center;padding:54px 0 80px}.landing-kicker,.section-kicker{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.11em;line-height:1.5}.landing-kicker{display:flex;gap:9px;align-items:center;margin-bottom:20px}.landing-kicker>span{height:5px;width:5px;border-radius:50%;background:var(--ink)}.landing-copy h1{font-size:clamp(48px,4.75vw,69px);line-height:1.08;font-weight:650;letter-spacing:-.047em}.panda-gradient-text{display:inline-block;color:#bd641e}@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){.panda-gradient-text{background:var(--panda-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}@media (forced-colors:active){.panda-gradient-text{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}}.landing-description{margin-top:26px;font-size:16px;line-height:1.8;color:#666662;letter-spacing:-.015em}.landing-actions{display:flex;gap:14px;margin-top:31px}.button-primary,.button-secondary{min-height:47px;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;border:1px solid #292929;border-radius:8px;font-size:13px;font-weight:550;text-decoration:none}.button-primary{background:#c56619 var(--panda-gradient);color:#fff;border-color:transparent}.button-primary:hover{box-shadow:0 3px 12px #19191920}.hero-footnote{margin-top:18px;font-size:9px;color:#858581}.hero-footnote>span{margin:0 6px}.animal-scene{position:relative;height:414px;background:#f5f5f3;border-radius:130px 12px 100px 18px;isolation:isolate}.scene-label{position:absolute;top:34px;right:31px;font-size:8px;letter-spacing:.13em;color:#8b8b87}.reference-doodle{--decorative-play-state:paused;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.doodle-sprite{display:block;width:100%;height:100%;background-repeat:no-repeat}.hero-doodle{position:absolute;transform-origin:50% 85%}.public-scene-icon{width:100%;height:100%}.doodle-one{left:4%;bottom:95px;width:28%;animation:creature-nod 7.6s ease-in-out infinite}.doodle-two{left:37%;bottom:110px;width:26%;animation:creature-sway 8.8s ease-in-out -2.1s infinite}.doodle-three{right:3%;bottom:95px;width:30%;animation:creature-look 9.2s ease-in-out -4s infinite}.reference-doodle[data-sheet=red-panda]{animation-play-state:var(--decorative-play-state)}.speech-bubble{position:absolute;padding:7px 10px;background:white;border:1px solid #2c2c2a;border-radius:3px;font-size:10px;line-height:1.3;white-space:nowrap}.speech-bubble:after{content:"";position:absolute;width:7px;height:7px;bottom:-4px;left:17px;border-right:1px solid #2c2c2a;border-bottom:1px solid #2c2c2a;background:white;transform:rotate(45deg)}.speech-one{left:9%;top:80px;transform:rotate(-4deg)}.speech-two{right:7%;top:100px;transform:rotate(3deg)}.scene-footer{position:absolute;bottom:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.scene-caption{font-size:10px;color:#73736e}.collection-heading{position:relative}@keyframes creature-nod{0%,34%,68%,to{transform:translateY(0) rotate(0)}46%{transform:translateY(-4px) rotate(-3deg)}56%{transform:translateY(-1px) rotate(2deg)}}@keyframes creature-sway{0%,24%,68%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-5px) rotate(3deg)}53%{transform:translateY(0) rotate(-2deg)}}@keyframes creature-look{0%,38%,83%,to{transform:translateY(0) rotate(0)}52%{transform:translateY(-4px) rotate(-3deg)}69%{transform:translateY(-2px) rotate(2deg)}}.icon-collection{margin-top:0;scroll-margin-top:32px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.collection-heading h2{font-size:36px;line-height:1.2;margin-top:10px}.collection-heading>p{color:var(--muted);font-size:12px;line-height:1.7;text-align:right}.collection-search{min-height:60px;padding:12px 20px;display:flex;align-items:center;gap:14px;border:1px solid #bdbdba;border-radius:10px;background:white;transition:border-color .18s ease,box-shadow .18s ease}.collection-search:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #1919190a}.collection-search>svg{flex:0 0 auto}.collection-search input{min-width:0;width:100%;border:0;outline:0;padding:4px 0;background:transparent;color:var(--ink);font-size:14px}.collection-search input::placeholder{color:#858580}.collection-search input::-webkit-search-cancel-button{display:none}.search-clear{background:var(--surface-muted);border:0;border-radius:5px;padding:6px 10px;font-size:12px}.collection-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:13px 1px 23px;color:#858580}.collection-meta p{font-size:10px;line-height:1.6}.collection-meta [role=status]{flex-shrink:0;color:#575753}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.collection-card{position:relative;min-width:0;min-height:156px;padding:20px 10px 15px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:10px;background:white;text-align:center;transition:border-color .18s ease,background .18s ease,transform .22s ease}.collection-card:focus-visible,.collection-card:hover{border-color:#696965;background:#fafaf8;transform:translateY(-2px)}.card-number{position:absolute;top:11px;left:12px;font-size:9px;color:#9b9b95;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-open{position:absolute;top:7px;right:11px;font-size:18px;opacity:0;transition:opacity .18s ease}.collection-card:focus-visible .card-open,.collection-card:hover .card-open{opacity:1}.card-art{min-height:80px;display:grid;place-items:center}.card-art svg{max-width:100%}.card-name{margin-top:5px;font-size:12px;font-weight:550}.card-moods{margin-top:3px;font-size:9px;color:#8a8a85}.collection-empty{min-height:300px;padding:36px 20px;border:1px dashed #bbb;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.collection-empty h2{font-size:30px;margin-top:18px}.collection-empty p{margin:12px 0 20px;max-width:440px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.collection-empty button{border:0;border-radius:7px;padding:11px 16px;background:var(--ink);color:white;font-size:12px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px;padding:27px 0}.facts>div{display:flex;flex-direction:column;gap:9px;padding:0 25px;border-right:1px solid var(--line)}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts strong{font-size:32px;font-weight:550;letter-spacing:-.06em;line-height:1}.facts span{color:var(--muted);font-size:10px}.getting-started{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;align-items:start;padding:32px 0}.getting-started h2{font-size:32px;line-height:1.2;margin-top:12px}.getting-started .usage-intro>p:not(.section-kicker){margin-top:14px;color:var(--muted);font-size:13px;line-height:1.7}.getting-started a{display:inline-block;margin-top:23px;font-size:12px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:4px}.install-example{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fcfcfa;box-shadow:0 3px 12px #20201404}.install-command{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:#f3f3ef;font-size:14px}.install-command code{min-width:0;color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.install-command code>span{color:#65655c}.install-command button{flex-shrink:0;border:1px solid #d1d1cd;border-radius:5px;background:white;padding:5px 10px;font-size:10px}.usage-code-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);background:#fff}.usage-code-heading button{border:1px solid #d1d1cd;border-radius:5px;padding:5px 9px;background:white;font-size:10px;white-space:nowrap}.usage-code-heading>button{display:inline-flex;align-items:center;gap:5px;min-height:30px}.usage-code-heading>button:hover{background:#f3f3ee;border-color:#aaa99f}.usage-file-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 8px;color:#73736a;font-size:9px}.usage-file-heading>span:first-child{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#49493f}.usage-file-type{padding:2px 4px;border:1px solid #d4d4c9;border-radius:3px;font-size:7px;font-weight:600;letter-spacing:.04em}.usage-demo{margin-top:24px;max-width:440px}.usage-demo-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;width:100%;gap:12px;margin-top:20px}.usage-example{min-width:0}.usage-trigger-label{display:block;margin-bottom:7px;color:#82827c;font-size:9px;font-weight:600;letter-spacing:.1em}.usage-demo-card{position:relative;padding:18px;border:1px solid #d8d8d2;border-radius:12px;background:#fff}.demo-card-description{margin-top:0;font-size:11px;color:var(--muted)}.demo-action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;width:100%;padding:6px 8px;border:1px solid #c7c7c1;border-radius:7px;background:white;color:#242424;font-size:10px;white-space:nowrap}.demo-action-button>svg{flex:0 0 auto}.download-action{background:#c56619 var(--panda-gradient);color:#fff;border-color:transparent}.download-action:hover{box-shadow:0 2px 8px #19191920}.download-action:disabled{cursor:wait}@media (forced-colors:active){.button-primary,.download-action{background:ButtonFace;color:ButtonText;border-color:ButtonText}}.demo-download-progress{display:block;width:100%;height:2px;margin-top:0;position:absolute;bottom:0;left:0;border-radius:0 0 7px 7px;overflow:hidden;background:#ffffff22;opacity:0}.demo-download-progress>span{display:block;height:100%;background:#ff766b;transform:scaleX(0);transform-origin:left}[data-download-state=complete] .demo-download-progress,[data-download-state=downloading] .demo-download-progress{opacity:1}[data-download-state=downloading] .demo-download-progress>span{animation:demo-file-preparation 5s cubic-bezier(.3,.1,.3,1) both}[data-download-state=complete] .demo-download-progress>span{transform:scaleX(1)}@keyframes demo-file-preparation{0%{transform:scaleX(.04)}45%{transform:scaleX(.55)}to{transform:scaleX(.94)}}.repo-star-action:hover{background:#f5f5f1;border-color:#88887e}.repo-star-action[aria-pressed=true]{background:#f0f0eb;border-color:#99998e}.demo-star-count{margin-left:1px;padding-left:9px;border-left:1px solid #d7d7ce;color:#787870;font-size:9px;min-width:15px}.demo-inbox-toolbar{display:flex;align-items:center;width:100%;gap:10px}.demo-bell-action{width:40px;height:40px;padding:8px;display:grid;place-items:center;border:1px solid #d6d6ce;border-radius:9px;background:#fff}.demo-bell-action:hover,.demo-bell-action[aria-expanded=true]{background:#f0f0eb;border-color:#88887e}.download-action,.download-demo,.notification-demo{position:relative}.notification-demo.panel-open{z-index:5}.demo-notification-panel{position:absolute;top:48px;right:0;width:min(280px,calc(100vw - 76px));border:1px solid #d2d2ca;border-radius:10px;background:#fff;box-shadow:0 14px 36px #00000017;text-align:left}.notification-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.notification-panel-heading strong{font-size:11px;font-weight:550}.notification-panel-heading>span{color:#8b8b81;font-size:7px;letter-spacing:.08em}.notification-empty{padding:24px 14px}.notification-empty strong{font-size:11px;font-weight:500}.notification-empty p{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.6}.notification-message{display:flex;align-items:start;gap:9px;padding:19px 14px}.notification-message-dot{width:5px;height:5px;flex:0 0 5px;margin-top:5px;border-radius:50%;background:#d7d7ce}.notification-message.is-unread .notification-message-dot{background:#333}.notification-message strong{display:block;font-size:11px;line-height:1.6;font-weight:550}.notification-message p{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}.notification-message div>span{display:block;margin-top:9px;color:#94948b;font-size:8px}.notification-panel-actions{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}.notification-panel-actions button{padding:3px 0;border:0;background:transparent;font-size:10px;color:#55554f}.usage-demo{container-type:inline-size;container-name:usage}@container usage (max-width: 480px){.usage-demo-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;gap:12px}.usage-demo-card{padding:14px}.demo-action-button{gap:5px;padding-inline:6px;font-size:10px}.demo-star-count{padding-left:5px}}@container usage (max-width: 300px){.repo-star-action>span:not(.demo-star-count){display:none}}@media (pointer:coarse){.demo-action-button,.demo-bell-action{min-height:44px}.demo-bell-action{min-width:44px}}.getting-started>div>p code{font-size:.93em;color:#363632}.install-example pre{margin:0;padding:8px 18px 16px 12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#414139;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:17px;tab-size:2}.code-line{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;min-height:17px}.code-line-number{color:#b3b3a9;font-size:9px;text-align:right;-webkit-user-select:none;user-select:none}.code-line-number:before{content:attr(data-line)}.code-line-text{min-width:0}.syntax-keyword{color:#9b3b31}.syntax-symbol{color:#65509a}.syntax-tag{color:#356b82}.syntax-attribute{color:#81551e}.syntax-string{color:#397148}.syntax-number{color:#986022}.syntax-comment{color:#74766e;font-style:italic}.usage-code-tabs{display:flex;gap:4px}.usage-code-body{min-height:540px}.usage-code-disclosure{display:none}.usage-code-tabs button{border:0;background:transparent;padding:7px 10px;border-radius:6px;color:#73736b;font-size:11px}.usage-code-tabs button:hover{background:#f1f1ec;color:#24241f}.usage-code-tabs button[aria-selected=true]{background:#292925;color:#fff}@media (max-width:900px){.getting-started{grid-template-columns:1fr;padding:28px 0;gap:20px}.usage-code-disclosure{display:block;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font-size:11px}.usage-code-body[data-expanded=false]{display:none}.usage-code-body{min-height:0}}.install-example pre:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.code-muted{color:#8a8a85}.copy-error{margin:0;padding:10px 18px;font-size:9px;color:#8a8a7f;background:#f7f7f3}.copy-error,.site-footer{border-top:1px solid var(--line)}.site-footer{min-height:90px;padding:22px 0;display:flex;align-items:start;justify-content:space-between;gap:24px}.site-footer>p{font-size:18px;font-weight:650;letter-spacing:-.05em}.site-footer>p>span{font-size:10px;font-weight:400;letter-spacing:0;color:#8a8a85;margin-left:20px}.art-credits{max-width:350px;font-size:10px;color:#858580}.art-credits summary{cursor:pointer;text-align:right;list-style:none;line-height:2}.art-credits p{margin-top:14px;line-height:1.8}.art-credits a{display:inline-block;margin-top:12px;margin-right:10px}.detail-view{padding:24px 0 50px}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.detail-toolbar button{display:flex;align-items:center;gap:12px;border:0;padding:10px 0;background:none;font-size:13px}.detail-toolbar button>span{font-size:20px}.detail-toolbar p{font-size:14px;font-weight:550}.detail-toolbar p>span{margin-left:8px;color:#888;font-size:11px;font-weight:400}.lab-shell{grid-template-columns:repeat(2,minmax(0,1fr));min-height:620px;overflow:hidden;border:1px solid #d6d6d2;border-radius:15px;animation:lab-reveal .26s ease-out both}.lab-shell,.stage-column{display:grid;background:white}.stage-column{min-width:0;grid-template-rows:auto 1fr auto;padding:24px;border-right:1px solid var(--line)}.stage-footer,.stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.06em}.stage-header{padding-bottom:18px;border-bottom:1px solid var(--line);color:#8b8b85}.icon-stage{position:relative;min-height:430px;padding:0;display:grid;place-items:center;overflow:hidden;border:0;background:white}.interaction-none{cursor:default}.icon-stage:focus-visible{outline-offset:-6px}.icon-stage svg{position:relative;z-index:2;display:block;overflow:visible;isolation:isolate}.orbit{position:absolute;border:1px solid #eaeae7;border-radius:50%}.orbit-one{width:90%;max-width:360px;aspect-ratio:1}.orbit-two{width:64%;max-width:250px;aspect-ratio:1;border-style:dashed}.stage-footer{padding-top:20px;border-top:1px solid var(--line)}.stage-footer>div{display:flex;flex-direction:column;gap:7px}.stage-state{font-size:23px;letter-spacing:-.04em}.stage-description{font-size:9px;color:var(--muted)}.stage-footer p{max-width:110px;text-align:right;font-size:8px;color:var(--muted)}.control-panel{container-type:inline-size;min-width:0;padding:30px 26px;background:#f7f7f5}.panel-heading{padding-bottom:24px}.eyebrow{display:inline-block;font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.panel-heading h2{margin-top:13px;font-size:clamp(19px,7cqi,35px);line-height:1.15;white-space:nowrap}.panel-heading h2:focus{outline:none}.panel-heading p{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.7}.color-controls,.compact-controls,.control-group,.sequence-builder,.slider-controls{border-top:1px solid var(--line);padding:19px 0}.control-label-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:9px;font-weight:600;letter-spacing:.06em}.control-label-row output{color:var(--muted);text-transform:uppercase}.preview-modes{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:3px;margin-bottom:21px;padding:3px;border:1px solid var(--line);border-radius:8px}.preview-modes button{min-width:0;min-height:35px;border:0;border-radius:5px;padding:7px 3px;background:none;font-size:10px}.preview-modes button[aria-pressed=true]{background:#242424;color:white}.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.state-button{min-width:0;min-height:42px;padding:7px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:4px;border:1px solid #d7d7d1;border-radius:7px;background:transparent;font-size:11px}.state-button span{font-size:7px;color:#999}.state-button.active,.state-button:hover{background:white;border-color:#555}.preview-help{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.state-use-case{margin-top:12px;font-size:11px;line-height:1.7}.interaction-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:end;gap:8px}.pair-arrow{padding-bottom:10px;text-align:center}.select-control{display:grid;gap:9px;font-size:8px;font-weight:600;letter-spacing:.04em}select{min-width:0;width:100%;height:40px;padding:0 7px;border:1px solid #cfcfca;border-radius:6px;background:white;font-size:11px;color:var(--ink)}.hover-return{max-width:180px;margin-top:15px}.sequence-head,.sequence-head>div:first-child{display:flex;align-items:center;gap:10px}.sequence-head{justify-content:space-between;margin-bottom:16px}.sequence-head>div:first-child{flex-direction:column;align-items:start;gap:4px}.sequence-kicker{font-size:9px;font-weight:600}.sequence-summary{font-size:8px;color:var(--muted)}.step-count{display:flex;border:1px solid var(--line);border-radius:20px;padding:3px}.step-count button{width:25px;height:24px;padding:0;border:0;border-radius:50%;font-size:10px;background:none}.step-count button.active{background:#242424;color:white}.sequence-track{display:flex;width:100%;margin-bottom:15px}.sequence-fragment{min-width:0;flex:1 1;display:flex;align-items:center}.sequence-step{min-width:0;flex:1 1;display:grid;gap:5px}.sequence-step>span{font-size:8px;color:var(--muted)}.sequence-step select{padding-inline:4px;font-size:10px}.transition-arrow{flex:0 0 16px;text-align:center;padding-top:14px;font-size:14px}.play-button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:#242424;color:white;font-size:9px;font-weight:550;letter-spacing:.04em}.play-button:hover{background:#4b4b46}.slider-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.range-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 8px;font-size:8px;font-weight:600;letter-spacing:.04em}.range-control output{grid-column:2;grid-row:1;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.range-control input{grid-column:1/-1;grid-row:2}input[type=range]{width:100%;height:2px;margin:4px 0;appearance:none;background:#d0d0cb;accent-color:#333}input[type=range]::-webkit-slider-thumb{width:10px;height:10px;appearance:none;border-radius:50%;background:#333}input[type=range]:focus-visible{outline:2px solid #333;outline-offset:7px}.compact-controls{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.compact-controls .alive-help{margin:0}.toggle-control{display:grid;gap:9px;font-size:8px;font-weight:600;letter-spacing:.04em}.toggle-control>button{padding:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;background:transparent;border:0}.toggle-copy{font-size:8px;white-space:nowrap}.toggle-track{display:block;width:29px;height:16px;flex:0 0 auto;padding:2px;border-radius:20px;background:#d2d2cd}.toggle-track>span{display:block;width:12px;height:12px;background:white;border-radius:50%;transition:transform .2s ease}.toggle-control>button[aria-checked=true] .toggle-track{background:#333}.toggle-control>button[aria-checked=true] .toggle-track>span{transform:translateX(13px)}.color-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.color-control{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;font-size:8px;font-weight:600;letter-spacing:.03em}.color-value{grid-column:1;grid-row:2;color:var(--muted);font-size:9px}input[type=color]{grid-column:2;grid-row:1/3;width:26px;height:26px;padding:3px;border:1px solid #ccc;border-radius:50%;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.detail-colors{padding-top:17px;border-top:1px solid var(--line)}.detail-colors summary{cursor:pointer;font-size:11px}.detail-colors summary>span{margin-left:7px;color:var(--muted);font-size:9px}.detail-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.detail-color-row{min-width:0}.detail-color-reset{margin-top:4px;padding:4px 0;border:0;background:transparent;font-size:9px;text-decoration:underline}.detail-color-reset:disabled{opacity:.35;cursor:default;text-decoration:none}.detail-view .facts{display:none}@keyframes lab-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.site-shell{margin-top:80px}}@media (max-width:1100px){.site-shell{width:calc(100% - 48px);margin:24px auto;padding-inline:40px}.topbar{height:94px}.landing-hero{gap:26px;padding-top:38px}.landing-copy h1{font-size:56px}.landing-description{font-size:14px}.animal-scene{height:370px}.speech-bubble{font-size:9px}.speech-one{top:95px;left:8%}.speech-two{top:100px;right:4%}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:850px){.site-shell{padding-inline:30px}.main-nav{gap:20px}.landing-hero{grid-template-columns:1fr 1fr;gap:20px}.landing-copy h1{font-size:46px}.landing-kicker{font-size:8px}.landing-description{font-size:13px}.desktop-break{display:none}.hero-footnote{font-size:8px}.landing-actions{gap:8px}.button-primary,.button-secondary{padding:11px 13px;font-size:11px;gap:15px}.animal-scene{height:330px;border-top-left-radius:95px}.scene-label{font-size:6px;right:24px}.speech-bubble{font-size:8px;padding:6px}.speech-one{top:70px}.speech-two{top:90px}.doodle-one,.doodle-three{bottom:85px}.doodle-two{bottom:100px}.scene-caption{font-size:8px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-shell{grid-template-columns:1fr}.stage-column{min-height:440px;border-right:0;border-bottom:1px solid var(--line)}.icon-stage{min-height:340px}.control-panel{padding:30px}.panel-heading h2{font-size:32px}.state-button{flex-direction:row;align-items:center;justify-content:space-between}.getting-started{gap:26px}.getting-started h2{font-size:27px}}@media (max-width:620px){html{scroll-padding-top:20px}.site-shell{width:100%;margin:0;padding:0 22px;box-shadow:none}.topbar{height:85px;grid-template-columns:1fr auto;gap:16px}.brand-name{font-size:24px}.brand-mark{width:35px;height:35px;flex-basis:35px}.main-nav{display:none}.nav-cta{font-size:11px;padding:10px 13px;border-radius:7px;gap:15px}.landing-hero{grid-template-columns:1fr;gap:32px;padding:30px 0 46px}.landing-kicker{font-size:9px;margin-bottom:18px}.landing-copy h1{font-size:clamp(49px,13vw,68px);line-height:1.07}.landing-description{max-width:320px;font-size:14px;margin-top:23px;line-height:1.85}.landing-actions{margin-top:25px;gap:12px}.button-primary,.button-secondary{padding:12px 14px;font-size:12px;min-height:46px;gap:16px;white-space:nowrap}.hero-footnote{font-size:9px}.animal-scene{height:320px;max-width:450px;width:100%;justify-self:center;border-radius:100px 10px 80px 12px}.scene-label{font-size:7px;right:28px;top:27px}.speech-bubble{font-size:9px;padding:7px 9px}.speech-one{top:55px;left:8%}.speech-two{top:80px;right:5%}.doodle-one{bottom:73px}.doodle-two{bottom:90px}.doodle-three{bottom:75px}.scene-caption{font-size:9px}.scene-footer{left:20px;right:20px;bottom:18px}.icon-collection{margin-top:0}.collection-heading{align-items:start;gap:16px;margin-bottom:20px}.collection-heading h2{font-size:28px}.collection-heading .section-kicker{font-size:8px}.collection-heading>p{display:none}.collection-search{padding:10px 13px;gap:9px;min-height:56px}.collection-search input{font-size:12px}.collection-meta{flex-direction:column;gap:4px;margin-bottom:17px}.collection-meta p{font-size:9px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{min-height:151px}.facts{grid-template-columns:1fr 1fr;padding:0;margin-top:32px}.facts>div{padding:22px 14px;min-height:100px}.facts>div:first-child{padding-left:14px}.facts>div:nth-child(2){border-right:0}.facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.facts strong{font-size:29px}.getting-started h2{font-size:30px}.getting-started .usage-intro>p:not(.section-kicker){font-size:12px}.install-command,.install-example pre{padding-inline:14px}.site-footer{flex-direction:column;gap:15px;padding:24px 0}.site-footer>p>span{margin-left:13px;font-size:9px}.art-credits summary{text-align:left}.detail-view{padding:10px 0 34px}.detail-toolbar p>span{display:none}.detail-toolbar p{font-size:12px}.stage-column{min-height:340px;padding:20px 16px}.icon-stage{min-height:250px}.stage-description{font-size:8px}.control-panel{padding:25px 18px}.panel-heading h2{font-size:clamp(22px,7cqi,30px)}.panel-heading p{font-size:11px}.state-grid{grid-template-columns:1fr 1fr}.state-button{font-size:11px;padding:10px}.slider-controls{grid-template-columns:1fr;gap:18px}.range-control{grid-template-columns:46px 1fr 35px;gap:14px}.range-control input{grid-column:2;grid-row:1}.range-control output{grid-column:3;grid-row:1}.compact-controls{gap:17px;grid-template-columns:1fr}.toggle-control{max-width:140px}.color-controls{gap:16px}.color-control{font-size:7px}.sequence-step select{font-size:9px;height:37px}.sequence-head{gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}