@font-face{font-family:Monocraft;src:url(/fonts/Monocraft.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:DotGothic16;src:url(/fonts/DotGothic16-Regular.ttf)format("truetype");font-display:swap;font-weight:400}:root{--bg:#393632;--panel:#c6c6c6;--text:#353535;--muted:#5c5c5c;--line:#858585;--slot:#8b8b8b;--green:#416a22;--font:Monocraft, DotGothic16, monospace}*{box-sizing:border-box}body{color:var(--text);background-color:var(--bg);font-family:var(--font);font-synthesis:none;background-image:linear-gradient(90deg,#33302c 2px,#0000 2px),linear-gradient(#33302c 2px,#0000 2px);background-size:32px 32px;margin:0;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;filter:grayscale();opacity:.5}a{color:inherit;text-decoration:none}code,kbd{font-family:var(--font);font-variant-ligatures:none}a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff}button,.primary-button{color:#fff;text-shadow:2px 2px #373737;image-rendering:pixelated;background:#777;border:2px solid #171717;padding:9px 14px;line-height:1.5;box-shadow:inset 2px 2px #aaa,inset -2px -2px #505050}button:hover:not(:disabled),.primary-button:hover{color:#ffffa0;background:#8585ac;box-shadow:inset 2px 2px #b7b7d1,inset -2px -2px #56567a}button:active:not(:disabled){box-shadow:inset 2px 2px #515169,inset -2px -2px #a6a6c5}button:focus-visible{outline:2px solid #fff}button svg{vertical-align:middle;margin-right:6px}.pixel-icon{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle;flex:none;display:inline-block}.site-header{background:#c6c6c6;border:4px solid #171717;border-top:0;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:18px max(24px,50vw - 700px);display:flex;box-shadow:inset 3px 3px #fff,inset -3px -3px #555,0 4px #1c1a18}.brand{white-space:nowrap;align-items:center;gap:16px;font-size:16px;display:flex}.brand b{margin-left:8px;font-size:24px;font-weight:400}.brand small{color:#5d5d5d;letter-spacing:.06em;margin-top:4px;font-size:10px;display:block}.brand-logo{object-fit:contain;flex:none;width:48px;height:48px}.header-right{align-items:center;gap:18px;display:flex}.private-label{align-items:center;gap:7px;font-size:12px;display:flex}.private-label svg{width:20px;height:20px}.user-name{color:#535353;font-size:11px}.logout{padding:6px 10px;font-size:12px}.warehouse-layout{width:calc(100% - 48px);max-width:1400px;min-height:calc(100vh - 240px);margin:36px auto}.sidebar{z-index:1;margin-bottom:-8px;padding:0 24px;position:relative}.sidebar-title,.sidebar-note{display:none}.sidebar nav{scrollbar-width:none;align-items:flex-end;gap:10px;padding:4px 4px 8px;display:flex;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.category{background:#a8a8a8;border:3px solid #171717;border-bottom:0;flex:0 0 66px;justify-content:center;align-items:center;width:66px;height:65px;margin:0;padding:8px;display:flex;position:relative;box-shadow:inset 3px 3px #e5e5e5,inset -3px 0 #555}.category>span{text-shadow:none;font-size:0;line-height:0}.category>span:last-child:not(:first-child){display:none}.category-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.category-icon img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.category-icon-error{font-size:18px;line-height:1}.category.active{height:77px;margin-bottom:-8px;padding-bottom:12px}.category.active,.category.active:hover:not(:disabled){background:#c6c6c6;box-shadow:inset 3px 3px #fff,inset -3px 0 #555}.category:hover:not(:disabled):not(.active){background:#c1c1c1;box-shadow:inset 3px 3px #fff,inset -3px 0 #666}.category:focus-visible{outline-offset:-6px;outline:3px solid #fff}.catalog-main,.main-detail,.login-card{background:var(--panel);border:4px solid #171717;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,5px 5px #211f1b}.catalog-main{padding:28px 30px 32px}.catalog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#5e5e5e;letter-spacing:.06em;font-size:10px;font-weight:400}.catalog-heading h1{margin:4px 0 5px;font-size:28px;font-weight:400;line-height:1.5}.catalog-heading p{color:#555;margin:0;font-size:13px}.item-count{text-align:right;color:#555;flex-direction:column;font-size:11px;line-height:1.3;display:flex}.item-count b{color:#353535;font-size:32px;font-weight:400}.search-bar{color:#fff;background:#252525;border:2px solid #171717;align-items:center;gap:12px;height:50px;padding:0 12px;display:flex;box-shadow:inset 2px 2px #111,inset -2px -2px #747474}.search-bar svg{width:24px;height:24px}.search-bar input{color:#fff;background:0 0;border:0;outline:none;width:100%;height:100%;font-size:14px}.search-bar input::placeholder{color:#b9b9b9}.search-bar kbd{color:#bbb;white-space:nowrap;font-size:11px}.search-bar button{box-shadow:none;color:#fff;background:0 0;border:0;padding:0 6px;font-size:16px}.filter-bar{justify-content:space-between;gap:10px;margin:16px 0 22px;display:flex}.filter-left{gap:10px;display:flex}.filter-bar select{color:#fff;text-shadow:1px 1px #333;background:#777;border:2px solid #252525;max-width:240px;padding:9px 12px;font-size:12px;box-shadow:inset 2px 2px #aaa,inset -2px -2px #505050}.filter-summary{color:#4d4d4d;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.filter-summary button{padding:5px 10px;font-size:11px}.item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.item-card{background:#b4b4b4;border:2px solid #777;min-width:0;padding:6px;position:relative;box-shadow:inset 2px 2px #e7e7e7,inset -2px -2px #8b8b8b}.item-card:hover{background:#c4c4c4;border-color:#fff;outline:2px solid #353535}.item-card:focus-visible{outline:3px solid #fff}.item-image{aspect-ratio:1.2;background:#8b8b8b;border:1px solid #555;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 3px 3px #373737,inset -3px -3px #fff}.item-card:hover .item-image{background:#a4a4a4}.item-image img{object-fit:contain;width:84%;height:84%;image-rendering:pixelated}.dye-badge{background:#c6c6c6;border:1px solid #333;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:6px;right:7px;box-shadow:inset 1px 1px #fff,inset -1px -1px #555}.dye-badge svg{width:24px;height:24px}.card-meta{padding:11px 8px 10px}.card-category{color:#575757;font-size:11px}.card-meta h3{color:#252525;min-height:45px;margin:5px 0 7px;font-size:14px;font-weight:400;line-height:1.6}.card-meta code{color:#555;overflow-wrap:anywhere;padding-right:10px;font-size:10px;line-height:1.6;display:block}.card-arrow{color:#444;font-size:13px;position:absolute;bottom:14px;right:12px}.pixel-loader{border:3px solid #666;border-top-color:#eee;width:16px;height:16px;animation:1s steps(4,end) infinite spin}.preview-error{color:#6d2828;font-size:12px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.pagination button{font-size:13px}.pagination span{font-size:15px}.pagination small{color:#555;font-size:12px}.pagination-top{margin:0 0 20px}.page-jump,.page-jump label{align-items:center;gap:8px;display:flex}.page-jump input{appearance:textfield;color:#fff;width:56px;font:13px var(--font);text-align:center;background:#252525;border:2px solid #555;padding:7px 4px;box-shadow:inset 2px 2px #111,inset -1px -1px #eee}.page-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.site-footer{color:#ccc;background:#262421;border-top:3px solid #171717;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:16px max(24px,50vw - 700px);font-size:11px;display:flex}.site-footer a{color:#ffffa0;margin-left:12px}.main-detail{width:calc(100% - 48px);max-width:1280px;min-height:calc(100vh - 240px);margin:36px auto;padding:26px 30px 34px}.back-button{padding:7px 12px;font-size:12px}.detail-heading{justify-content:space-between;align-items:center;gap:15px;margin:24px 0;display:flex}.detail-heading h1{margin:4px 0;font-size:28px;font-weight:400;line-height:1.5}.detail-id{color:#545454;overflow-wrap:anywhere;font-size:12px}.tag{white-space:nowrap;color:#333;align-items:center;gap:5px;font-size:12px;display:flex}.tag svg{width:26px;height:26px}.detail-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.viewer{background:#8b8b8b;border:2px solid #555;justify-content:center;align-items:center;height:470px;display:flex;position:relative;box-shadow:inset 3px 3px #373737,inset -3px -3px #fff}.viewer img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;padding:25px;display:block}.viewer-label{color:#e8e8e8;text-shadow:1px 1px #444;pointer-events:none;font-size:11px;position:absolute;top:16px;left:16px}.item-dates{color:#555;margin:10px 0 0;font-size:11px}.viewer.placeholder{color:#eee;justify-content:center;align-items:center;padding:25px;font-size:13px;display:flex}.viewer-failure{color:#fff;background:#333d;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.detail-note{background:#b2b2b2;margin-top:20px;padding:16px;box-shadow:inset 2px 2px #777,inset -2px -2px #eee}.detail-note p{color:#333;margin-bottom:0;font-size:13px;line-height:1.8}.settings{background:#b6b6b6;border:2px solid #777;padding:20px;box-shadow:inset 2px 2px #ddd,inset -2px -2px #8b8b8b}.panel-heading{border-bottom:2px solid #999;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;display:flex}.settings h2{color:#333;margin:0;font-size:16px;font-weight:400}.text-button{padding:5px 8px;font-size:11px}.setting-row{justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:14px;display:flex}.setting-row>span small,.setting-row>span code{color:#555;margin-top:3px;font-size:10px;display:block}.setting-row input:not([type=color]):not([type=checkbox]){color:#fff;width:100px;font:13px var(--font);background:#252525;border:2px solid #555;padding:8px;box-shadow:inset 2px 2px #111,inset -1px -1px #eee}.setting-row input[type=checkbox]{accent-color:#7474a5;width:20px;height:20px}.control-block{border-top:2px solid #a1a1a1}.color-control{align-items:center;gap:9px;display:flex}.color-control input{cursor:pointer;background:#8b8b8b;border:2px solid #555;width:32px;height:32px;padding:1px;box-shadow:1px 1px #eee}.color-control code{color:#444;font-size:11px}.control-hint{color:#555;padding-bottom:11px;font-size:11px;line-height:1.6;display:block}.preset-row{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.preset-row button{padding:4px 8px;font-size:11px}.copy-panel{border-top:2px solid #999;margin-top:10px;padding-top:18px}.copy-panel h2{margin-bottom:16px}.copy-row{margin-top:14px}.copy-label{font:11px var(--font);color:#444;margin-bottom:5px}.copy-value{background:#252525;border:2px solid #555;align-items:stretch;min-height:43px;display:flex;box-shadow:inset 2px 2px #111,inset -1px -1px #eee}.copy-value code{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;padding:10px;font-size:11px;line-height:1.8}.copy-value code.unspecified{color:#aaa}.copy-value button{border-width:0 0 0 2px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;min-width:66px;padding:5px 9px;font-size:11px;display:flex}.copy-value button svg{width:20px;height:20px;margin:0}.copy-row small{color:#742d2d;font-size:11px}.share-button{width:100%;margin-top:20px;padding:10px;font-size:12px}.private-hint{text-align:center;color:#555;font-size:11px;line-height:1.6}.loading-text,.state-loading{color:#555;font-size:12px}.error-notice{color:#652e20;overflow-wrap:anywhere;background:#e1b5a6;border:2px solid #853d2d;padding:12px;font-size:13px;line-height:1.8}.empty-state{text-align:center;color:#555;padding:60px 15px}.empty-state>span{font-size:32px}.empty-state h2{font-size:18px;font-weight:400}.empty-state p{font-size:13px}.login-shell{justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:55px 24px;display:flex}.login-card{text-align:center;width:510px;max-width:100%;padding:32px 40px}.login-logo{object-fit:contain;width:80px;height:80px;margin-bottom:15px}.login-card h1{margin:18px 0;font-size:28px;font-weight:400;line-height:1.7}.login-card>p{color:#555;font-size:14px;line-height:1.9}.login-divider{background:#999;height:2px;margin:24px 0;box-shadow:0 2px #ddd}.login-card .login-access{margin-bottom:22px;font-size:13px}.primary-button{padding:14px;font-size:15px;display:block}.login-lock{color:#555;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12px;display:flex}.setup-notice{color:#805626!important;font-size:12px!important}.login-landscape{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.item-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.viewer{height:420px}.catalog-main{padding:26px}.settings{padding:16px}}@media (max-width:760px){.site-header{gap:8px;min-height:78px;padding:14px 16px}.brand{gap:8px;font-size:12px}.brand b{margin-left:4px;font-size:18px}.brand small{letter-spacing:0;font-size:7px}.brand-logo{width:36px;height:36px}.private-label{display:none}.header-right{gap:7px}.user-name{max-width:65px;font-size:9px;overflow:hidden}.logout{padding:4px;font-size:10px}.warehouse-layout{width:calc(100% - 24px);margin:24px auto}.sidebar{padding:0 10px}.sidebar nav{gap:6px}.category{flex-basis:50px;width:50px;height:52px}.category.active{height:63px}.category-icon{width:32px;height:32px}.catalog-main{padding:20px 14px}.catalog-heading{gap:12px;margin-bottom:18px}.catalog-heading h1{font-size:23px}.catalog-heading p{font-size:11px}.eyebrow{font-size:8px}.item-count b{font-size:25px}.item-count{font-size:9px}.search-bar{gap:8px;height:46px;padding-inline:10px}.search-bar input{font-size:12px}.search-bar kbd{display:none}.filter-bar{flex-wrap:wrap;gap:8px;margin:12px 0 18px}.filter-left{flex-wrap:wrap;gap:6px}.filter-bar select{max-width:185px;padding:7px;font-size:11px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{padding:4px}.card-meta{padding:9px 4px}.card-meta h3{min-height:39px;font-size:12px}.card-meta code{font-size:9px}.card-category{font-size:10px}.card-arrow{display:none}.dye-badge{width:22px;height:22px;bottom:5px;right:5px}.dye-badge svg{width:20px;height:20px}.main-detail{width:calc(100% - 24px);margin:24px auto;padding:20px 14px}.detail-heading{gap:10px;margin:20px 0}.detail-heading h1{font-size:24px}.detail-id,.tag{font-size:10px}.tag svg{width:20px;height:20px}.detail-grid{display:block}.viewer{height:350px}.settings{margin-top:22px;padding:18px}.settings h2{font-size:15px}.detail-note{padding:14px}.detail-note p{font-size:12px}.site-footer{min-height:62px;padding:16px;font-size:9px}.site-footer a{margin-left:5px}.login-shell{padding:32px 14px}.login-card{padding:28px 22px}.login-card h1{font-size:24px}.pagination{gap:14px}.pagination button{padding:7px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.pixel-loader{animation:none}}