.wide-panel{width:min(620px,96vw)}
.gallery-panel{width:min(860px,96vw)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-card{background:#fff;border:1px solid #d9d5ca;overflow:hidden}.gallery-card>img,.gallery-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#ddd8ce}.gallery-card>div{padding:16px}.gallery-card small{font:9px Arial;color:#999;letter-spacing:.08em}.gallery-card h3{font:500 20px "Songti SC",serif;margin:7px 0}.gallery-card p{font-size:11px;color:#777}.gallery-card button{width:100%;margin-top:7px}.submission-preview{position:relative;border:1px solid #d7d3c8;background:#eeeae1;padding:8px}.submission-preview img{width:100%;max-height:300px;object-fit:contain;display:block}.submission-preview span{display:block;padding:7px 2px 1px;font-size:10px;color:#777}.publish-request{border-color:#9d7a4d;color:#76562f}
.billing-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 24px}
.billing-summary>div{display:grid;gap:4px;padding:18px;border:1px solid #ddd9cf;background:#f7f5ef}
.billing-summary small,.payment-copy small,.admin-payment-config>small{font-size:10px;letter-spacing:.16em;color:#777}
.billing-summary b{font-size:30px;font-weight:500}.billing-summary span{font-size:12px;color:#777}
.payment-section,.admin-payment-config,.recharge-history{border-top:1px solid #ddd9cf;padding:22px 0}.payment-copy h3,.admin-payment-config h3,.recharge-history h3{margin:5px 0 8px}.payment-copy p{margin:0 0 18px;color:#666;line-height:1.6;font-size:13px}
.scheme-usage{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 0;background:#d8d4c9;border:1px solid #d8d4c9}.scheme-usage>div{display:grid;gap:5px;padding:13px;background:#f5f2eb}.scheme-usage small{font-size:9px;letter-spacing:.12em;color:#888}.scheme-usage b{font-size:13px;font-weight:500;color:#3d504c}.token-line{display:block;margin-top:6px;font-size:10px;color:#52706a}.token-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.token-package{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;padding:14px 16px;border:1px solid #cfc9bc;background:#fff;text-align:left;color:#30332f;cursor:pointer}.token-package:hover:not(:disabled){border-color:#66827c;background:#f1f6f3}.token-package:disabled{opacity:.5;cursor:not-allowed}.token-package b{font-size:14px;font-weight:600}.token-package span{font-size:16px;color:#6b5332}.token-package small{grid-column:1/-1;color:#888}.auto-pay-checkout{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;margin-top:16px;padding:16px;border:1px solid #cfc9bc;background:#f8f6f0}.auto-pay-checkout .qr-wrap{min-height:158px}.auto-pay-checkout h3{margin:6px 0}.auto-pay-checkout p{font-size:12px;color:#666}.qr-wrap{display:grid;place-items:center;min-height:180px;background:#fff;border:1px solid #ddd9cf;padding:10px;text-align:center;color:#888;font-size:12px}.qr-wrap img{width:100%;height:auto;display:block}.admin-payment-config p.ready{color:#37665d}
.admin-payment-config form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.subsection-head{display:flex;align-items:center;justify-content:space-between}.job-item{position:relative}.job-progress{height:4px;background:#e2dfd6;margin-top:10px;overflow:hidden}.job-progress i{display:block;height:100%;background:#7d9d97}.job-status{font-style:normal;padding:3px 7px;background:#e9e6dc;font-size:10px}.job-status.running{background:#dce9e6;color:#315e57}.job-status.completed{background:#dde9d9;color:#315d2d}.job-status.failed{background:#f0ded9;color:#7b3326}.recharge-proof{color:#466c66;text-decoration:underline}
@media(max-width:680px){.token-packages,.scheme-usage{grid-template-columns:1fr}.auto-pay-checkout{grid-template-columns:1fr}.qr-wrap{max-width:220px}.billing-summary{grid-template-columns:1fr}.top-actions{gap:5px}.top-actions .history-trigger{padding:7px 8px;font-size:11px}}
@media(max-width:900px){.topbar{height:auto;min-height:80px;padding-top:10px;padding-bottom:10px}.top-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.history-trigger{padding:7px 8px}}
@media(max-width:650px){.gallery-grid{grid-template-columns:1fr}}
@media(max-width:520px){.brand>span:last-child{display:none}.topbar{padding-left:12px;padding-right:12px}.top-actions{max-width:300px}.top-actions .history-trigger{font-size:9px;padding:6px}.history-trigger b{margin-left:3px}.history-panel{padding:24px}.history-item{grid-template-columns:34px 1fr}.history-swatch{width:34px}.history-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}}