/* Shared Cat Atelier chrome for secondary warehouse pages. */
body.cat-page{background-color:#07111f;background-image:linear-gradient(180deg,#07111fa8 0%,#07111f8a 48%,#07111fb8 100%),url('ui-assets/atelier-bg-night-v3.png');background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-position:center top;background-attachment:fixed;color:#edf6ff}
body.cat-page.theme-light{background-color:#fff7f0;background-image:linear-gradient(180deg,#fff7f08c 0%,#fff7f073 48%,#fff7f09e 100%),url('ui-assets/atelier-bg-day-v2.webp');background-size:cover,min(3072px,100vw) auto;background-repeat:no-repeat,no-repeat;background-position:center top;background-attachment:fixed;color:#4c3540}
.cat-tool-page{position:relative}.cat-tool-hero{align-items:center;padding:7px 0 18px;border-color:#2a4f69}.tool-brand{display:flex;align-items:center;gap:12px;min-width:0}.tool-brand .brand-mark{width:54px;height:54px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:17px;border:1px solid #477c91;background:linear-gradient(145deg,#173b58,#11263d);box-shadow:0 10px 24px #0005}.tool-brand .brand-mark img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}.tool-brand h1{font-size:24px;letter-spacing:.01em}.tool-brand p{margin:4px 0 0;color:#94b1c7;font-size:12px}.cat-tool-hero .hero-actions{gap:8px}.cat-tool-hero .tool-theme-toggle{border-color:#b78373;background:#302337;color:#ffe1bf}.cat-tool-hero .tool-back{border-color:#4f82b4;background:#102f4a;color:#bfe4ff}.cat-tool-hero .badge{background:#102b44;border-color:#315a7e}
.cat-tool-page .tool-grid{margin:24px 0 20px}.cat-tool-page .tool-card{border-color:#315a76;border-radius:17px;background:linear-gradient(145deg,#142f48e8,#0d2034eb);box-shadow:0 16px 36px #0004}.cat-tool-page .tool-card:hover,.cat-tool-page .tool-card.active{border-color:#70d7b3;box-shadow:0 16px 34px #0005}.cat-tool-page .tool-card h2{color:#f2f8ff}.cat-tool-page .tool-card p{color:#a8bfd1}.cat-tool-page .tool-card .tool-state{color:#aef0d6;border-color:#427f6d;background:#12372f}.cat-tool-page .panel,.cat-tool-page .result-toolbar{border-color:#315a76;border-radius:18px;background:#0b1c2edb;box-shadow:0 16px 38px #0003}.cat-tool-page .panel h2{color:#f1f7fc}.cat-tool-page .panel h3,.cat-tool-page .field label{color:#c0d6e6}.cat-tool-page .field input[type=text],.cat-tool-page .field input[type=number],.cat-tool-page .field input[type=search],.cat-tool-page .field select,.cat-tool-page .result-toolbar select,.cat-tool-page .result-toolbar input{background:#081827;border-color:#315a76;color:#edf6ff}.cat-tool-page .dropzone{background:#0c2a38;border-color:#5c9b80;color:#c5f3df}.cat-tool-page .dropzone:hover{border-color:#8ce4bd;background:#123c41}.cat-tool-page .hint,.cat-tool-page .queue-item .dim,.cat-tool-page .result-card small{color:#91aabd}.cat-tool-page .result-card{border-color:#315a76;border-radius:13px;background:#10243a}.cat-tool-page .result-card img{border-radius:9px}.cat-tool-page .sprite-preview,.cat-tool-page .anim-box{border-color:#315a76;background:repeating-conic-gradient(#263d4c 0 25%,#172d3c 0 50%) 50%/22px 22px}.cat-tool-page .section-title{border-color:#31506a}.cat-tool-page .section-title h2,.cat-tool-page .result-toolbar .toolbar-title{color:#eaf5ff}.cat-tool-page .result-toolbar{background:#0b1c2edb}.cat-tool-page .result-toolbar .toolbar-summary{color:#a2bfd3}.cat-tool-page .footer{color:#86a2b6}
body.cat-page.theme-light .cat-tool-hero{border-color:#e8c6bb}body.cat-page.theme-light .tool-brand .brand-mark{background:linear-gradient(145deg,#ffe3db,#fff7ef);border-color:#e1b7b1;box-shadow:0 8px 20px #ce8f8233}body.cat-page.theme-light .tool-brand p{color:#80616a}body.cat-page.theme-light .cat-tool-hero .tool-theme-toggle{background:#fff0e8;border-color:#dda4a2;color:#704353}body.cat-page.theme-light .cat-tool-hero .tool-back{background:#fff4ef;border-color:#d9aeb3;color:#6b4853}body.cat-page.theme-light .cat-tool-hero .badge{background:#fff0ea;border-color:#e4b8ae;color:#8d5263}body.cat-page.cat-tool-page.theme-light .tool-card{border-color:#e5c1b8;background:linear-gradient(145deg,#fffaf6e8,#fff0e8eb);box-shadow:0 12px 28px #c58f8422}body.cat-page.cat-tool-page.theme-light .tool-card h2{color:#523c45}body.cat-page.cat-tool-page.theme-light .tool-card p{color:#76515d}body.cat-page.cat-tool-page.theme-light .tool-card .tool-state{color:#30765d;background:#e4f3ea;border-color:#9dcdb7}body.cat-page.cat-tool-page.theme-light .panel,body.cat-page.cat-tool-page.theme-light .result-toolbar{border-color:#e4c2b8;background:#fffaf6e8;box-shadow:0 12px 28px #c58f841e}body.cat-page.cat-tool-page.theme-light .panel h2,body.cat-page.cat-tool-page.theme-light .section-title h2,body.cat-page.cat-tool-page.theme-light .result-toolbar .toolbar-title{color:#4c3540}body.cat-page.cat-tool-page.theme-light .panel h3,body.cat-page.cat-tool-page.theme-light .field label{color:#76515d}body.cat-page.cat-tool-page.theme-light .field input[type=text],body.cat-page.cat-tool-page.theme-light .field input[type=number],body.cat-page.cat-tool-page.theme-light .field input[type=search],body.cat-page.cat-tool-page.theme-light .field select,body.cat-page.cat-tool-page.theme-light .result-toolbar select,body.cat-page.cat-tool-page.theme-light .result-toolbar input{background:#fffefd;border-color:#d9b8ad;color:#4c3540}body.cat-page.cat-tool-page.theme-light .dropzone{background:#eaf5ed;border-color:#9dcdb7;color:#30765d}body.cat-page.cat-tool-page.theme-light .hint,body.cat-page.cat-tool-page.theme-light .queue-item .dim,body.cat-page.cat-tool-page.theme-light .result-card small{color:#76515d}body.cat-page.cat-tool-page.theme-light .result-card{border-color:#e3c4ba;background:#fffefb}body.cat-page.cat-tool-page.theme-light .sprite-preview,body.cat-page.cat-tool-page.theme-light .anim-box{border-color:#d9b8ad;background:repeating-conic-gradient(#e9e3dd 0 25%,#faf6f0 0 50%) 50%/22px 22px}body.cat-page.cat-tool-page.theme-light .section-title{border-color:#ead2c8}body.cat-page.cat-tool-page.theme-light .result-toolbar .toolbar-summary{color:#80636b}body.cat-page.cat-tool-page.theme-light .footer{color:#80636b}
@media(max-width:800px){body.cat-page.theme-light{background-attachment:scroll}.tool-brand h1{font-size:21px}.cat-tool-hero{align-items:flex-start}.cat-tool-hero .hero-actions{justify-content:flex-start}}
@media(max-width:480px){.tool-brand .brand-mark{width:46px;height:46px;border-radius:14px}.tool-brand .brand-mark img{width:63px;height:63px}.tool-brand h1{font-size:18px}.cat-tool-hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.cat-tool-hero .hero-actions .badge{grid-column:1/-1;text-align:center}}

/* Project catalog keeps its production links but adopts the same shell. */
body.cat-project-page{background-color:#07111f;background-image:linear-gradient(180deg,#07111fa8 0%,#07111f8a 48%,#07111fb8 100%),url('ui-assets/atelier-bg-night-v3.png');background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-position:center top;background-attachment:fixed}
body.cat-project-page.theme-light{background-color:#fff7f0;background-image:linear-gradient(180deg,#fff7f08c 0%,#fff7f073 48%,#fff7f09e 100%),url('ui-assets/atelier-bg-day-v2.webp');background-size:cover,min(3072px,100vw) auto;background-repeat:no-repeat,no-repeat;background-position:center top;background-attachment:fixed}
.cat-project-page header{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1500px;margin:0 auto;padding:26px 5vw 20px;border-bottom:1px solid #2a4f69}.project-brand{display:flex;align-items:center;gap:12px}.project-brand .brand-mark{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:17px;border:1px solid #477c91;background:linear-gradient(145deg,#173b58,#11263d);box-shadow:0 10px 24px #0005}.project-brand .brand-mark img{width:74px;height:74px;object-fit:contain}.project-brand h1{margin:0;font-size:clamp(24px,3vw,36px);color:#edf6ff}.project-brand p{margin:6px 0 0;color:#9bb4c8}.project-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-actions a,.project-actions button{border:1px solid #3b6c92;border-radius:9px;padding:8px 13px;color:#dff2ff;background:#112a43;text-decoration:none}.project-actions button{cursor:pointer}.cat-project-page main{max-width:1500px;margin:0 auto;padding:24px 5vw 45px}.cat-project-page .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.cat-project-page .card{position:relative;gap:9px;border:1px solid #315a76;border-radius:17px;padding:13px;background:linear-gradient(145deg,#142f48e8,#0d2034eb);box-shadow:0 15px 32px #0004;transition:transform .18s,border-color .18s,box-shadow .18s}.cat-project-page .card:hover{transform:translateY(-3px);border-color:#70d7b3;box-shadow:0 18px 36px #0005}.cat-project-page .card img,.cat-project-page .card .empty{border-radius:11px;background:repeating-conic-gradient(#263d4c 0 25%,#172d3c 0 50%) 50%/20px 20px}.cat-project-page .card b{color:#edf6ff;font-size:14px}.cat-project-page .card span{color:#b3c7d4}.cat-project-page .card small{color:#9be1c6}.cat-project-page .card::after{content:'打开项目 →';position:absolute;right:14px;bottom:14px;color:#8ed9c1;font-size:11px}
body.cat-project-page.theme-light .project-brand .brand-mark{background:linear-gradient(145deg,#ffe3db,#fff7ef);border-color:#e1b7b1;box-shadow:0 8px 20px #ce8f8233}body.cat-project-page.theme-light .project-brand h1{color:#4c3540}body.cat-project-page.theme-light .project-brand p{color:#76515d}body.cat-project-page.theme-light header{border-color:#e8c6bb}body.cat-project-page.theme-light .project-actions a,body.cat-project-page.theme-light .project-actions button{background:#fff4ef;border-color:#d9aeb3;color:#6b4853}body.cat-project-page.theme-light .cat-project-page .grid{}body.cat-project-page.theme-light .card{border-color:#e3c4ba;background:linear-gradient(145deg,#fffaf6e8,#fff0e8eb);box-shadow:0 12px 28px #c58f8422}body.cat-project-page.theme-light .card:hover{border-color:#58b79d}body.cat-project-page.theme-light .card img,body.cat-project-page.theme-light .card .empty{background:repeating-conic-gradient(#e9e3dd 0 25%,#faf6f0 0 50%) 50%/20px 20px}body.cat-project-page.theme-light .card b{color:#4c3540}body.cat-project-page.theme-light .card span{color:#76515d}body.cat-project-page.theme-light .card small{color:#30765d}body.cat-project-page.theme-light .card::after{color:#a04d61}
@media(max-width:700px){body.cat-project-page.theme-light{background-attachment:scroll}.cat-project-page header{align-items:flex-start;flex-direction:column}.project-brand h1{font-size:24px}.project-actions{width:100%}.project-actions>*{flex:1;text-align:center}.cat-project-page main{padding-top:18px}}