canvas[data-v-94658e2c]{width:100%;height:100%;display:block}.chart-layout[data-v-deccdb89]{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.gameplay[data-v-deccdb89]{overflow:hidden}.game-header[data-v-deccdb89],.game-footer[data-v-deccdb89]{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.game-header h3[data-v-deccdb89]{margin:8px 0 0;font-size:17px;font-weight:500}.game-stats[data-v-deccdb89]{color:var(--muted);gap:20px;font-size:11px;display:flex}.play-area[data-v-deccdb89]{aspect-ratio:16/9;background:var(--stage);border-block:1px solid var(--border);width:100%;overflow:hidden}.game-footer[data-v-deccdb89]{color:var(--muted);font-size:10px}.chart-timeline[data-v-deccdb89]{width:calc(100% - 48px);margin:0 24px 20px}.chart-notes[data-v-deccdb89]{padding:24px}.chart-notes h3[data-v-deccdb89]{font-size:17px;font-weight:500}.kind-row[data-v-deccdb89]{align-items:center;gap:12px;margin:17px 0;font-size:12px;display:flex}@media (width<=1000px){.chart-layout[data-v-deccdb89]{grid-template-columns:1fr}}.sprite-error[data-v-37f9539b]{color:#ffb6ad;font-size:12px;position:absolute;bottom:12px;left:20px;right:20px}.empty[data-v-092784e7]{text-align:center;padding:70px}.empty p[data-v-092784e7]{color:var(--muted)}.frame-compare[data-v-092784e7]{grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.frame-compare>div[data-v-092784e7]{height:350px;position:relative;overflow:hidden}.frame-compare>div+div[data-v-092784e7]{border-left:1px solid var(--border)}.canvas-label[data-v-092784e7]{color:#9299aa;letter-spacing:1.3px;font-size:10px;position:absolute;top:20px;left:24px}.frame-transport[data-v-092784e7]{margin-top:14px;padding:14px 20px}.scrubber[data-v-092784e7]{flex:1;min-width:100px}.frame-info[data-v-092784e7]{grid-template-columns:2fr 1fr;gap:24px;margin-top:20px;display:grid}table[data-v-092784e7]{border-collapse:separate;border-spacing:0;width:100%;padding:12px;font-size:12px}th[data-v-092784e7],td[data-v-092784e7]{text-align:left;padding:9px 12px}th[data-v-092784e7]{color:var(--muted);font-weight:400}.frame-grid[data-v-092784e7]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.frame-cell[data-v-092784e7]{background:var(--stage);min-width:0;padding:8px}.frame-cell.selected[data-v-092784e7]{border-color:var(--accent)}.frame-cell>div[data-v-092784e7]{background-repeat:no-repeat;width:100%}.frame-cell span[data-v-092784e7]{color:var(--muted);margin-top:8px;font-size:10px;display:block}.asset-list[data-v-092784e7]{margin-top:22px;padding:20px;font-size:12px}.asset-list summary[data-v-092784e7]{cursor:pointer}.asset-list>div[data-v-092784e7]{border-top:1px solid var(--border);padding:12px 0}.asset-list span[data-v-092784e7]{color:var(--muted);margin-left:20px}.pattern[data-v-092784e7]{overflow-wrap:anywhere}.compat-links[data-v-092784e7]{flex-wrap:wrap;gap:10px;display:flex}@media (width<=800px){.frame-info[data-v-092784e7]{grid-template-columns:1fr}}.note-card[data-v-3c527add]{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow:hidden}header[data-v-3c527add]{align-items:center;gap:10px;padding:17px 18px;display:flex}h3[data-v-3c527add]{flex:1;margin:0;font-size:14px}.card-stage[data-v-3c527add]{border-block:1px solid var(--border);grid-template-columns:1fr 100px;height:230px;display:grid}.motion[data-v-3c527add],.ready[data-v-3c527add]{min-width:0;position:relative}.ready[data-v-3c527add]{border-left:1px solid #80808025}.canvas-label[data-v-3c527add]{letter-spacing:1.4px;color:#89909e;font-size:9px;position:absolute;bottom:12px;left:14px}details[data-v-3c527add]{color:var(--muted);min-height:58px;padding:13px 18px;font-size:11px;line-height:1.6}summary[data-v-3c527add]{cursor:pointer}p[data-v-3c527add]{margin:8px 0}strong[data-v-3c527add]{color:var(--text);font-weight:500}.gallery[data-v-2325f365]{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (width>=1600px){.gallery[data-v-2325f365]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=950px){.gallery[data-v-2325f365]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.gallery[data-v-2325f365]{grid-template-columns:1fr}}.inspector-stage[data-v-20699fc3]{border:1px solid var(--border);border-radius:12px;height:470px;display:grid;overflow:hidden}.inspector-stage.compare[data-v-20699fc3]{grid-template-columns:1fr 1fr}.inspector-stage>div[data-v-20699fc3]{min-width:0;position:relative;overflow:hidden}.inspector-stage>div+div[data-v-20699fc3]{border-left:1px solid var(--border)}.canvas-label[data-v-20699fc3]{color:#9299aa;letter-spacing:1.5px;font-size:10px;position:absolute;top:20px;left:24px}.transport[data-v-20699fc3]{margin-top:16px;padding:16px 20px}.readout[data-v-20699fc3]{color:var(--accent);margin-left:auto}.timeline[data-v-20699fc3]{width:100%;margin:15px 0 8px}.timeline-labels[data-v-20699fc3]{color:var(--muted);justify-content:space-between;margin-bottom:15px;font-size:11px;display:flex}.filmstrip[data-v-20699fc3]{grid-template-columns:repeat(var(--count), minmax(70px, 1fr));gap:8px;margin-top:16px;display:grid;overflow-x:auto}.film-frame[data-v-20699fc3]{height:110px;padding:0;position:relative;overflow:hidden}.film-frame span[data-v-20699fc3]{color:#9299aa;font-size:10px;position:absolute;bottom:6px;left:8px}.palette-layout[data-v-fa7d337f]{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:24px;display:grid}.palette-section[data-v-fa7d337f]{margin-bottom:18px;padding:24px}.palette-section h3[data-v-fa7d337f]{margin:0 0 22px;font-size:15px;font-weight:500}.section-heading[data-v-fa7d337f]{margin:0 0 20px}.section-heading h3[data-v-fa7d337f]{margin:0}.presets[data-v-fa7d337f]{flex-wrap:wrap;gap:10px;display:flex}.preset[data-v-fa7d337f]{flex:1;min-width:94px;padding:14px 10px;font-size:11px}.preset-colors[data-v-fa7d337f]{justify-content:center;gap:4px;margin-bottom:12px;display:flex}.preset-colors i[data-v-fa7d337f]{border-radius:50%;width:16px;height:16px}.global-slider[data-v-fa7d337f]{margin-bottom:24px}.global-slider label[data-v-fa7d337f]{justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.global-slider input[data-v-fa7d337f]{width:100%}.ring-input[data-v-fa7d337f]{align-items:center;gap:15px;font-size:12px;display:flex}.family[data-v-fa7d337f]{border-top:1px solid var(--border);padding:18px 0}.family[data-v-fa7d337f]:last-child{padding-bottom:0}.family h4[data-v-fa7d337f]{margin:0 0 14px;font-size:12px;font-weight:500}.family-direction[data-v-fa7d337f]{align-items:center;gap:12px;margin-top:12px;display:flex}.family-direction input[type=range][data-v-fa7d337f]{flex:1;min-width:70px}.dir[data-v-fa7d337f]{color:var(--muted);width:10px}.shade-strip[data-v-fa7d337f]{grid-template-columns:repeat(11,1fr);gap:2px;margin:6px 0 0 22px;display:grid}.shade-strip i[data-v-fa7d337f]{border-radius:3px;justify-content:center;align-items:flex-end;height:18px;display:flex}.shade-strip i.base[data-v-fa7d337f]{outline-offset:1px;outline:1px solid #fff}.shade-strip span[data-v-fa7d337f]{color:#fff;mix-blend-mode:difference;opacity:.7;font-size:8px;font-style:normal}.hex-input[data-v-fa7d337f]{width:88px;padding:8px;font-size:11px}.hue-value[data-v-fa7d337f]{text-align:right;width:37px;color:var(--muted);font-size:11px}.reset-family[data-v-fa7d337f]{padding:6px 8px}.preview-panel[data-v-fa7d337f]{position:sticky;top:20px;overflow:hidden}.preview-heading[data-v-fa7d337f]{padding:24px 24px 12px}.preview-heading h3[data-v-fa7d337f]{font-size:15px;font-weight:500}.preview-column-labels[data-v-fa7d337f]{text-align:center;color:var(--muted);letter-spacing:1px;grid-template-columns:1fr 1fr;margin-left:120px;font-size:9px;display:grid}.palette-preview-row[data-v-fa7d337f]{border-top:1px solid var(--border);background:var(--stage);grid-template-columns:135px 1fr 1fr;align-items:center;height:85px;display:grid}.palette-preview-row>span[data-v-fa7d337f]{color:var(--muted);padding-left:24px;font-size:11px}.palette-preview-row>div[data-v-fa7d337f]{min-width:0;height:85px}textarea[data-v-fa7d337f]{resize:vertical;width:100%;margin:14px 0;padding:14px;font-size:12px}details[data-v-fa7d337f]{font-size:12px}summary[data-v-fa7d337f]{cursor:pointer}pre[data-v-fa7d337f]{overflow-x:auto}.actions[data-v-fa7d337f]{align-items:center;gap:8px;display:flex}.file-button[data-v-fa7d337f]{border:1px solid var(--border);cursor:pointer;border-radius:7px;padding:9px 13px;font-size:12px}.file-button input[data-v-fa7d337f]{display:none}.palette-status[data-v-fa7d337f]{border:1px solid var(--border);background:#262936ee;border-radius:8px;margin:0;padding:14px 20px;font-size:12px;position:sticky;bottom:12px;box-shadow:0 8px 25px #0004}.palette-status.error[data-v-fa7d337f]{color:#ffb6ad}@media (width<=1000px){.palette-layout[data-v-fa7d337f]{grid-template-columns:1fr}.preview-panel[data-v-fa7d337f]{position:static}}.chart-layout[data-v-91d843c6]{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.gameplay[data-v-91d843c6]{flex-direction:column;gap:12px;display:flex;overflow:hidden}.game-header[data-v-91d843c6]{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.game-footer[data-v-91d843c6]{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 24px 20px;font-size:10px;display:flex}.game-header h3[data-v-91d843c6]{margin:8px 0 0;font-size:17px;font-weight:500}.game-stats[data-v-91d843c6]{color:var(--muted);gap:20px;font-size:11px;display:flex}.play-area[data-v-91d843c6]{aspect-ratio:16/9;background:var(--stage);border-block:1px solid var(--border);width:100%;position:relative;overflow:hidden}.chart-timeline[data-v-91d843c6]{width:calc(100% - 48px);margin:0 24px}@media (width<=1000px){.chart-layout[data-v-91d843c6]{grid-template-columns:1fr}}.level-card[data-v-91d843c6]{padding:24px}.level-card h3[data-v-91d843c6]{margin:0 0 14px;font-size:17px;font-weight:500}.file-pick[data-v-91d843c6]{cursor:pointer;display:block}.file-pick input[data-v-91d843c6]{display:none}.pick-btn[data-v-91d843c6]{border:1px solid var(--border);text-align:center;color:var(--text);border-radius:8px;padding:10px 12px;font-size:12px;transition:border-color .15s;display:block}.pick-btn[data-v-91d843c6]:hover{border-color:var(--accent)}.demo-btn[data-v-91d843c6]{border:1px solid var(--border);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:10px 12px;font-size:12px}.demo-btn[data-v-91d843c6]:hover{border-color:var(--accent)}.demo-btn[data-v-91d843c6]:disabled{opacity:.5;cursor:default}.credit[data-v-91d843c6]{margin:8px 0 16px;font-size:10px;line-height:1.6}.credit a[data-v-91d843c6]{color:var(--muted);text-decoration:underline}.hint[data-v-91d843c6]{margin:12px 0 16px}.diff-list[data-v-91d843c6]{flex-direction:column;gap:8px;display:flex}.diff-row[data-v-91d843c6]{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.diff-row[data-v-91d843c6]:disabled{opacity:.45;cursor:default}.diff-row.active[data-v-91d843c6]{border-color:var(--accent);color:var(--accent)}.diff-row .type[data-v-91d843c6]{letter-spacing:1px;font-size:10px}.diff-row .name[data-v-91d843c6]{flex:1}.error[data-v-91d843c6]{color:#d25669;margin:12px 0 0}:root{color:#e7e9ef;font-synthesis:none;--text:#e7e9ef;--muted:#8b91a2;--accent:#bbc5ff;--panel:#1c1e27;--border:#30333f;--stage:#16171d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111218;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:#edf0ff}button,select,input[type=text],input:not([type]),textarea{color:var(--text);background:#252834;border:1px solid #3b3e4e;border-radius:7px}button{cursor:pointer;padding:9px 13px;font-size:12px;transition:border-color .15s,background .15s}button:hover{background:#303443;border-color:#818ba9}button:active{background:#3b4052}button.quiet{background:0 0}select{max-width:230px;padding:8px 28px 8px 10px;font-size:12px}input[type=range]{accent-color:var(--accent);cursor:pointer;height:5px}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px;margin:0 3px 0 0}input[type=color]{cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input[type=range]:focus-visible{outline-offset:8px}.app{max-width:1920px;margin:0 auto}.app-header{border-bottom:1px solid var(--border);align-items:center;gap:32px;padding:28px 40px;display:flex}.brand{color:var(--text);letter-spacing:2px;align-items:center;gap:14px;font-size:17px;font-weight:650;display:flex}.brand-sub{letter-spacing:2px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:400;display:block}.brand-symbol{border:2px solid #d8def9;border-radius:50%;width:34px;height:34px;position:relative}.brand-symbol:after{content:"";background:#d8def9;height:2px;position:absolute;top:14px;left:-7px;right:-7px}.brand-symbol i{background:#bbc5ff;border-radius:50%;position:absolute;inset:7px}.header-tag{color:var(--muted);letter-spacing:1.6px;margin-left:18px;font-size:9px}.version{border:1px solid var(--border);letter-spacing:0;border-radius:4px;margin-left:8px;padding:3px 6px}.live-badge{color:#8daf9e;letter-spacing:1.2px;align-items:center;gap:8px;margin-left:auto;font-size:9px;display:flex}.live-badge i{background:#8edbb4;border-radius:50%;width:5px;height:5px}nav{border-bottom:1px solid var(--border);gap:28px;padding:0 40px;display:flex}nav a{color:var(--muted);align-items:center;gap:10px;padding:19px 4px;font-size:12px;display:flex;position:relative}nav a .mono{color:#656b7d;font-size:9px}nav a.active{color:var(--text)}nav a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}nav a.active .mono{color:var(--accent)}main{padding:34px 40px 60px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--muted);font-size:9px;font-weight:500}h1{letter-spacing:-1px;margin:14px 0 12px;font-size:clamp(24px,2.4vw,34px);font-weight:500}.page-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.page-mark{color:#3b4053;margin-left:20px;font-size:36px}.page-mark span{color:#636b80;margin-left:6px;font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:15px 22px;margin-bottom:24px;display:flex}.toolbar label{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.toolbar label>span{color:var(--text)}.toolbar input[type=range]{width:85px}.toolbar.compact{gap:12px 20px;margin-bottom:0}.mono{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.muted{color:var(--muted)}.badge{letter-spacing:1px;color:#9299aa;border:1px solid var(--border);border-radius:4px;padding:4px 5px;font-size:8px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.surface.dark{background:var(--stage)}.surface.light{background:#e9eaf0}.surface.checker{background-color:#252733;background-image:conic-gradient(#3a3e4c 25%, transparent 0 50%, #3a3e4c 0 75%, transparent 0);background-size:24px 24px}.caption{color:var(--muted);font-size:12px;line-height:1.7}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.section-heading{justify-content:space-between;align-items:center;margin:28px 0 16px;display:flex}.section-heading h3{margin:0;font-size:15px;font-weight:500}.section-heading a{font-size:11px}hr{border:0;border-top:1px solid var(--border);margin:24px 0}code{color:#c4cdf6;background:#2c3040;border-radius:4px;padding:4px 6px;font-size:11px}.hue-range{appearance:none;background:linear-gradient(90deg,#ed7c96,#d59357,#abc452,#59caa1,#64bcd9,#919ce9,#d58ada,#ed7c96);border-radius:10px}.hue-range::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #1c1e27;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #e7e9ef}.hue-range::-moz-range-thumb{background:#fff;border:2px solid #1c1e27;border-radius:50%;width:10px;height:10px}footer{border-top:1px solid var(--border);color:#72798d;letter-spacing:1px;justify-content:space-between;gap:16px;padding:24px 40px;font-size:9px;display:flex}@media (width<=1000px){main{padding:28px 24px 40px}.app-header{padding:24px}nav{gap:22px;padding:0 24px}.header-tag{display:none}}@media (width<=600px){nav{gap:17px;overflow-x:auto}nav a{white-space:nowrap}nav a .mono,.page-mark{display:none}main{padding:24px 16px 40px}.app-header{padding:20px}footer{flex-direction:column;padding:20px}}