@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);.drop-zone{background:#fff;border:1.5px dashed #00000026;border-radius:16px;cursor:pointer;margin-bottom:24px;padding:48px 32px;text-align:center;transition:border-color .2s,background .2s}.drop-zone--active,.drop-zone:hover{border-color:var(--accent)}.drop-zone--active{background:#f0f4ff}.drop-zone__icon{font-size:2rem;margin-bottom:12px}.drop-zone__title{color:var(--text);font-size:1rem;font-weight:500;margin-bottom:6px}.drop-zone__sub{color:var(--muted);font-size:13px}.drop-zone__browse{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;margin-top:16px;padding:8px 22px;transition:opacity .15s}.drop-zone__browse:hover{opacity:.88}.toolbar-wrap{margin:0 0 18px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar__count{color:var(--muted);font-size:13px;margin-right:auto}.tb-btn{background:#fff;border:.5px solid #0000001f;border-radius:8px;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:400;padding:6px 14px;transition:all .15s;white-space:nowrap}.tb-btn:hover{border-color:var(--accent);color:var(--accent)}.tb-btn--danger:hover{background:#fff5f5;border-color:var(--danger);color:var(--danger)}.cat-filter{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{background:#fff;border:.5px solid #0000001f;border-radius:999px;color:var(--muted);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;padding:4px 12px;transition:all .15s}.filter-pill--active,.filter-pill:hover{background:#eef2ff;border-color:var(--accent);color:var(--accent)}.cat-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.cat-tag{border-radius:999px;cursor:pointer;font-size:11px;font-weight:500;padding:3px 10px;transition:opacity .15s}.cat-tag:hover{opacity:.7}.cat-tag--0{background:#e8effe;color:#4f7ef8}.cat-tag--1{background:#f0ebfe;color:#8b5cf6}.cat-tag--2{background:#fef3e8;color:#f59e0b}.cat-tag--3{background:#e8fdf4;color:#10b981}.cat-tag--4{background:#fee8e8;color:#e05252}.cat-input{background:var(--surface2);border:1px solid var(--accent);border-radius:999px;color:var(--text);outline:none;padding:3px 8px;width:80px}.cat-add-btn,.cat-input{font-family:Inter,sans-serif;font-size:11px}.cat-add-btn{background:#0000;border:1px dashed #00000026;border-radius:999px;color:var(--muted);cursor:pointer;padding:3px 10px;transition:all .15s}.cat-add-btn:hover{border-color:var(--accent);color:var(--accent)}.img-card{background:#fff;border:.5px solid #0000001a;border-radius:12px;overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s}.img-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.img-card--selected{border-color:var(--accent);border-width:1.5px}.img-card__check{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1.5px solid #fffc;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;left:10px;position:absolute;top:10px;transition:all .15s;-webkit-user-select:none;user-select:none;width:22px;z-index:2}.img-card__check--on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.img-card__preview-wrap{overflow:hidden;position:relative}.img-card__preview{display:block;height:165px;object-fit:cover;transition:transform .3s ease;width:100%}.img-card__placeholder{align-items:center;background:var(--surface2);display:flex;font-size:2.5rem;height:165px;justify-content:center;width:100%}.img-card:hover .img-card__preview{transform:scale(1.03)}.img-card__overlay{align-items:flex-end;background:linear-gradient(0deg,#0000008c 0,#0000 55%);display:flex;gap:8px;inset:0;opacity:0;padding:10px;position:absolute;transition:opacity .25s}.img-card:hover .img-card__overlay{opacity:1}.overlay-btn{background:#ffffff26;border:1px solid #ffffff59;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:7px;transition:all .15s}.overlay-btn:hover{background:#ffffff47}.overlay-btn.danger:hover{background:#ef4444bf;border-color:#0000}.img-card__body{padding:12px}.img-card__name-row{align-items:center;display:flex;gap:6px;margin-bottom:8px}.img-card__name{background:#0000;border:none;border-bottom:1.5px solid #0000;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:500;min-width:0;outline:none;overflow:hidden;padding:2px 0;text-overflow:ellipsis;transition:border-color .15s;white-space:nowrap}.img-card__name:focus{border-bottom-color:var(--accent);text-overflow:clip;white-space:normal}.img-card__edit-icon{color:var(--muted);cursor:pointer;flex-shrink:0;font-size:13px;transition:color .15s}.img-card__edit-icon:hover{color:var(--accent)}.img-card__meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.meta-badge{background:var(--surface2);border-radius:999px;color:var(--muted);font-size:11px;padding:3px 8px}.img-card__delete{background:#0000;border:.5px solid #0000001f;border-radius:8px;color:var(--muted);cursor:pointer;font-family:Inter,sans-serif;font-size:12px;padding:7px;transition:all .15s;width:100%}.img-card__delete:hover{background:#fff5f5;border-color:var(--danger);color:var(--danger)}:root{--bg:#f8f7f4;--surface:#fff;--surface2:#f3f2ef;--border:#0000001a;--accent:#4f7ef8;--text:#1a1a1a;--muted:#888;--danger:#e05252}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8f7f4;background:var(--bg);color:#1a1a1a;color:var(--text);font-family:Inter,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:1000px;padding:40px 24px 80px}.app-header{margin-bottom:28px}.app-title{color:#1a1a1a;color:var(--text);font-size:1.5rem;font-weight:600}.app-title span{color:#4f7ef8;color:var(--accent)}.app-stats,.app-subtitle{color:#888;color:var(--muted);font-size:13px;margin-top:4px}.app-stats{align-items:center;display:flex;gap:8px}.dot{color:#0000001a;color:var(--border)}.image-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.empty-filter{color:#888;color:var(--muted);padding:64px 20px;text-align:center}.empty-filter span{display:block;font-size:2rem;margin-bottom:10px}.empty-filter p{font-size:13px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.error-box{background:#fff5f5;border:1px solid #fecaca;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding:14px 16px;position:relative}.error-box p{color:#dc2626;font-size:13px}.error-close{background:#0000;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:14px;padding:2px 6px;position:absolute;right:12px;top:10px;transition:background .15s}.error-close:hover{background:#fee2e2}.error-boundary{margin:0 auto;max-width:400px;padding:80px 24px;text-align:center}.error-boundary__icon{font-size:2.5rem;margin-bottom:16px}.error-boundary h2{color:#1a1a1a;color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:8px}.error-boundary p{color:#888;color:var(--muted);font-size:13px;margin-bottom:20px}.error-boundary__btn{background:#4f7ef8;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:9px 24px;transition:opacity .15s}.error-boundary__btn:hover{opacity:.85}
/*# sourceMappingURL=main.af563c5d.css.map*/