:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#2d3832;background:#f6f7f5;font-synthesis:none;--accent:#36795c;--accent-dark:#285b45;--border:#e5e9e3;--muted:#909990;--card-size:136px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #65a383;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}
.app-shell{display:grid;grid-template-columns:218px minmax(420px,1fr) 326px;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 18px 22px;background:#fcfdfb;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;font-size:19px;font-weight:700;letter-spacing:-.5px}.brand-sub{display:block;font-size:9px;letter-spacing:3.4px;margin-top:3px;color:#8a978d;font-weight:600}.workspace-badge{display:flex;align-items:center;gap:7px;font-size:11px;margin:30px 9px 35px;padding:10px 8px;border:1px solid var(--border);border-radius:6px;color:#6d7b70;white-space:nowrap}.status-dot{width:6px;height:6px;background:#5f9f77;border-radius:50%;display:inline-block;flex-shrink:0}.version{margin-left:auto;font-family:Consolas,monospace;font-size:10px;color:#909b93}.nav-label{padding:0 14px;font-size:10px;letter-spacing:1.5px;color:#9ba39a;margin-bottom:13px}.nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:45px;padding:0 13px;border-radius:7px;text-align:left;font-size:13px;color:#717d72;transition:background .15s}.nav-item:hover{background:#f0f3ed}.nav-item.active{background:#eaf1e8;color:#387350;font-weight:600}.nav-item svg{width:17px;height:17px}.nav-count{margin-left:auto;font-size:10px;font-weight:400;font-variant-numeric:tabular-nums;color:#9ca69b}.active .nav-count{color:#679175}.sidebar-note{margin:50px 9px 30px;padding:18px 14px 14px;background:#f1f4ed;border:1px solid #e4eade;border-radius:9px}.note-icon{margin-bottom:10px;color:#608666}.note-icon svg{width:22px;height:22px}.sidebar-note strong{font-size:11px;font-weight:600}.sidebar-note p{font-size:10px;line-height:1.9;color:#8a9786;margin:8px 0 14px}.sidebar-note button{padding:0;font-size:10px;color:#577e59;display:flex;justify-content:space-between;width:100%}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;border-top:1px solid var(--border);font-size:10px;color:#7a897e}.sidebar-bottom div{display:flex;align-items:center;gap:7px}.sidebar-bottom p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px;font-size:9px;color:#a1aaa0;margin:8px 0 15px}.sidebar-bottom>span{font-size:8px;color:#a5afa5;letter-spacing:1.2px}
.main{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);background:#fbfcfa}.breadcrumb{font-size:11px;color:#a2aaa1}.breadcrumb span{margin:0 13px;color:#c7cec5}.breadcrumb strong{font-size:11px;font-weight:500;color:#606e61}.topbar-right{display:flex;align-items:center;gap:20px}.vanilla-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:#738370}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#98a196;border-radius:5px;padding:5px}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#eaf0e8;color:#487953}.library-header{padding:34px 34px 25px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:8px;letter-spacing:2px;color:#83957f;font-weight:500}.title-row h1{font-size:32px;letter-spacing:-1px;font-weight:650;margin:9px 0 9px;line-height:1.2}.title-dot{color:#70a579;margin-left:2px}.title-row p{font-size:11px;color:#8e998b;margin:0}.library-stats{text-align:right;align-self:center}.library-stats strong{display:block;font-size:26px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums}.library-stats span{display:block;font-size:9px;color:#9da69a;margin-top:6px}.search-box{display:flex;align-items:center;gap:11px;border:1px solid #dde4d9;background:#fff;border-radius:8px;box-shadow:0 2px 3px #273c1903;height:50px;padding:0 15px;transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:#87b193;box-shadow:0 0 0 3px #78a78a12}.search-box>svg{color:#84987e;width:18px;height:18px}.search-box input{width:100%;outline:0!important;min-width:0;border:0;background:transparent;font-size:12px;color:#3d513c}.search-box input::placeholder{color:#a9b1a5}.search-box input::-webkit-search-cancel-button{display:none}.search-box kbd{border:1px solid #e5e9e1;background:#f8faf6;border-radius:4px;padding:2px 7px;font-family:inherit;font-size:10px;color:#aeb6a7}.quick-search{display:flex;align-items:center;gap:9px;margin-top:12px}.quick-search>span{font-size:9px;color:#a5aea0;margin-right:2px}.quick-search button{font-size:9px;border-radius:4px;border:1px solid #e5eade;padding:4px 8px;color:#8e9b87;background:#f5f7f1}.quick-search button:hover{border-color:#a0b79a;color:#4c794d}
.collection{padding:0 34px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:23px 0 16px;gap:12px}.collection-heading{display:flex;align-items:center;gap:10px;white-space:nowrap}.collection-heading h2{font-size:13px;font-weight:600;margin:0}.collection-heading>span{font-size:9px;color:#899780;background:#eaf0e4;border-radius:4px;padding:3px 6px}.view-controls{display:flex;align-items:center;gap:12px}.sort-control select{border:0;background:transparent;font-size:10px;color:#87917e;outline:0;max-width:95px}.control-divider{height:14px;width:1px;background:#dde4d7}.density-control{display:flex;align-items:center;gap:8px;color:#9da897}.density-control svg{width:13px;height:13px}.density-control input{width:56px;accent-color:#7e9970;height:3px;cursor:pointer}.selection-tools{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a2ac99;margin-bottom:13px}.selection-tools label{display:flex;align-items:center;gap:6px;cursor:pointer}.selection-tools input,.card-check input{width:12px;height:12px;margin:0;accent-color:#498261}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-size),1fr));gap:12px}.asset-card{position:relative;min-width:0;background:#fff;border:1px solid #e2e8dc;border-radius:8px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.asset-card:hover{border-color:#aac29e;box-shadow:0 3px 14px #38532909;transform:translateY(-2px)}.asset-card.active{border-color:#87b38f;box-shadow:0 0 0 1px #87b38f33}.asset-card.selected{background:#f6faf2}.card-main{width:100%;display:block;text-align:left;padding:0}.card-preview{height:124px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#f1f5ec 0,transparent 65%);position:relative}.card-preview img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated;animation:fade-in .25s both}.card-preview.empty-preview svg{width:42px;height:42px;color:#bfcbb7}.card-preview.failed{font-size:10px;color:#ad7566}.card-preview.loading:after{content:'';width:12px;height:12px;border:1.5px solid #dce5d6;border-top-color:#78916c;border-radius:50%;animation:spin .8s linear infinite}.card-check{position:absolute;top:10px;left:10px;z-index:2;padding:2px;opacity:0;transition:opacity .15s;cursor:pointer;line-height:0}.asset-card:hover .card-check,.asset-card.selected .card-check,.card-check:focus-within{opacity:1}.card-type{position:absolute;top:10px;right:10px;font-size:7px;color:#b2bca9;letter-spacing:.5px}.card-meta{padding:0 12px 13px}.card-name{font-size:11px;font-weight:500;color:#55614e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.card-id{font-family:Consolas,"SFMono-Regular",monospace;font-size:8px;letter-spacing:-.25px;color:#a6b09c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.pagination{margin:25px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a4ad9c}.pagination>div{display:flex;align-items:center;gap:13px;font-size:10px}.page-button{height:28px;width:28px;border:1px solid #e1e7da;border-radius:5px;background:#fff;color:#778d6c}.page-button:hover:not(:disabled){background:#eaf1e3}.library-footer{display:flex;justify-content:space-between;margin-top:28px;border-top:1px solid var(--border);padding:20px 0 26px;font-size:8px;color:#b0b8a8;letter-spacing:.5px}.library-footer>span:last-child{letter-spacing:1.5px;font-size:7px}.loading-state{grid-column:1/-1;min-height:350px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#97a28c}.empty-state{text-align:center;padding:65px 0}.empty-state>svg{width:35px;height:35px;color:#afbc9f}.empty-state h3{font-size:16px;font-weight:500}.empty-state p{font-size:11px;color:#99a58d;margin-bottom:22px}.empty-state .secondary-button{width:auto;padding:10px 18px}
.detail-panel{position:sticky;top:0;height:100vh;border-left:1px solid var(--border);background:#fcfdfb;display:flex;flex-direction:column;min-width:0}.detail-top{padding:0 23px;height:76px;min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:11px;color:#839078}.detail-top button{visibility:hidden}.detail-content{padding:28px 23px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dbe3d3 transparent;flex:1}.detail-badges{display:flex;align-items:center;gap:10px}.type-tag{font-size:9px;border-radius:4px;background:#eaf2e5;color:#6d9160;padding:4px 7px}.subtle-label{font-size:7px;letter-spacing:1px;color:#a6b19a}.detail-content>h2{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:14px 0 7px;color:#3e5035}.detail-english{font-size:10px;color:#93a088;margin:0}.resource-id{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:15px 0 20px;padding:3px 3px 3px 10px;background:#f3f6ef;border:1px solid #e7edde;border-radius:5px}.resource-id code{font-family:Consolas,monospace;font-size:9px;color:#899879;overflow:hidden;text-overflow:ellipsis}.resource-id .icon-button{width:24px;height:24px;padding:5px}.resource-id svg{width:12px;height:12px}.checkerboard{background-color:#f8faf5;background-image:linear-gradient(45deg,#eff3e980 25%,transparent 25%),linear-gradient(-45deg,#eff3e980 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eff3e980 75%),linear-gradient(-45deg,transparent 75%,#eff3e980 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.preview-box{position:relative;height:235px;border:1px solid #e5ebde;border-radius:8px;overflow:hidden}#preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#preview canvas,#preview>img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#preview canvas{cursor:grab;touch-action:none}#preview canvas:active{cursor:grabbing}.preview-reset{position:absolute;right:8px;top:8px;background:#fbfdf8cf;width:25px;height:25px}.preview-reset svg{width:12px;height:12px}.preview-mode{position:absolute;bottom:10px;left:10px;font-size:8px;border:1px solid #e6ecdf;background:#fcfdf9cc;color:#90a180;border-radius:3px;padding:3px 5px}.preview-caption{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#a5b096;margin:9px 2px 25px}.tiny-dot{width:4px;height:4px;background:#9eb68a;border-radius:50%}.preview-note{font-size:9px;color:#929b88;line-height:1.8;margin:0 0 20px}.textures-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.textures-heading h3{font-size:11px;font-weight:550;color:#6b795f;margin:0}.textures-heading h3 span{font-size:9px;font-weight:400;margin-left:5px;color:#a2b090}.textures-heading>span{font-size:8px;color:#acb7a0}.texture-list{display:flex;flex-direction:column;gap:8px}.texture-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e6edde;background:#fff;border-radius:6px;min-width:0}.texture-thumb{height:39px;width:39px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #e6edde;border-radius:4px;overflow:hidden;padding:3px}.texture-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.texture-meta{flex:1;min-width:0}.texture-meta strong{font-family:Consolas,monospace;display:block;font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#728564}.texture-meta span{display:block;font-size:8px;color:#b0bca4;margin-top:5px;white-space:nowrap}.texture-download{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#9cae8c;border-radius:4px}.texture-download:hover{background:#ecf3e4;color:#4e7f47}.texture-download svg{width:13px;height:13px}.raw-note{display:flex;gap:7px;font-size:8px;line-height:1.8;color:#a6b39a;margin-top:17px}.raw-note svg{width:12px;height:12px;margin-top:1px}.detail-actions{padding:17px 23px 19px;border-top:1px solid var(--border);background:#fcfdfb}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:6px;padding:12px 14px;font-size:11px;font-weight:500;transition:background .15s}.primary-button{background:var(--accent);color:#f9fff6}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.primary-button svg{width:15px;height:15px;stroke-width:1.6}.end-arrow{margin-left:auto;width:13px!important}.detail-actions .primary-button{justify-content:flex-start}.secondary-button{background:#fff;border:1px solid #dfe8d6;color:#809370}.secondary-button:hover:not(:disabled){background:#f0f6e9;border-color:#bbcda9}.secondary-button svg{width:14px;height:14px}.detail-actions .secondary-button{margin-top:9px;font-size:10px;padding:10px}.detail-actions>p{font-size:8px;text-align:center;color:#acb7a0;margin:12px 0 0}.preview-empty{font-size:11px;color:#aab69b;padding:25px;line-height:1.8;text-align:center}
.batch-bar{position:fixed;bottom:22px;left:calc(50% - 295px);z-index:20;background:#fff;box-shadow:0 6px 40px #274b2b20;border:1px solid #dce8d3;border-radius:10px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:9px;font-size:11px;color:#789067}.batch-number{height:23px;min-width:23px;padding:4px;background:#e8f1df;border-radius:5px;color:#567e45;text-align:center;font-size:10px}.batch-bar>button:not(.primary-button){font-size:10px;color:#99a98a;padding:5px 8px}.batch-bar .primary-button{width:auto;font-size:10px;padding:10px 15px;margin-left:3px}.batch-bar .batch-zip{margin-left:10px;border-left:1px solid #e1e9d9;border-radius:0}.batch-zip svg{width:14px;height:14px}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#2e4b30;color:#fff;font-size:12px;border-radius:7px;box-shadow:0 3px 20px #0002;z-index:100;max-width:90vw}.toast.error{background:#795547}.dialog{border:1px solid #dfe8d6;border-radius:14px;box-shadow:0 20px 80px #20371b25;padding:34px;width:480px;max-width:calc(100vw - 32px);color:#536749}.dialog::backdrop{background:#223b2650;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:13px;top:13px}.success-mark{height:48px;width:48px;border-radius:50%;background:#e8f3e1;color:#4c8557;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.success-mark svg{height:23px;width:23px}.dialog>h2{text-align:center;font-weight:550;font-size:22px;margin:8px 0 12px}.dialog>p{font-size:11px;color:#95a38a;text-align:center;line-height:1.9}.path-label{display:block;font-size:9px;color:#a2b097;margin:25px 0 8px}.export-path{display:block;background:#f4f7ef;border:1px solid #e1e9d8;padding:14px;border-radius:6px;font-size:11px;word-break:break-all;line-height:1.8;color:#778e65}.dialog-note{font-size:9px!important;margin:17px 0 25px!important}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1;font-size:11px}.help-dialog>h2{text-align:left;margin:12px 0 25px}.help-step{display:flex;gap:17px;margin-bottom:24px}.help-step>span{font-size:10px;color:#80a268;background:#ecf3e5;height:26px;width:26px;min-width:26px;border-radius:5px;padding:6px;text-align:center}.help-step strong{font-size:12px;font-weight:500}.help-step p{font-size:10px;color:#96a489;line-height:1.9;margin:7px 0 0}.help-path{font:10px Consolas,monospace;line-height:1.8;background:#f4f7ee;padding:12px;border-radius:6px;word-break:break-all;color:#829b70}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media(min-width:1700px){.app-shell{grid-template-columns:238px minmax(600px,1fr) 358px}.library-header,.collection{padding-left:45px;padding-right:45px}.detail-content,.detail-actions{padding-left:28px;padding-right:28px}.preview-box{height:265px}.sidebar{padding-left:23px;padding-right:23px}.card-preview{height:142px}.card-preview img{width:126px;height:126px}}
@media(max-width:1180px){.app-shell{grid-template-columns:184px minmax(340px,1fr) 284px}.sidebar{padding-left:10px;padding-right:10px}.brand{font-size:16px}.brand img{width:31px;height:31px}.brand-sub{font-size:8px}.workspace-badge{font-size:9px;padding:8px 6px}.version{font-size:9px}.nav-item{font-size:12px;gap:9px}.library-header,.collection{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.detail-content{padding:23px 17px}.detail-actions{padding:15px 17px}.preview-box{height:210px}.density-control{display:none}.card-preview{height:116px}.card-preview img{width:103px;height:103px}.asset-grid{gap:10px;--card-size:116px}.library-stats strong{font-size:23px}.sidebar-note{margin-top:38px;padding:15px 10px}.sidebar-note strong{font-size:10px}.sidebar-note p{font-size:9px}}
@media(max-width:960px){.app-shell{grid-template-columns:170px minmax(320px,1fr)}.detail-panel{position:fixed;right:0;top:0;width:320px;z-index:30;box-shadow:-10px 0 50px #244d2515;display:none}.detail-panel.mobile-open{display:flex}.detail-top button{visibility:visible}.topbar,.detail-top{height:65px;min-height:65px}.batch-bar{left:50%;transform:translateX(-50%)}.library-stats{display:none}.asset-grid{--card-size:130px}.sidebar-note{margin-top:40px}.sidebar{padding-top:26px}.brand{gap:8px}.brand img{width:27px;height:27px}.brand-sub{letter-spacing:2.5px}.workspace-badge{margin:25px 5px 28px;font-size:9px}.version{font-size:8px}.nav-count{font-size:8px}.nav-item{font-size:11px;padding:0 10px;gap:8px}.sidebar-bottom{padding-left:5px;padding-right:5px}.sidebar-bottom p{max-width:145px}.sidebar-bottom>span{font-size:7px}}
@media(max-width:600px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:20px 18px 12px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:18px}.brand img{width:33px;height:33px}.brand-sub{font-size:8px;letter-spacing:3px}.workspace-badge{position:absolute;right:18px;top:25px;margin:0;font-size:9px}.workspace-badge .version{display:none}.nav-label,.sidebar-note,.sidebar-bottom{display:none}.nav{flex-direction:row;gap:5px;margin-top:20px}.nav-item{justify-content:center;font-size:10px;height:37px;padding:0 7px;gap:6px}.nav-item svg{width:13px;height:13px}.nav-count{display:none}.topbar{display:none}.library-header{padding:27px 20px 20px}.title-row{margin-bottom:23px}.title-row h1{font-size:29px}.title-row p{font-size:10px}.search-box{height:46px;padding:0 12px;gap:8px}.search-box input{font-size:11px}.collection{padding:0 20px}.collection-toolbar{padding:20px 0 16px}.collection-heading h2{font-size:12px}.asset-grid{--card-size:125px;gap:10px}.card-preview{height:118px}.card-preview img{width:112px;height:112px}.card-check{opacity:1}.card-type{font-size:6px}.card-name{font-size:10px}.card-id{font-size:7px}.card-meta{padding:0 10px 12px}.pagination{font-size:8px}.pagination>div{gap:10px}.library-footer>span:last-child{display:none}.batch-bar{width:calc(100% - 24px);gap:6px;padding:9px 10px;font-size:9px;bottom:12px}.batch-bar .primary-button{font-size:9px;padding:10px}.batch-bar>button:not(.primary-button){font-size:9px;padding:3px 5px}.batch-bar .batch-zip{margin-left:auto}.detail-panel{width:min(340px,100%)}.dialog{padding:30px 24px}.quick-search{gap:7px}.library-footer{padding-bottom:80px}}

@font-face{font-family:'MC Assets Pixel';src:url('/minecraft-pixel.woff2') format('woff2');font-weight:400;font-display:swap} :root{--mc-font:'MC Assets Pixel',monospace}
.inventory-view{padding:26px 26px 40px;min-height:calc(100vh - 76px);background:radial-gradient(ellipse at top,#42544a 0,#25332d 60%,#1c2923 100%);color:#c4cfc4}.inventory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.inventory-heading .eyebrow{color:#9bb59a;white-space:nowrap}.inventory-heading p,.inventory-guide{font-size:10px;color:#9eaf9e;margin:0}.inventory-guide{text-align:center;margin:24px 0 0;line-height:1.8}.inventory-mode .sidebar-note{display:none}.export-layout{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#8b9b81;margin-bottom:12px}.export-layout select{border:1px solid #dfe8d6;border-radius:4px;background:#fff;color:#718866;padding:5px;font-size:9px}.download-actions{display:flex;gap:8px}.download-actions>button{flex:1;padding:10px 7px!important;font-size:9px!important;white-space:nowrap}.inventory-mode .batch-bar{bottom:18px}@media(max-width:1180px){.inventory-view{padding:24px 16px 35px}.inventory-heading{display:block}.inventory-heading p{margin-top:9px}}@media(max-width:600px){.topbar{display:flex;height:58px;min-height:58px;padding:0 15px}.topbar-right{gap:7px}.vanilla-tag{font-size:8px}.inventory-view{min-height:calc(100vh - 58px);padding:26px 10px 60px}.inventory-heading{padding:0 10px}.inventory-guide{padding:0 12px}}

:root {
  color-scheme: light;
  --theme-surface: #fcfdfb;
  --theme-inset: #f3f6ef;
  --theme-hover: #eaf0e8;
  --theme-secondary: #717d72;
}
.sidebar-settings { margin-top: auto; }
.sidebar-settings .sidebar-bottom { margin-top: 0; }
.theme-toggle {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 10px 11px;
  margin-bottom: 14px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--theme-inset);
  color: var(--theme-secondary);
  font-size: 10px;
}
.theme-toggle:hover { background: var(--theme-hover); }
.theme-toggle svg { width: 15px; height: 15px; }
.theme-toggle-hint { margin-left: auto; font-size: 9px; opacity: .65; }
.theme-sun { display: none; }
[data-theme="light"] .theme-moon { display: none; }
[data-theme="light"] .theme-sun { display: block; }

/* App surfaces follow the theme; the vanilla inventory sprites retain their pixels. */
:root[data-theme="dark"] {
  color-scheme: dark;
  color: #e0e8df;
  background: #1c2923;
  --accent: #438765;
  --accent-dark: #529b76;
  --border: #374b3f;
  --muted: #9cac9e;
  --theme-surface: #223129;
  --theme-inset: #1b2922;
  --theme-hover: #2c4133;
  --theme-secondary: #b8c7b9;
}
[data-theme="dark"] .sidebar,
[data-theme="dark"] .detail-panel,
[data-theme="dark"] .detail-actions,
[data-theme="dark"] .topbar { background: var(--theme-surface); }
[data-theme="dark"] .brand-sub,
[data-theme="dark"] .workspace-badge,
[data-theme="dark"] .version,
[data-theme="dark"] .nav-label,
[data-theme="dark"] .nav-count,
[data-theme="dark"] .sidebar-note p,
[data-theme="dark"] .sidebar-bottom,
[data-theme="dark"] .sidebar-bottom p,
[data-theme="dark"] .sidebar-bottom > span,
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .vanilla-tag,
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .title-row p,
[data-theme="dark"] .library-stats span,
[data-theme="dark"] .quick-search > span,
[data-theme="dark"] .density-control,
[data-theme="dark"] .selection-tools,
[data-theme="dark"] .card-type,
[data-theme="dark"] .card-id,
[data-theme="dark"] .pagination,
[data-theme="dark"] .library-footer,
[data-theme="dark"] .loading-state,
[data-theme="dark"] .empty-state p,
[data-theme="dark"] .detail-top,
[data-theme="dark"] .subtle-label,
[data-theme="dark"] .detail-english,
[data-theme="dark"] .preview-caption,
[data-theme="dark"] .preview-note,
[data-theme="dark"] .textures-heading h3 span,
[data-theme="dark"] .textures-heading > span,
[data-theme="dark"] .texture-meta span,
[data-theme="dark"] .raw-note,
[data-theme="dark"] .detail-actions > p,
[data-theme="dark"] .preview-empty,
[data-theme="dark"] .dialog > p,
[data-theme="dark"] .path-label,
[data-theme="dark"] .help-step p,
[data-theme="dark"] .export-layout { color: var(--muted); }
[data-theme="dark"] .nav-item,
[data-theme="dark"] .breadcrumb strong,
[data-theme="dark"] .icon-button,
[data-theme="dark"] .sort-control select,
[data-theme="dark"] .card-name,
[data-theme="dark"] .textures-heading h3,
[data-theme="dark"] .texture-meta strong,
[data-theme="dark"] .texture-download,
[data-theme="dark"] .secondary-button,
[data-theme="dark"] .batch-bar,
[data-theme="dark"] .batch-bar > button:not(.primary-button),
[data-theme="dark"] .export-path,
[data-theme="dark"] .help-path,
[data-theme="dark"] .resource-id code { color: var(--theme-secondary); }
[data-theme="dark"] .detail-content > h2 { color: #e0e8df; }
[data-theme="dark"] .breadcrumb span { color: #718676; }
[data-theme="dark"] .workspace-badge { background: var(--theme-inset); }
[data-theme="dark"] .nav-item:hover,
[data-theme="dark"] .icon-button:hover,
[data-theme="dark"] .texture-download:hover,
[data-theme="dark"] .page-button:hover:not(:disabled),
[data-theme="dark"] .secondary-button:hover:not(:disabled) { background: var(--theme-hover); color: #d5e6d2; }
[data-theme="dark"] .nav-item.active { background: #345340; color: #c6e7bc; }
[data-theme="dark"] .active .nav-count { color: #aacb9f; }
[data-theme="dark"] .sidebar-note { background: #283b2e; border-color: var(--border); }
[data-theme="dark"] .note-icon,
[data-theme="dark"] .sidebar-note button { color: #a5c599; }
[data-theme="dark"] .search-box,
[data-theme="dark"] .resource-id,
[data-theme="dark"] .export-path,
[data-theme="dark"] .help-path { background: var(--theme-inset); border-color: var(--border); }
[data-theme="dark"] .search-box:focus-within { border-color: #80aa88; box-shadow: 0 0 0 3px #8bc39a14; }
[data-theme="dark"] .search-box > svg { color: #96b096; }
[data-theme="dark"] .search-box input { color: #e0e8df; }
[data-theme="dark"] .search-box input::placeholder { color: #879b8c; }
[data-theme="dark"] .search-box kbd,
[data-theme="dark"] .quick-search button { background: #2a3b2e; border-color: var(--border); color: #aabd9f; }
[data-theme="dark"] .quick-search button:hover { border-color: #75906f; color: #d5e6d2; }
[data-theme="dark"] .collection-heading > span,
[data-theme="dark"] .type-tag,
[data-theme="dark"] .batch-number,
[data-theme="dark"] .help-step > span { background: #304a35; color: #aacd9c; }
[data-theme="dark"] .control-divider { background: var(--border); }
[data-theme="dark"] .asset-card,
[data-theme="dark"] .page-button,
[data-theme="dark"] .texture-row,
[data-theme="dark"] .secondary-button,
[data-theme="dark"] .batch-bar,
[data-theme="dark"] .export-layout select { background: #28392f; border-color: var(--border); }
[data-theme="dark"] .asset-card:hover { border-color: #678666; box-shadow: 0 3px 14px #0002; }
[data-theme="dark"] .asset-card.active { border-color: #7ba37a; box-shadow: 0 0 0 1px #7ba37a33; }
[data-theme="dark"] .asset-card.selected { background: #2c4432; }
[data-theme="dark"] .card-preview { background: radial-gradient(ellipse at 50% 80%, #344b35 0, transparent 65%); }
[data-theme="dark"] .card-preview.empty-preview svg,
[data-theme="dark"] .empty-state > svg { color: #829978; }
[data-theme="dark"] .card-preview.failed { color: #d7a592; }
[data-theme="dark"] .card-preview.loading:after { border-color: #4e6749; border-top-color: #a5c398; }
[data-theme="dark"] .page-button { color: #b6caa7; }
[data-theme="dark"] .detail-content { scrollbar-color: #4b634f transparent; }
[data-theme="dark"] .checkerboard {
  background-color: #23352a;
  background-image: linear-gradient(45deg, #30453380 25%, transparent 25%), linear-gradient(-45deg, #30453380 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #30453380 75%), linear-gradient(-45deg, transparent 75%, #30453380 75%);
}
[data-theme="dark"] .preview-box,
[data-theme="dark"] .texture-thumb { border-color: var(--border); }
[data-theme="dark"] .preview-reset { background: #23352ad9; }
[data-theme="dark"] .preview-mode { background: #26392bdd; color: #adbf9e; border-color: var(--border); }
[data-theme="dark"] .export-layout select { color: #b8c7b0; }
[data-theme="dark"] .batch-bar { box-shadow: 0 6px 40px #0004; }
[data-theme="dark"] .batch-bar .batch-zip { border-left-color: var(--border); }
[data-theme="dark"] .toast { background: #345b40; color: #edf6e9; border: 1px solid #53785a; }
[data-theme="dark"] .toast.error { background: #654b40; border-color: #9b7564; }
[data-theme="dark"] .dialog { background: var(--theme-surface); color: #e0e8df; border-color: var(--border); box-shadow: 0 20px 80px #0006; }
[data-theme="dark"] .dialog::backdrop { background: #101b16aa; }
[data-theme="dark"] .success-mark { background: #304a35; color: #abd39b; }

@media (max-height: 760px) and (min-width: 601px) {
  .sidebar { padding-top: 22px; padding-bottom: 16px; }
  .workspace-badge { margin-top: 22px; margin-bottom: 24px; }
  .sidebar-note { display: none; }
}
@media (max-height: 640px) and (min-width: 601px) {
  .sidebar-note { display: none; }
  .sidebar { overflow-y: auto; }
  .sidebar-settings { padding-top: 20px; }
}
@media (max-width: 600px) {
  .nav { overflow-x: auto; }
  .nav-item { flex: 1 0 auto; width: auto; white-space: nowrap; }
  .sidebar-settings { position: fixed; left: 12px; bottom: 12px; z-index: 35; }
  .theme-toggle { width: 38px; height: 38px; padding: 10px; margin: 0; justify-content: center; box-shadow: 0 3px 12px #0002; }
  .theme-toggle span { display: none; }
  .app-shell:has(.batch-bar:not([hidden])) .sidebar-settings { bottom: 72px; }
  .breadcrumb { font-size: 10px; }
  .breadcrumb span { margin: 0 9px; }
}