:root{font-synthesis:none;color:#292b24;background:#f5f5f0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #9d910d}button{background:0 0;border:0}button svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:18px;height:18px;display:block}input[type=range]{cursor:pointer;accent-color:var(--accent,#8e8527);min-width:0;height:2px}.studio{grid-template-columns:minmax(0,1fr) 0;height:100dvh;display:grid;overflow:hidden}.studio.gallery-open{grid-template-columns:minmax(0,1fr) 310px}.workspace{--ink:#36382f;--muted:#85877b;--line:#e4e5dd;--accent:#9e8d13;min-width:0;color:var(--ink);background:#fefefe;position:relative}.workspace.dark{--ink:#dfded7;--muted:#81847b;--line:#34372e;--accent:#e4cc57;background:#040404}.stage{background:inherit;position:absolute;inset:0 0 64px;overflow:hidden}.stage:focus{outline:none}.stage:fullscreen{background:inherit;width:100vw;height:100vh;inset:0}.gpu-canvas,.overlay-canvas{width:100%;height:100%;display:block;position:absolute}.overlay-canvas{pointer-events:none}.workspace-header{align-items:center;gap:20px;height:30px;display:flex;position:absolute;top:25px;left:30px;right:24px}.brand{letter-spacing:-.65px;white-space:nowrap;font-size:17px;font-weight:400}.brand b{font-weight:600}.current{color:var(--muted);align-items:center;gap:9px;margin-left:auto;font-size:11px;display:flex}.current>span{opacity:.65;font-variant-numeric:tabular-nums;font-size:9px}.icon-button{min-width:32px;min-height:32px;color:var(--ink);border-radius:3px;place-items:center;padding:6px;display:grid}.icon-button:hover{background:#8888880b}.icon-button[aria-pressed=true]{color:var(--accent)}.gallery-toggle{color:var(--muted);margin-left:0}.controls{justify-content:center;align-items:center;gap:13px;height:32px;display:flex;position:absolute;bottom:19px;left:25px;right:25px}.timeline{min-width:90px;max-width:280px;color:var(--muted);font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:10px;font-size:9px;display:flex}.timeline input{flex:1;width:100%}.timeline span{min-width:25px}.setting{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.setting input{width:58px}.setting.unavailable{display:none}.control-divider{background:var(--line);width:1px;height:14px;margin:0 5px}.text-toggle{letter-spacing:-1px;font-size:14px}.error{color:var(--ink);font-size:12px;line-height:1.5;position:absolute;bottom:65px;left:30px;right:30px}.gallery{visibility:hidden;background:#f4f4ef;border-left:1px solid #e1e2d9;flex-direction:column;width:310px;min-width:310px;height:100%;display:flex;overflow:hidden}.gallery.open{visibility:visible}.gallery-header{border-bottom:1px solid #e1e2d9;flex-shrink:0;padding:25px 19px 17px}.gallery-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.gallery h1{letter-spacing:-.3px;margin:0;font-size:15px;font-weight:400}.gallery-heading>span{color:#93968a;margin-left:auto;font-size:10px}.close-gallery{color:#93968a;min-width:20px;min-height:20px;padding:2px;display:none}.close-gallery svg{width:15px;height:15px}.filters{justify-content:space-between;gap:5px;display:flex}.filters button{color:#86897b;border-bottom:1px solid #0000;padding:5px 6px;font-size:10px}.filters button[aria-pressed=true]{color:#31352a;border-bottom-color:#959d80}.filters button:hover{color:#31352a}.collection-list{scrollbar-width:thin;scrollbar-color:#d1d4c5 transparent;overscroll-behavior:contain;flex:1;min-height:0;padding:2px 15px 25px;overflow-y:auto}.collection{margin-top:20px}.collection h2{color:#626956;letter-spacing:.1px;align-items:center;gap:8px;margin:0 4px 11px;font-size:10px;font-weight:400;display:flex}.collection h2>span{color:#a4a89a;font-size:9px}.collection h2>i{color:#8b8f7d;margin-left:auto;font-size:8px;font-style:normal}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.animation-card{text-align:left;border:1px solid #0000;border-radius:3px;min-width:0;padding:4px}.animation-card:hover{background:#eaece1}.animation-card[aria-pressed=true]{background:#fefefe;border-color:#a3aa93}.thumbnail{aspect-ratio:400/260;background:radial-gradient(circle,#ffed00 20%,#fff9b5 40%,#fefefe 67%);border-radius:1px;width:100%;display:block;overflow:hidden}.thumbnail.dark{background:#151612}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.card-label{white-space:nowrap;letter-spacing:-.15px;align-items:baseline;gap:6px;padding:10px 2px 5px;font-size:10px;display:flex}.card-number{color:#a0a592;font-variant-numeric:tabular-nums;font-size:8px}.animation-card[aria-pressed=true] .card-number{color:#928513}.scrim{display:none}@media (width>=1650px){.studio.gallery-open{grid-template-columns:minmax(0,1fr) 344px}.gallery{width:344px;min-width:344px}.gallery-header{padding-left:24px;padding-right:24px}.collection-list{padding-left:19px;padding-right:19px}.card-label{font-size:11px}}@media (width<=1100px){.controls{gap:7px;left:18px;right:18px}.setting{gap:5px;font-size:9px}.setting input{width:42px}.timeline{gap:6px}.workspace-header{left:24px;right:18px}.control-divider{margin:0 2px}.current{font-size:10px}.intensity{display:none}}@media (width<=760px){.studio,.studio.gallery-open{grid-template-columns:minmax(0,1fr)}.workspace-header{gap:12px;top:19px;left:20px;right:14px}.brand{font-size:16px}.current{gap:6px;font-size:10px}.stage{bottom:67px}.controls{gap:8px;bottom:20px;left:13px;right:13px}.timeline{gap:6px;max-width:none}.timeline>span:last-child,.controls .restart,.control-divider,.setting{display:none}.controls .icon-button{min-width:28px}.gallery{z-index:10;visibility:hidden;width:min(330px,90vw);min-width:0;position:fixed;top:0;right:0;box-shadow:-20px 0 80px #00000012}.gallery.open{visibility:visible}.close-gallery{display:grid}.gallery-header{padding-top:22px}.scrim{z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#15170f44;display:block;position:fixed;inset:0}.card-label{font-size:11px}.collection-list{padding-bottom:24px}.error{font-size:11px;left:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.thumbnail{position:relative}.duration{font-variant-numeric:tabular-nums;color:#989b8d;background:#fefefec9;border-radius:2px;padding:2px 3px;font-size:8px;position:absolute;bottom:4px;right:5px}.filters{gap:1px}.filters button{padding-left:4px;padding-right:4px}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 9px;display:grid}.filters button{text-align:center;padding:5px 4px}.stage:fullscreen{cursor:none}.filters{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px}.filters button{padding:5px 0;font-size:9px}.filters button:first-child{padding-left:0}.media-link{color:var(--muted);white-space:nowrap;padding:7px 0;font-size:10px;text-decoration:none}.media-link span{opacity:.65;margin-left:4px;font-size:8px}.media-link:focus-visible{outline-offset:4px;outline:2px solid #9d910d}@media (width<=760px){.media-link{font-size:9px}.media-link span{display:none}}