:root{--bg:#1f2b37;--bg-raised:#2b3b4b;--bg-inset:#18222c;--border:#415468;--text:#c6d3df;--text-dim:#8fa3b5;--text-bright:#f3f7fa;--accent:#7fbbe6;--accent-dim:#4d7fa6;--error:#f16365;--warn:#fbd779;--info:#7fbbe6;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}code{background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.92em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-track{background:0 0}.app{flex-direction:column;height:100vh;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand{color:var(--text-bright);letter-spacing:.2px;font-size:17px;font-weight:600}.brand-mark{color:var(--accent);margin-right:6px}.header-file{align-items:center;gap:12px;min-width:0;display:flex}.header-filename{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-weight:600;overflow:hidden}.header-filesize{color:var(--text-dim);font-size:13px}.btn{background:var(--bg-inset);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--accent-dim);color:var(--text-bright)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#16242f;flex-shrink:0;width:44px;height:36px;padding:0;font-size:16px}.btn-primary:hover{color:#16242f;filter:brightness(1.1)}.btn-toggle.on{border-color:var(--accent);color:var(--accent)}select{background:var(--bg-inset);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-size:13px}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12.5px}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--accent);color:#16242f;font-weight:600}.color-pick{border:1px solid var(--border);background:var(--bg-inset);cursor:pointer;border-radius:8px;width:34px;height:30px;padding:2px}.home{text-align:center;flex-direction:column;flex:1;align-items:center;padding:48px 24px 24px;display:flex}.home-headline{color:var(--text-bright);letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(30px,5vw,46px)}.home-accent{color:var(--accent)}.home-sub{max-width:620px;color:var(--text-dim);margin:0 0 28px;font-size:16px;line-height:1.6}.home-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:100%;max-width:860px;margin:36px 0 0;padding:0;list-style:none;display:grid}.home-features li{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:left;color:var(--text-dim);padding:16px 18px;font-size:13px;line-height:1.55}.home-features strong{color:var(--text-bright);margin-bottom:6px;font-size:14px;display:block}.footer{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:14px 24px;font-size:12.5px;display:flex}.footer strong{color:var(--text)}.footer-by a{color:var(--text);border-bottom:1px solid var(--border);font-weight:600;text-decoration:none;transition:border-color .15s}.footer-by a:hover{border-bottom-color:var(--text)}.dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 48px);max-width:640px;margin:0 auto;padding:40px 32px;transition:border-color .2s,background .2s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#7fbbe60d}.dropzone-icon{color:var(--accent);margin-bottom:12px;font-size:56px;line-height:1}.dropzone h2{color:var(--text-bright);margin:0 0 8px}.dropzone p{margin:4px 0}.dropzone-sub{color:var(--text-dim);max-width:420px}.dropzone-error{color:var(--error);margin-top:16px;font-weight:600}.busy{color:var(--text-dim);flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.main{flex:1;grid-template-columns:minmax(380px,1fr) minmax(420px,1.1fr);gap:16px;min-height:0;padding:16px 20px;display:grid}@media (width<=980px){.main{grid-template-columns:1fr;overflow-y:auto}}.preview-col,.info-col{flex-direction:column;min-height:0;display:flex}.player{flex-direction:column;gap:12px;height:100%;display:flex}.stage{border:1px solid var(--border);border-radius:var(--radius);flex:1;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.stage-checker{background-color:#2b3b4b;background-image:conic-gradient(#4a5f75 90deg,#28374633 90deg 180deg,#4a5f75 180deg 270deg,#28374633 270deg);background-size:24px 24px}.stage-note{z-index:2;border:1px solid var(--border);max-width:420px;color:var(--text);text-align:center;background:#18222ceb;border-radius:10px;padding:14px 18px;font-size:13.5px;line-height:1.55;position:absolute}.stage-note strong{color:var(--text-bright)}.stage-anim{width:100%;height:100%}.stage-anim svg,.stage-anim canvas{display:block}.controls{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;gap:12px;padding:12px 14px;display:flex}.controls-row{align-items:center;gap:12px;display:flex}.controls-options{flex-wrap:wrap;row-gap:10px}.scrubber{accent-color:var(--accent);flex:1}.frame-readout{font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap;font-size:12.5px}.control-group{align-items:center;gap:8px;display:flex}.control-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.info-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex;overflow-x:auto}.tabs button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:11px 16px;font-size:13.5px}.tabs button:hover{color:var(--text-bright)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stat{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px}.stat-value{color:var(--text-bright);margin-top:2px;font-size:14.5px;font-weight:600}.section-title{color:var(--text-bright);margin:20px 0 10px;font-size:14px}.type-counts{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--bg-inset);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11.5px;display:inline-block}.badge-ok{border-color:var(--accent-dim);color:var(--accent)}.badge-warn{color:var(--warn);border-color:#a8862e}.badge-error{color:var(--error);border-color:#a04345}.badge-format-png{border-color:var(--accent-dim);color:var(--accent)}.badge-format-jpeg{color:var(--error);border-color:#a04345}.badge-format-svg,.badge-format-gif,.badge-format-webp{border-color:var(--accent-dim);color:var(--info)}.badge-layer-shape{border-color:var(--accent-dim);color:var(--accent)}.badge-layer-image{color:var(--warn);border-color:#a8862e}.badge-layer-precomp{color:var(--text-bright);border-color:#7e93a8}.badge-layer-text{color:var(--error);border-color:#a04345}.badge-layer-solid{color:#aebfce;border-color:#5b6f83}.badge-layer-null{color:var(--text-dim);border-color:#4a5d70}.findings{flex-direction:column;gap:12px;display:flex}.finding{background:var(--bg-inset);border:1px solid var(--border);border-left-width:4px;border-radius:8px;padding:12px 14px}.finding-error{border-left-color:var(--error)}.finding-warning{border-left-color:var(--warn)}.finding-info{border-left-color:var(--info)}.finding-title{color:var(--text-bright);margin-bottom:4px;font-weight:600}.finding-detail{color:var(--text-dim);font-size:13px}.layers-hint{color:var(--text-dim);margin:0 0 10px;font-size:12.5px}.layers-banner{border:1px solid var(--accent-dim);background:#7fbbe61a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;display:flex}.layers-list{flex-direction:column;display:flex}.layer-row.clickable{cursor:pointer}.layer-row.solo{background:#7fbbe61f}.layer-row.is-hidden .layer-name,.layer-row.is-hidden .badge,.layer-row.is-hidden .layer-frames{opacity:.4}.layer-eye{cursor:pointer;filter:grayscale()brightness(1.4);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:13px}.layer-eye.off{color:var(--text-dim);font-size:15px}.solo-chip{z-index:2;border:1px solid var(--accent-dim);color:var(--text-bright);background:#18222ce0;border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:12.5px;display:flex;position:absolute;top:10px;left:10px}.solo-chip button{background:var(--bg-inset);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;width:22px;height:22px;font-size:11px;line-height:1}.solo-chip button:hover{color:var(--text-bright);border-color:var(--accent-dim)}.swatch{vertical-align:-1px;border:1px solid #ffffff59;border-radius:50%;width:12px;height:12px;display:inline-block}.layer-swatches{flex-shrink:0;gap:3px;display:inline-flex}.layer-detail{background:var(--bg-inset);border:1px solid var(--accent-dim);border-radius:8px;margin:4px 12px 10px;padding:12px 14px}.layer-detail-what{color:var(--text-bright);margin:0 0 10px;font-size:13px}.layer-detail-facts{flex-direction:column;gap:7px;margin:0;display:flex}.layer-detail-facts dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.layer-detail-facts dd{color:var(--text);margin:0;font-size:13px}.layer-detail-swatches{flex-wrap:wrap;gap:4px 14px;display:flex}.swatch-labeled{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.layer-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex}.layer-row:hover{background:var(--bg-inset)}.layer-expand{color:var(--text-dim);cursor:pointer;background:0 0;border:none;width:18px;padding:0;font-size:12px}.layer-expand-spacer{flex-shrink:0;width:18px}.layer-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-frames{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.layer-ref{color:var(--text-dim);font-size:12px}.assets-grid{grid-template-columns:1fr;gap:14px;display:grid}.asset-card{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;gap:14px;padding:12px;display:flex}.asset-thumb{border:1px solid var(--border);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.asset-thumb img{object-fit:contain;max-width:100%;max-height:100%}.asset-missing{color:var(--text-dim);text-align:center;word-break:break-all;padding:8px;font-size:11px}.asset-meta{flex:1;min-width:0}.asset-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-weight:600;overflow:hidden}.asset-badges{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.asset-facts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 14px;margin:0;display:grid}.asset-facts dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.asset-facts dd{color:var(--text);margin:0;font-size:13px}.mismatch{color:var(--error);font-weight:600}.empty-state{background:var(--bg-inset);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:16px}.json-view{white-space:pre-wrap;word-break:break-all;color:var(--text);margin:0;font-family:Consolas,Courier New,monospace;font-size:12px}