:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253b34;background:#f6f5ef;font-synthesis:none;--green:#173b32;--muted:#7b8279;--line:#dddfd5;--accent:#c7db94}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9cbd66;outline-offset:3px}button{border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--green);padding:8px 12px}button:hover{background:#e9edde}input[type=checkbox],input[type=range]{accent-color:var(--green)}select{border:1px solid var(--line);background:#fffefa;padding:8px;border-radius:6px;color:var(--green)}.sidebar{width:232px;flex:none;background:var(--green);color:#dce6d5;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:15px;font-weight:650;margin-bottom:54px}.brand-mark{border:1px solid #99b483;color:#ddedbd;border-radius:10px;display:grid;place-items:center;min-width:43px;height:43px;font-family:monospace;letter-spacing:-2px;font-size:22px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-top:5px;color:#9cb4a5}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted)}.sidebar .eyebrow{color:#9cb4a5;margin:0 12px 15px}nav{display:grid;gap:6px}nav button{background:transparent;border:0;color:#bdcfc1;display:flex;align-items:center;gap:12px;padding:12px;text-align:left}nav button.active{background:#c7db94;color:#173b32}nav button:hover{background:#315347;color:#fff}nav button.active:hover{background:#d6e6b0;color:#173b32}.nav-icon{font-size:18px;width:22px}.nav-count{margin-left:auto;font-size:11px;opacity:.7}.sidebar-bottom{margin-top:auto;padding-top:40px}.source-indicator{display:flex;gap:9px;font-size:11px;line-height:1.5;margin-bottom:14px}.source-indicator i{width:7px;height:7px;margin-top:5px;flex:none;border-radius:50%;background:#c7db94}.secondary{width:100%;background:#27493e;color:#e2ecd8;border-color:#50705b;font-size:12px}.secondary:hover{background:#3b5c4b}.text-button{background:transparent;border:0;color:#a4bdad;padding:12px 0;font-size:11px}.text-button:hover{background:transparent;color:#fff}.sidebar-links{display:grid;gap:12px;border-top:1px solid #39594a;margin-top:13px;padding-top:22px;font-size:11px}.sidebar-links a{text-decoration:none}.sidebar-bottom p{font-size:10px;line-height:1.7;color:#89a693;margin-top:22px}main{flex:1;min-width:0;padding:0 36px}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.breadcrumb{font-size:9px;letter-spacing:1.6px;font-weight:600}.breadcrumb span{padding:0 12px;color:#a3a89d}.small{font-size:11px;color:var(--muted)}.collection-header{display:flex;justify-content:space-between;align-items:center;padding:35px 0 24px}h1{font-size:36px;font-weight:500;letter-spacing:-1.4px;margin:9px 0}h2{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:5px 0 10px}.collection-header p{color:var(--muted);font-size:12px;margin:10px 0 0}.collection-total{font-size:44px;color:#b4bdac;font-weight:300}.toolbar{display:flex;align-items:center;gap:16px;margin:0 0 18px}.search{display:flex;align-items:center;gap:10px;flex:1;background:#fffefa;border:1px solid var(--line);border-radius:7px;padding:0 12px;min-width:100px}.search>span{font-size:24px;color:#879382}.search input{width:100%;padding:11px 0;border:0;background:none;outline:none;font-size:12px;color:var(--green)}kbd{font:10px monospace;background:#f0f1e8;border:1px solid #dce0d4;border-radius:3px;padding:2px 5px;color:#8a9385}.select-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.select-label select{font-size:11px}.notice{font-size:11px;line-height:1.6;color:#66775e;padding:10px 13px;border:1px solid #dae0cb;border-radius:6px;background:#eff2e5;margin-bottom:21px}.notice.error{background:#fff0e6;border-color:#e3ba9c;color:#8b442b}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start}.results-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;font-size:11px;color:var(--muted)}.results-line>span:last-child{font-size:8px;letter-spacing:1px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.asset-card{padding:0;overflow:hidden;text-align:left;background:#fffefa;border:1px solid var(--line);border-radius:9px;transition:box-shadow .15s,transform .15s}.asset-card:hover{background:#fffefa;transform:translateY(-2px);box-shadow:0 6px 18px #173b3210}.asset-card.selected{border-color:#577246;box-shadow:0 0 0 2px #8eac6570}.thumbnail{height:128px;display:flex;align-items:center;justify-content:center;background-color:#e9eade;background-image:linear-gradient(45deg,#e0e3d6 25%,transparent 25%,transparent 75%,#e0e3d6 75%),linear-gradient(45deg,#e0e3d6 25%,transparent 25%,transparent 75%,#e0e3d6 75%);background-size:16px 16px;background-position:0 0,8px 8px;overflow:hidden}.thumbnail canvas{max-width:92%;max-height:112px;object-fit:contain;image-rendering:pixelated}.thumbnail.audio{background:#e1e9d6}.wave{height:44px;display:flex;gap:4px;align-items:center}.wave i{display:block;width:4px;border-radius:4px;background:#68815a}.thumbnail .file-symbol{font-size:38px;color:#788771;font-family:monospace}.card-text{padding:13px}.card-text strong{display:block;font:12px ui-monospace,monospace;margin-bottom:8px}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:4px}.badge{display:inline-block;font-size:9px;letter-spacing:.3px;padding:3px 6px;border-radius:4px;color:#627550;background:#edf0e3}.badge.unknown{background:#f2eadb;color:#8e774c}.inspector{border:1px solid var(--line);border-radius:10px;background:#fffefa;overflow:hidden;position:sticky;top:22px;min-width:0}.inspector-empty{padding:95px 20px;text-align:center;color:#7d8c70}.inspector-empty>span{font-size:45px;color:#a8b797}.inspector-empty h2{margin-top:22px;font-size:18px}.inspector-empty p{font-size:12px;line-height:1.8}.inspector-heading{padding:20px 20px 14px}.inspector-heading .eyebrow{margin-bottom:8px}.inspector-heading h2{font-family:ui-monospace,monospace;font-size:18px;overflow-wrap:anywhere}.inspector-heading p{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:0}.inspector-body{padding:0 20px 20px}.preview-stage{height:220px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:6px}.checker{background-color:#ecede4;background-image:linear-gradient(45deg,#dce0d3 25%,transparent 25%,transparent 75%,#dce0d3 75%),linear-gradient(45deg,#dce0d3 25%,transparent 25%,transparent 75%,#dce0d3 75%);background-size:20px 20px;background-position:0 0,10px 10px}.preview-stage canvas{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.action-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.action-row button{font-size:11px}.controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;margin:12px 0}.controls-row label{display:flex;align-items:center;gap:5px}.controls-row select{max-width:180px;font-size:11px}.palette-swatches{display:flex;gap:3px;margin-bottom:16px}.palette-swatches i{flex:1;height:14px;border-radius:2px}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;border-top:1px solid var(--line);padding-top:15px;margin-top:16px;font-size:11px}.metadata dt{color:var(--muted);font-size:10px;margin-bottom:5px}.metadata dd{margin:0;color:#334b36;font-family:ui-monospace,monospace}.sprite-detail{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.sprite-detail canvas{width:96px;height:auto;image-rendering:pixelated}.sprite-detail p{font-size:11px;color:var(--muted)}.hint{font-size:10px;color:var(--muted);line-height:1.7}.table-wrap{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:6px}.table-wrap table{border-collapse:collapse;width:100%;font-size:10px}.table-wrap th{position:sticky;top:0;background:#eef0e4;text-align:left;font-weight:500;color:#72816a;padding:10px 8px}.table-wrap td{padding:8px;border-bottom:1px solid #eef0e5;font-family:ui-monospace,monospace}.table-wrap tr.playing{background:#dce9c7}.table-wrap button{padding:4px 6px;font-size:10px}.cue-title{font-weight:600}.cue-filter{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;font-size:11px;margin:8px 0}.hex{white-space:pre-wrap;font:10px/1.8 ui-monospace,monospace;color:#7c8375;background:#f2f3eb;padding:12px;border-radius:5px}.empty-results{text-align:center;padding:60px 20px;grid-column:1/-1;color:var(--muted);font-size:13px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:36px;padding:20px 0 24px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#9aa18e}body:has(.player:not([hidden])) main{padding-bottom:100px}.player{position:fixed;bottom:18px;left:258px;right:26px;z-index:20;background:#173b32;color:#e4eedb;border:1px solid #57735b;border-radius:12px;box-shadow:0 10px 40px #173b3233;padding:14px 18px;display:flex;gap:12px;align-items:center}.player[hidden]{display:none}.player button{background:#335347;color:#eff7df;border-color:#53705b;min-width:32px}.player button:hover{background:#496951}.now-playing{flex:1;min-width:100px;display:grid;grid-template-columns:1fr auto;gap:6px 15px;font-size:11px}.now-playing strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing span{font-size:10px;color:#9db6a5}.now-playing progress{grid-column:1/-1;width:100%;height:3px;accent-color:#c7db94}.player-option,.volume{font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:6px}.volume input{width:70px;accent-color:#c7db94}dialog{padding:0;border:1px solid #b5c1a3;border-radius:12px;background:#fffefa;max-width:96vw;width:1100px;height:88vh;max-height:96vh;color:var(--green)}dialog::backdrop{background:#112c26b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{display:flex;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-size:12px}.dialog-header strong{margin-right:auto}.dialog-header label{display:flex;gap:8px;align-items:center}.dialog-header button{font-size:11px}#expanded-stage{height:calc(100% - 65px);overflow:auto;padding:24px;cursor:grab}#expanded-stage canvas{image-rendering:pixelated;display:block;max-width:none}#expanded-stage.dragging{cursor:grabbing}.error-detail{padding:15px;background:#fff0e6;color:#8b442b;border-radius:6px;font-size:12px;line-height:1.7}@media(min-width:1550px){main{padding:0 50px}.workspace{grid-template-columns:minmax(0,1fr) 430px;gap:35px}.thumbnail{height:150px}.thumbnail canvas{max-height:135px}.cards{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}@media(max-width:1100px){.sidebar{width:190px;padding:25px 14px}main{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:18px}.cards{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.player{left:210px;flex-wrap:wrap}.player-option{font-size:9px}.brand{font-size:13px}.thumbnail{height:115px}}@media(max-width:850px){.sidebar{width:170px}.workspace{grid-template-columns:1fr}.inspector{position:static}.player{left:184px;gap:7px;padding:12px}.volume{display:none}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.topbar .small{display:none}.inspector-empty{padding:30px}.collection-total{font-size:34px}}@media(max-width:600px){body{display:block}.sidebar{position:static;width:100%;height:auto;padding:18px}.brand{margin-bottom:18px}.sidebar>.eyebrow{display:none}nav{display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:9px;font-size:11px}.nav-icon{display:none}.sidebar-bottom{padding-top:14px;margin:0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sidebar-bottom .secondary{width:auto}.sidebar-bottom p,.sidebar-links,.text-button{display:none}.source-indicator{margin:0;font-size:10px}main{padding:0 18px}.topbar{height:45px}.collection-header{padding:24px 0}.collection-header h1{font-size:30px}.collection-header p{max-width:230px;line-height:1.7}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.results-line>span:last-child{display:none}.player{left:10px;right:10px;bottom:10px}.dialog-header{gap:8px;padding:12px;font-size:10px}.dialog-header kbd{display:none}footer{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:851px){.inspector{max-height:calc(100vh - 44px);overflow:auto;scrollbar-width:thin}}