:root{--bg:#0f1117;--panel:#181b24;--panel-2:#1f2430;--border:#2a3040;--text:#e7e9ee;--muted:#99a0b0;--accent:#5b8cff;--accent-2:#3fae7a;--danger:#e5544b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.tabs{display:flex;gap:4px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.tab{padding:14px 18px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.container{max-width:980px;margin:0 auto;padding:28px 24px 80px}h1{font-size:24px;margin:0 0 6px}.subtitle{color:var(--muted);margin:0 0 24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=file],input[type=text]{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px}.field{margin-bottom:16px}button{background:var(--accent);color:white;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}button.danger{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:6px 10px;font-size:12px}button.danger:hover{background:var(--danger);color:white}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.card-title{font-weight:600;font-size:15px}.thumbs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}.thumb{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--panel-2)}.muted{color:var(--muted)}button.small{padding:6px 10px;font-size:12px}.thumb-wrap{position:relative;width:84px;height:84px}.thumb-wrap .thumb{width:100%;height:100%}.thumb.removing{opacity:.35;outline:2px solid var(--danger)}.thumb-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;padding:0;border-radius:50%;background:var(--danger);color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--panel)}.thumb-remove:hover{filter:brightness(1.1)}.edit-panel{border-top:1px solid var(--border);margin-top:4px;padding:12px 14px 14px}.edit-actions{display:flex;gap:8px}.card-head input[type=text]{padding:6px 8px;font-size:14px}.empty{color:var(--muted);padding:24px;text-align:center;border:1px dashed var(--border);border-radius:12px}.banner{border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:14px}.banner.error{background:rgba(229,84,75,.12);border:1px solid var(--danger);color:#ffb4ae}.banner.info{background:rgba(91,140,255,.1);border:1px solid var(--accent);color:#b9ccff}.match-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:var(--panel)}.match-row.low{opacity:.5}.match-img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);flex-shrink:0}.match-name{font-weight:600}.match-score{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.match-score.high{color:var(--accent-2)}.match-score.low{color:#a3271f}.rank{width:26px;text-align:right;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upload-actions{display:flex;flex-wrap:wrap;gap:10px}.preview{max-width:220px;max-height:220px;border-radius:10px;border:1px solid var(--border);margin-top:8px}.zoomable{cursor:zoom-in}.lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;border:none;padding:16px;background:transparent;cursor:zoom-out}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox::-webkit-backdrop{background:rgba(0,0,0,.9)}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}@media (max-width:640px){.tabs{padding:0 8px}.tab{flex:1 1;text-align:center;padding:13px 8px}.container{padding:20px 16px 64px}h1{font-size:21px}.grid{grid-template-columns:1fr}.panel{padding:16px}.match-row{gap:10px;padding:10px}.match-img{width:52px;height:52px}.preview{max-width:100%}.upload-actions{flex-direction:column}.upload-actions button{width:100%}}@media (hover:none){button{padding:12px 18px}}@media (max-width:640px){input[type=file],input[type=text]{font-size:16px}}