:root{color:#dce5e4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#111a20;font-family:system-ui,sans-serif}.comparison{background:#19262e;border:1px solid #31414a;border-radius:12px;margin-top:22px;overflow:hidden}.comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 16px;display:grid}.comparison-card{text-align:center;min-width:0}.comparison-card button{margin-bottom:12px;font-size:12px}.comparison-card button[aria-pressed=true]{color:#94d2c8;border-color:#94d2c8}.comparison-card p{color:#94a6ad;font-size:11px}.comparison>.note{padding:0 18px}*{box-sizing:border-box}body{margin:0}header,main{max-width:1160px;margin:auto;padding:24px}header{letter-spacing:.08em;border-bottom:1px solid #2c3b44;justify-content:space-between;font-size:12px;display:flex}a{color:#94d2c8;text-decoration:none}h1{letter-spacing:.03em;margin:24px 0 12px;font-size:clamp(25px,4vw,40px);font-weight:600}h2{margin:0;font-size:15px;font-weight:600}.intro{color:#a6b8bf;margin-bottom:30px;line-height:1.9}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}.preview,aside,.frames,.exports{background:#19262e;border:1px solid #31414a;border-radius:12px;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.panel-title span{color:#94a6ad;letter-spacing:.08em;font-size:10px}.canvas-wrap{background:#10191f;justify-content:center;align-items:center;min-width:0;padding:16px 0;display:flex}canvas{image-rendering:pixelated;display:block}aside{padding:22px}aside h2{margin-bottom:24px;line-height:1.6}.field{justify-content:space-between;align-items:center;margin:15px 0;font-size:13px;display:flex}select,button{font:inherit;color:inherit;cursor:pointer;background:#263a43;border:1px solid #49606b;border-radius:6px;padding:8px}select{max-width:150px}.check{margin:16px 0;font-size:13px;display:block}input{accent-color:#85cabe}dl{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;font-size:12px;display:grid}dt{color:#94a6ad}dd{text-align:right;margin:0}.note{color:#8fa5af;font-size:12px;line-height:1.8}.transport{flex-wrap:wrap;align-items:center;gap:12px;padding:16px;font-size:12px;display:flex}.transport label{flex:1;align-items:center;gap:8px;display:flex}.transport input{width:100%;min-width:65px}output{font-variant-numeric:tabular-nums}.legend{color:#a6b8bf;padding:0 16px 8px;font-size:11px}.left{color:#6fd8dc}.right{color:#f89f72}.frames,.exports{margin-top:22px}.frames p{color:#94a6ad;padding:0 18px;font-size:12px;line-height:1.8}.exports{padding:24px}.exports p{font-size:13px;line-height:1.8}.exports nav{flex-wrap:wrap;gap:12px;display:flex}.exports a{border:1px solid #49606b;border-radius:6px;padding:10px 16px;font-size:13px}#strip{cursor:pointer}@media (width<=850px){.workspace{grid-template-columns:1fr}aside{display:block}}@media (width<=480px){header,main{padding:16px}.panel-title{flex-direction:column;align-items:flex-start}.transport{gap:8px}.transport label{flex-basis:140px}header span{font-size:10px}}@media (width<=600px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}