:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#243b32;background:#f2f3ed;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:24px 28px 40px}a{color:#37664d;text-underline-offset:4px}nav{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.eyebrow{margin:25px 0 10px;color:#83724f;font-size:12px;letter-spacing:.12em}h1{font-size:30px;line-height:1.25;margin:0 0 12px}.intro{margin:0 0 23px;color:#67776c;line-height:1.7}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.preview-card{border:1px solid #d7ded2;background:white;border-radius:20px;overflow:hidden;padding:15px}.stage{width:100%;max-width:min(640px,65vh);aspect-ratio:1;position:relative;margin:auto;overflow:hidden;isolation:isolate;border-radius:12px;background:#172e25}.stage[data-background=white]{background:#fff}.stage[data-background=black]{background:#050605}.stage[data-background=checker]{background-color:#f4f4ef;background-image:linear-gradient(45deg,#cbd2c7 25%,transparent 25%),linear-gradient(-45deg,#cbd2c7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd2c7 75%),linear-gradient(-45deg,transparent 75%,#cbd2c7 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0}.stage.small{max-width:240px}.layer{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#character{z-index:1}#effects{z-index:2}.timeline{display:flex;align-items:center;gap:12px;margin-top:16px}.timeline input{flex:1;min-width:80px;accent-color:#54734f}.timeline span{font-size:13px;color:#63705f;white-space:nowrap;font-variant-numeric:tabular-nums}.panel{background:#fff;border:1px solid #d7ded2;border-radius:18px;padding:22px}.panel h2{font-size:18px;margin:0 0 17px}.buttons{display:flex;gap:8px;flex-wrap:wrap}button,select{border:1px solid #c9d6c8;background:#f0f4ec;color:#274933;font:inherit;font-size:14px;padding:9px 13px;border-radius:8px;cursor:pointer}button.primary{background:#315943;color:white;border-color:#315943}button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #315943;background:#e5eddc}button:disabled{opacity:.45;cursor:wait}.check{display:flex;align-items:center;gap:8px;font-size:14px;margin:17px 0}.check input{accent-color:#315943;width:16px;height:16px}.speed{font-size:14px;display:flex;gap:12px;align-items:center}.speed select{flex:1}.group-label{font-size:12px;color:#8b8f7f;margin:23px 0 9px}.muted{color:#6d7768;font-size:13px;line-height:1.65}.rule{border-top:1px solid #e5e9df;margin-top:23px;padding-top:18px}.links{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;margin-top:23px}.foot{font-size:12px;color:#7c8475;line-height:1.6;margin:13px 0 0}.moments button{font-size:13px;padding:8px 10px}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b39853;outline-offset:3px}@media(max-width:860px){.layout{grid-template-columns:1fr}.panel{padding:20px}main{padding:20px 17px}.eyebrow{margin-top:19px}h1{font-size:26px}.stage{max-width:min(640px,57vh)}}