.workspace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}.workspace-stats>a,.workspace-stats>div{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.workspace-stats span{color:var(--muted)}.workspace-stats strong{font-size:30px;line-height:1.35}.workspace-stats .small-stat{font-size:22px}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px}.style-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.style-picture{display:flex;align-items:center;justify-content:center;aspect-ratio:1.7;background:#dfe5df;padding:16px}.style-picture img{width:100%;height:180px;object-fit:contain}.style-body{padding:20px}.style-body h3{font-size:17px;margin:12px 0 6px;overflow-wrap:anywhere}.spread{justify-content:space-between}.style-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.select-label{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.select-label input{width:18px;height:18px;accent-color:var(--brand)}.batch-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--brand-soft);border:1px solid #d3e4da;border-radius:10px;padding:16px;margin-bottom:22px}.workspace-tip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}.pack-card{display:flex;align-items:center;justify-content:space-between;gap:28px}.pack-card h3{font-size:18px;margin:10px 0}.pack-card progress{width:min(420px,100%);height:8px;accent-color:var(--brand);margin-top:10px}.storage-rows{margin:22px 0}.storage-rows>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.storage-rows>div>*:not(:first-child){text-align:right}.storage-path{display:block;overflow-wrap:anywhere;margin:15px 0}.backup-label{font-size:20px;font-weight:600;margin:24px 0 10px}.file-list{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}.file-list summary{cursor:pointer}.file-list>a{display:grid;grid-template-columns:36px 1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.file-list>a:hover{color:var(--brand)}.part img[role=button]{cursor:zoom-in}.error-detail{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--muted);margin-top:16px}.stack>.pack-card{margin-bottom:0}.empty{grid-column:1/-1}
@media(max-width:900px){.workspace-stats{grid-template-columns:repeat(3,1fr);gap:10px}.workspace-stats>a,.workspace-stats>div{padding:16px}.workspace-stats strong{font-size:24px}.workspace-tip,.pack-card{align-items:flex-start;flex-direction:column}.style-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:580px){.workspace-stats{grid-template-columns:1fr}.style-grid{grid-template-columns:1fr}.batch-bar{gap:12px}.batch-bar .btn{flex:1 1 40%}.file-list>a{grid-template-columns:32px 1fr}.file-list>a span:last-child{text-align:right;grid-column:2}.storage-rows>div{grid-template-columns:1.3fr .6fr 1fr}}
dialog.image-dialog{width:min(1500px,96vw);max-height:94vh}.image-viewer{margin-top:12px;max-height:73vh;overflow:auto;background:#dce4e1}.image-viewer img{display:block;margin:auto;max-height:73vh;max-width:100%;object-fit:contain}.image-viewer.actual-size img{max-width:none;max-height:none;margin:0}
