.png-flow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px;margin:20px 0;color:var(--muted)}
.png-flow span{display:flex;align-items:center;gap:10px;color:var(--text)}
.png-option{display:flex;align-items:center;gap:12px;margin:18px 0;line-height:1.6}
.png-option input{width:18px;height:18px;flex:none;accent-color:#58d5c5}
.png-archive{padding:24px;margin:16px 0}.png-archive-head{display:flex;align-items:center;gap:15px}.png-archive-head>div{flex:1;min-width:0}.png-archive h3{margin:0;overflow-wrap:anywhere}.png-archive p{color:var(--muted);margin:8px 0}
.png-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;padding:16px 0;border-top:1px solid #273141;border-bottom:1px solid #273141;font-size:12px;color:var(--muted)}.png-stats b{display:block;font-size:18px;color:var(--text);margin-top:8px}.png-actions{flex-wrap:wrap}
.png-import-controls{display:flex;align-items:center;gap:16px;margin:20px 0}.png-import-controls .field{flex:1;margin:0}.png-file-name{overflow-wrap:anywhere;min-width:0}.png-part-list{display:flex;gap:8px;flex-wrap:wrap;max-height:45vh;overflow:auto;margin-top:20px}
@media(max-width:1000px){.png-flow{flex-wrap:wrap;justify-content:flex-start}.png-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.png-archive-head{flex-wrap:wrap}}
@media(max-width:600px){.png-flow>svg{display:none}.png-flow span{width:100%;font-size:13px}.png-archive{padding:16px}.png-import-controls{flex-direction:column;align-items:stretch}.png-archive-head>.badge{white-space:normal}.png-actions .button{font-size:12px}.png-import-controls select{width:100%}}