.picture-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.picture-header h2{font-size:26px;margin:0 0 8px}.picture-header p{font-size:14px;color:#798ba3;margin:0}.library-count{display:flex;flex-direction:column;white-space:nowrap;background:white;border:1px solid #dde6f1;border-radius:12px;padding:16px 22px}.library-count b{font-size:23px;color:#245daf}.library-count span{font-size:12px;color:#7d90a8;margin-top:6px}.picture-toolbar{display:flex;gap:12px;margin:10px 0 25px}.picture-toolbar input{max-width:430px}.picture-toolbar select{width:180px}.picture-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.picture-category{padding:15px;text-align:left;background:white;border:1px solid #e0e7f1;border-radius:12px;font-weight:400}.category-preview{height:125px;display:grid;place-items:center;margin-bottom:16px;background:#fff}.category-preview img{max-height:120px;max-width:100%;object-fit:contain}.category-preview span{font-size:55px}.picture-category strong{font-size:15px;color:#29435f}.picture-category small{display:block;color:#8596aa;font-size:12px;margin-top:8px}.picture-count{font-size:11px;border-radius:5px;padding:4px 6px;background:#fff3db;color:#987635}.picture-count.complete{background:#e6f4ec;color:#35785a}.picture-progress{height:4px;background:#ecf1f7;border-radius:5px;margin-top:13px;overflow:hidden}.picture-progress i{display:block;height:100%;background:#7ba6df}.picture-modal{width:min(950px,96vw)}.picture-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:12px;max-height:430px;overflow:auto;padding:5px}.picture-thumb{padding:6px;border:2px solid #e1e8f2;position:relative}.picture-thumb img{aspect-ratio:1;width:100%;object-fit:contain}.picture-thumb small{display:block;font-size:12px;color:#8696aa}.picture-thumb.excluded{opacity:.3;border-color:#a86161}.chart-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.chart-controls h2{margin:8px 0 0;font-size:21px}.chart-filters{display:flex;gap:15px}.chart-filters label{font-size:12px;color:#8493a8}.chart-filters select{font-size:14px;max-width:270px}.line-chart{display:block;width:100%;height:auto;min-height:190px;margin:15px 0}.line-chart circle:hover,.line-chart circle:focus{r:8;fill:#f7bc4c;outline:none}.chart-note{font-size:12px!important;color:#8090a5;line-height:1.7}.chart-values summary{cursor:pointer;font-size:12px;color:#4d7cb7;padding:10px 0}.chart-values table{font-size:12px}.target-graph-heading{margin:28px 0 18px}.target-graph-heading h2{margin:0}.target-line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.target-line-grid .card{margin:0}.line-empty{text-align:center;padding:40px 20px;color:#899bb1;background:#fafcff;margin:15px 0;border-radius:10px}.line-empty>span{font-size:45px;color:#94b3dd}.line-empty h3{font-size:16px;font-weight:500;color:#617c9b}.line-empty p{font-size:12px}.target-line-grid .line-empty{padding:28px 15px}.target-line-grid .line-chart{min-height:160px}
@media(max-width:1100px){.chart-controls{align-items:flex-start;flex-direction:column}.chart-filters{width:100%;flex-wrap:wrap}.picture-header{align-items:flex-start}.picture-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:700px){.picture-header{flex-direction:column;gap:15px}.library-count{width:100%}.picture-cards{grid-template-columns:1fr 1fr;gap:12px}.picture-category{padding:10px}.picture-category strong{font-size:14px}.category-preview{height:95px}.category-preview img{max-height:90px}.target-line-grid{grid-template-columns:1fr}.chart-filters{gap:9px}.chart-filters label:first-child{width:100%}.chart-filters select{max-width:none}.picture-sheet{grid-template-columns:repeat(3,1fr)}.picture-toolbar select{width:135px}}
.target-line-grid{grid-template-columns:1fr}.line-chart{max-height:330px}.target-line-grid .line-chart{max-height:280px}.chart-values table th,.chart-values table td{font-size:13px}.category-preview img{image-rendering:auto}

.image-load-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:14px;max-width:90vw;padding:12px 18px;background:#fff4de;border:1px solid #b97d21;border-radius:12px;color:#583b0b;box-shadow:0 4px 20px #0002;font-size:14px}.image-load-notice button{white-space:nowrap}.picture-load-failed{outline:2px solid #bd7e24;outline-offset:-2px}