:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#eceef2;--media:#f1f2f5;--ink:#111318;--ink-2:#363b45;--muted:#646b78;--faint:#949aa6;--line:#e3e5ea;--line-2:#d0d4db;--accent-fill:#2563eb;--accent-hover:#1d4fd7;--accent-text:#1d4ed8;--accent-soft:#e9f0ff;--ok:#16a34a;--ok-soft:#e6f6ec;--ok-ink:#17703f;--warn-soft:#fdf2df;--warn-ink:#8f5309;--danger:#d92d20;--danger-soft:#fdecea;--danger-ink:#b42318;--info-soft:#e9f0ff;--info-ink:#1e47b8;--toast:#1f2329;--scrim:#111318b8;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 6px 20px #10182817;--shadow-lg:0 24px 64px #1018283d;--header-h:56px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f13;--surface:#15181e;--surface-2:#1a1e25;--surface-3:#242932;--media:#1d2129;--ink:#eceef2;--ink-2:#c8ccd4;--muted:#99a0ac;--faint:#6c7380;--line:#262b34;--line-2:#353b47;--accent-fill:#3b6cf0;--accent-hover:#5482ff;--accent-text:#8fb0ff;--accent-soft:#1a2442;--ok:#3ccf7c;--ok-soft:#12301f;--ok-ink:#84dcaa;--warn-soft:#36290f;--warn-ink:#f0c079;--danger:#f0625a;--danger-soft:#3a1b1c;--danger-ink:#ffaba5;--info-soft:#1a2442;--info-ink:#a9c1ff;--toast:#2b313b;--scrim:#000000ad;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 24px 64px #0009}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:24px;font-weight:650;line-height:1.3}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}p{line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--accent-fill);outline-offset:2px}svg{vertical-align:middle;flex-shrink:0}small{font-size:12px}kbd{text-align:center;min-width:20px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:2px 6px;font:600 12px/1.3 ui-monospace,Consolas,monospace;display:inline-block}input:not([type=file]){background:var(--surface);border:1px solid var(--line-2);border-radius:9px;width:100%;height:38px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:not([type=file]):focus{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{background:var(--surface);border:1px solid var(--line-2);resize:vertical;border-radius:9px;width:100%;margin-top:6px;padding:8px 12px;font-size:14px;line-height:1.6;display:block}textarea:focus{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}.muted{color:var(--muted);font-size:13px}.multiline{white-space:pre-wrap;overflow-wrap:anywhere}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.count{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:8px;font-size:13px;font-weight:500}.actions{align-items:center;gap:10px;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.button{border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-2);border-color:var(--faint)}.button.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff;box-shadow:var(--shadow-sm)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.small{gap:6px;height:32px;padding:0 12px;font-size:13px}.button.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){background:var(--surface-3);border-color:#0000}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger-quiet{color:var(--danger-ink);background:0 0;border-color:#0000}.button.danger-quiet:hover:not(:disabled){background:var(--danger-soft);border-color:#0000}.button.block{width:100%}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.link-button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:13px}.link-button:hover{background:var(--surface-3);color:var(--ink)}.badge{white-space:nowrap;background:var(--surface-3);height:22px;color:var(--muted);border-radius:6px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.ready{background:var(--ok-soft);color:var(--ok-ink)}.badge.draft{background:var(--warn-soft);color:var(--warn-ink)}.badge.failed{background:var(--danger-soft);color:var(--danger-ink)}.badge.processing,.badge.pending{background:var(--info-soft);color:var(--info-ink)}.info-banner,.error-banner{background:var(--info-soft);color:var(--info-ink);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:14px;line-height:1.6;display:flex}.error-banner{background:var(--danger-soft);color:var(--danger-ink);overflow-wrap:anywhere}.error-banner button{color:inherit;white-space:nowrap;background:0 0;border:0;margin-left:auto;text-decoration:underline}.info-banner.multiline,.error-banner.multiline{display:block}.topbar{z-index:30;height:var(--header-h);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:28px;padding:0 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:650;display:flex}.brand-mark{background:var(--accent-fill);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.tabs{gap:4px;display:flex}.tab{height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.tab:hover{background:var(--surface-3);color:var(--ink)}.tab.active{background:var(--accent-soft);color:var(--accent-text)}.tab-count{background:var(--surface-3);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:10px;padding:0 7px;font-size:12px}.tab.active .tab-count{background:var(--surface);color:var(--accent-text)}.engine{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;margin-left:auto;padding:5px 11px;font-size:13px;display:inline-flex}.engine .dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.engine.ok .dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.engine.busy{color:var(--info-ink)}.engine.busy .spinner{width:12px;height:12px}.engine.bad{background:var(--danger-soft);color:var(--danger-ink);border-color:#0000}.engine.bad .dot{background:var(--danger)}.page{max-width:1480px;margin:0 auto;padding:24px 24px 56px}.search-landing{flex-direction:column;gap:20px;max-width:780px;margin:5vh auto 0;display:flex}.landing-head h1{font-size:28px}.landing-head p{color:var(--muted);margin-top:6px;font-size:15px}.dropzone{border:2px dashed var(--line-2);background:var(--surface);width:100%;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 20px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover:not(:disabled){border-color:var(--accent-fill);background:var(--accent-soft)}.dropzone.hero{min-height:320px}.dropzone strong{color:var(--ink);font-size:17px;font-weight:600}.dropzone small{color:var(--faint)}.dropzone-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.notice{background:var(--warn-soft);color:var(--warn-ink);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.notice .button{margin-left:auto}.landing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.landing-steps b{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.search-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.query-panel{top:calc(var(--header-h) + 20px);max-height:calc(100dvh - var(--header-h) - 40px);border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex;position:sticky;overflow:auto}.panel-head{justify-content:space-between;align-items:center;display:flex}.query-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.query-photo{min-width:0;position:relative}.query-thumb{aspect-ratio:1;border:1px solid var(--line);background:var(--media);border-radius:10px;justify-content:center;align-items:center;width:100%;padding:6px;transition:border-color .15s;display:flex;container-type:size}.query-thumb:hover{border-color:var(--accent-fill)}.query-index{background:var(--scrim);color:#fff;pointer-events:none;border-radius:6px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:600;display:grid;position:absolute;top:6px;left:6px}.query-remove{background:var(--scrim);color:#fff;opacity:0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.query-photo:hover .query-remove,.query-remove:focus-visible{opacity:1}.query-crop{color:#363b45;height:24px;box-shadow:var(--shadow-sm);background:#fffffff0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:6px;left:6px}.query-crop.active{background:var(--accent-fill);color:#fff}.query-add{aspect-ratio:1;border:1.5px dashed var(--line-2);color:var(--muted);background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;transition:border-color .15s,color .15s,background .15s;display:flex}.query-add:hover{border-color:var(--accent-fill);background:var(--accent-soft);color:var(--accent-text)}.panel-note{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.framed{border-radius:4px;max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.framed img{object-fit:contain;max-width:100cqw;max-height:100cqh;display:block}.framed-crop{border:2px solid var(--accent-fill);pointer-events:none;border-radius:2px;position:absolute;box-shadow:0 0 0 9999px #0000006b}.results-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-height:32px;margin-bottom:14px;display:flex}.results-head h2{font-size:18px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;transition:opacity .2s;display:grid}.result-grid.stale{opacity:.5}.results-note{color:var(--faint);align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.results-panel .empty-state{border:1px solid var(--line);background:var(--surface);border-radius:14px}.drop-overlay{z-index:50;background:color-mix(in srgb, var(--accent-fill) 12%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.drop-overlay>div{border:2px dashed var(--accent-fill);background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:40px 56px;display:flex}.drop-overlay strong{color:var(--ink);font-size:17px}.drop-overlay span{color:var(--muted);font-size:13px}.style-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;min-width:0;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden}.style-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.style-card.top{border-color:var(--accent-fill);box-shadow:0 0 0 1px var(--accent-fill)}.card-media{aspect-ratio:1;background:var(--media);color:var(--faint);justify-content:center;align-items:center;display:flex;position:relative}.card-media img{object-fit:contain;width:100%;height:100%;padding:12px}.card-rank{background:var(--scrim);color:#fff;font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:600;display:grid;position:absolute;top:8px;left:8px}.style-card.top .card-rank{background:var(--accent-fill)}.card-badge{position:absolute;top:8px;right:8px}.card-body{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.card-specs{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:-3px;font-size:12px;overflow:hidden}.similarity{align-items:center;gap:10px;display:flex}.similarity b{min-width:2.6em;color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.meter{background:var(--surface-3);border-radius:4px;flex:1;height:4px;overflow:hidden}.meter i{border-radius:inherit;background:var(--accent-fill);height:100%;display:block}.card-meta{color:var(--muted);font-size:12px}.card-pending{color:var(--info-ink)}.skeleton-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;animation:1.4s ease-in-out infinite pulse;overflow:hidden}.skeleton-card span{aspect-ratio:1;background:var(--surface-3);display:block}.skeleton-card i{background:var(--surface-3);border-radius:6px;height:12px;margin:12px;display:block}.skeleton-card i:last-child{width:45%;margin-top:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:20px;display:flex}.page-head p{color:var(--muted);margin-top:4px;font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-field{border:1px solid var(--line-2);background:var(--surface);width:280px;height:38px;color:var(--faint);border-radius:9px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-field:focus-within{border-color:var(--accent-fill);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input:not([type=file]){height:100%;box-shadow:none;background:0 0;border:0;padding:0}.segmented{background:var(--surface-3);border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.segmented button span{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.toolbar-count{color:var(--muted);margin-left:auto;font-size:13px}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty-state h3{color:var(--ink);font-size:16px}.empty-state p{max-width:420px;font-size:14px}.empty-state .button{margin-top:6px}.empty-state.boxed{border:1.5px dashed var(--line-2);background:var(--surface);border-radius:16px;min-height:360px}.empty-art{background:var(--accent-soft);width:80px;height:80px;color:var(--accent-text);border-radius:22px;place-items:center;margin-bottom:6px;display:grid}.modal{background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-lg);border:0;border-radius:16px;padding:0}.modal.wide{width:min(1080px,100vw - 48px)}.modal.full{width:min(1360px,100vw - 48px);height:min(920px,100dvh - 48px)}.modal.full[open]{flex-direction:column;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c108c}.modal-header{z-index:3;border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:12px 14px 12px 20px;display:flex;position:sticky;top:0}.modal-header h2{flex:1;min-width:0}.modal-tools{flex:none;align-items:center;gap:8px;display:flex}.modal-body{padding:20px}.modal.full .modal-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 20px 14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.field-label{color:var(--muted);margin-top:16px;font-size:13px;display:block}.field-label input{margin-top:6px}.viewer{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.viewer-stage,.compare-stage{background:var(--media);flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden;container-type:size}.viewer-stage{border-radius:12px}.viewer-stage>img,.compare-stage>img{object-fit:contain;max-width:100cqw;max-height:100cqh}.viewer-stage>img{cursor:zoom-in}.viewer-stage.zoomed{display:block;overflow:auto}.viewer-stage.zoomed>img{cursor:zoom-out;max-width:none;max-height:none}.stage-nav{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);width:40px;height:40px;color:var(--ink);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;margin-top:-20px;padding:0;display:grid;position:absolute;top:50%}.stage-nav.prev{left:12px}.stage-nav.next{right:12px}.stage-nav:hover{background:var(--surface)}.viewer-stage.zoomed .stage-nav{display:none;position:sticky}.viewer-bar{justify-content:space-between;align-items:center;display:flex}.thumb-strip{flex:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.viewer .thumb-strip>:first-child{margin-left:auto}.viewer .thumb-strip>:last-child{margin-right:auto}.thumb-strip button{border:1px solid var(--line);background:var(--media);border-radius:8px;flex:none;width:64px;height:64px;padding:4px;position:relative}.thumb-strip button.active{border-color:var(--accent-fill);box-shadow:0 0 0 1px var(--accent-fill)}.thumb-strip img{object-fit:contain;width:100%;height:100%}.thumb-score{background:var(--scrim);color:#fff;font-variant-numeric:tabular-nums;border-radius:4px;padding:0 4px;font-size:11px;font-weight:600;line-height:16px;position:absolute;bottom:3px;right:3px}.compare{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:0;display:grid}.compare-pane{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.compare-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:48px;padding:6px 10px 6px 14px;display:flex}.compare-head h3{margin-right:auto}.compare-stage{padding:12px}.compare-pane .thumb-strip{border-top:1px solid var(--line);padding:10px}.compare-rank{background:var(--accent-fill);color:#fff;vertical-align:1px;border-radius:7px;place-items:center;min-width:28px;height:24px;margin-right:10px;padding:0 6px;font-size:13px;display:inline-grid}.compare-score{color:var(--muted);margin-left:12px;font-size:13px;font-weight:400}.compare-score b,.score-text{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.compare-nav{align-items:center;gap:2px;display:inline-flex}.compare-nav .muted{text-align:center;font-variant-numeric:tabular-nums;min-width:44px}.compare-hints{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;display:flex}.compare-hints kbd{margin-right:3px;font-size:11px}.compare.with-info{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 280px}.viewer-layout{flex:1;gap:16px;min-height:0;display:flex}.viewer-layout>.viewer{min-width:0}.viewer-layout>.info-panel{flex:none;width:300px}.info-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;min-height:0;padding:10px 14px 14px;display:flex;overflow:auto}.info-head{justify-content:space-between;align-items:center;gap:8px;margin-right:-6px;display:flex}.info-section h4{color:var(--faint);margin:0 0 6px;font-size:12px;font-weight:600}.info-section p{color:var(--ink-2);font-size:13px}.info-list{grid-template-columns:minmax(56px,max-content) minmax(0,1fr);gap:6px 14px;margin:0;font-size:13px;display:grid}.info-list dt{color:var(--muted)}.info-list dd{overflow-wrap:anywhere;margin:0}.info-empty{color:var(--muted);font-size:13px}.editor-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex}.editor-tabs button{height:40px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.editor-tabs button:hover{color:var(--ink)}.editor-tabs button.active{border-bottom-color:var(--accent-fill);color:var(--accent-text)}.editor-tabs .count{margin-left:0}.dirty-dot{background:var(--warn-ink);border-radius:50%;width:7px;height:7px}.info-form>.muted{margin-bottom:14px}.info-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.info-editor{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.info-editor header{margin-bottom:4px}.info-editor header p{color:var(--muted);font-size:12px}.kv-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr) 34px;align-items:center;gap:8px;width:100%;display:grid}.kv-empty{color:var(--faint);font-size:13px}.crop-stage{justify-content:center;align-items:center;min-height:200px;padding-top:16px;display:flex}.crop-frame{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:6px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.crop-frame.movable{cursor:move}.crop-frame img{object-fit:contain;pointer-events:none;max-width:100%;max-height:60vh;display:block}.crop-box{pointer-events:none;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-box i{border:0 solid var(--accent-fill);width:14px;height:14px;position:absolute}.crop-box i:first-child{border-width:4px 0 0 4px;top:-3px;left:-3px}.crop-box i:nth-child(2){border-width:4px 4px 0 0;top:-3px;right:-3px}.crop-box i:nth-child(3){border-width:0 0 4px 4px;bottom:-3px;left:-3px}.crop-box i:nth-child(4){border-width:0 4px 4px 0;bottom:-3px;right:-3px}.name-form{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.name-form label{color:var(--muted);flex:1;font-size:13px}.name-form input{margin-top:6px}.name-form .badge{margin-bottom:8px}.collection-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.collection-section{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px}.collection-section.recognition{background:var(--surface-2)}.collection-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.collection-heading h3{font-size:15px}.collection-heading p{color:var(--muted);margin-top:1px;font-size:12px}.collection-symbol{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);border-radius:9px;place-items:center;display:grid}.recognition .collection-symbol{background:var(--surface-3);color:var(--ink-2)}.collection-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.managed-photo{border:1px solid var(--line);background:var(--surface);border-radius:9px;min-width:0;overflow:hidden}.photo-preview{aspect-ratio:1;background:var(--media);border:0;width:100%;padding:6px;display:block;position:relative}.photo-preview img{object-fit:contain;width:100%;height:100%}.cover-label{background:var(--accent-fill);color:#fff;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:500;position:absolute;bottom:6px;left:6px}.photo-filename{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:6px 8px 0;font-size:12px;overflow:hidden}.photo-status{color:var(--ok-ink);padding:2px 8px 0;font-size:12px}.photo-status.pending,.photo-status.processing{color:var(--info-ink)}.photo-status.failed{color:var(--danger-ink)}.photo-status small{overflow-wrap:anywhere;max-height:48px;font-size:11px;display:block;overflow:auto}.photo-actions{align-items:center;gap:2px;padding:4px;display:flex}.photo-actions button{white-space:nowrap;min-width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:0 5px;font-size:12px;display:inline-grid}.photo-actions button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.photo-actions .delete-photo{margin-left:auto}.photo-actions .delete-photo:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-ink)}.collection-upload{border:1.5px dashed var(--line-2);color:var(--muted);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:12px;padding:18px 10px;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:flex}.collection-upload:hover,.collection-upload.over{border-color:var(--accent-fill);background:var(--accent-soft);color:var(--accent-text)}.collection-upload:focus-within{outline:2px solid var(--accent-fill);outline-offset:2px}.collection-upload small{color:var(--faint)}.collection-upload.disabled{opacity:.5;cursor:not-allowed}.editor-footer{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.editor-footer>.muted{margin-left:auto}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px}.login-page{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{gap:4px;width:min(380px,100%);padding:28px;display:grid}.login-card h1{margin-top:12px;font-size:20px}.login-card .button{margin-top:18px}.login-error{color:var(--danger-ink);margin-top:8px;font-size:13px}.endpoint-panel{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.endpoint-panel .eyebrow{color:var(--faint);letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.endpoint-panel code,.token-secret code{overflow-wrap:anywhere;font:13px/1.5 ui-monospace,Consolas,monospace}.token-list{gap:14px;display:grid}.token-card{gap:12px;display:grid}.token-card.disabled{opacity:.72}.token-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.token-head h3{font-size:15px}.token-head p{margin-top:2px;font-size:12px}.token-secret{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:4px;padding:4px 4px 4px 12px;display:flex}.token-secret code{flex:1;min-width:0}.token-tools{flex-wrap:wrap;gap:6px;display:flex}.token-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.token-actions .spacer{flex:1}.skeleton-token{background:var(--surface-2);height:160px}.secret-field{gap:8px;margin-top:6px;display:flex}.secret-field input{margin-top:0;font-family:ui-monospace,Consolas,monospace}.field-warning{color:var(--warn-ink);margin-top:6px;font-size:12px}.tool-picker{border:0;margin-top:18px;padding:0}.tool-picker legend{color:var(--muted);font-size:13px}.tool-presets{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.tool-group h4{color:var(--ink-2);margin:14px 0 4px;font-size:13px}.tool-option{cursor:pointer;border-radius:8px;gap:10px;padding:8px 10px;display:flex}.tool-option:hover{background:var(--surface-2)}.tool-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-fill);box-shadow:none;flex:none;margin-top:3px;padding:0}.tool-option span{gap:2px;min-width:0;display:grid}.tool-option strong{font-size:14px;font-weight:500}.tool-option code{color:var(--faint);font:12px ui-monospace,Consolas,monospace}.tool-option small{color:var(--muted);font-size:12px;line-height:1.5}.import-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-title h2{align-items:center;gap:10px;display:flex}.section-title p{color:var(--muted);margin-top:2px;font-size:13px}.folder-drop{min-height:200px}.import-note{color:var(--muted);margin-top:14px;font-size:13px}.folder-guide{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:14px;padding:20px}.folder-guide .eyebrow{color:var(--faint);letter-spacing:.08em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.folder-guide h3{font-size:15px}.folder-guide pre{color:var(--ink-2);margin:14px 0;font:13px/1.7 ui-monospace,Consolas,Microsoft YaHei,monospace;overflow-x:auto}.folder-guide p{color:var(--muted);font-size:12px}.folder-guide .guide-gap{border-top:1px solid var(--line);margin:18px 0 6px;padding-top:16px;font-size:14px}.folder-guide .guide-sample{margin-top:12px}.import-preview,.import-report,.import-progress{margin-top:20px}.table-scroll{border:1px solid var(--line);border-radius:10px;max-height:420px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:10px 12px;font-size:12px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--line);color:var(--ink-2);padding:10px 12px}tr:last-child td{border-bottom:0}details{color:var(--ink-2);margin-top:14px;font-size:14px}summary{color:var(--muted);cursor:pointer;padding:6px 0}.file-error{border-bottom:1px solid var(--line);color:var(--danger-ink);overflow-wrap:anywhere;padding:8px 0;font-size:13px}.import-file-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.import-file-row>div{min-width:0}.import-file-row strong{font-size:13px;font-weight:500}.import-file-row p{color:var(--warn-ink);margin-top:2px;font-size:12px}.import-progress progress{background:var(--surface-3);width:100%;height:8px;accent-color:var(--accent-fill);border:0;border-radius:8px;overflow:hidden}.import-progress progress::-webkit-progress-bar{background:var(--surface-3)}.import-progress progress::-webkit-progress-value{background:var(--accent-fill)}.import-progress p{margin-top:8px}.import-history{margin-top:28px}.import-history h2{margin-bottom:8px;font-size:15px}.history-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink-2);text-align:left;background:0 0;align-items:center;gap:20px;padding:12px 4px;font-size:14px;display:flex}.history-row span:first-child{margin-right:auto}.history-row:hover{color:var(--accent-text)}.toast{z-index:9999;background:var(--toast);color:#f3f4f6;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex;position:fixed}.toast.error{color:#fff;background:#b42318}.toast>span{overflow-wrap:anywhere}.toast button{color:inherit;background:0 0;border:0;padding:3px;display:flex}.toast[popover]{border:0;margin:0;inset:auto auto 24px 50%;transform:translate(-50%)}.toast[popover]:not(:popover-open){display:none}@media (hover:none){.query-remove{opacity:1}.hint-keys,.compare-hints{display:none}}@media (width<=1100px){.search-layout{grid-template-columns:280px minmax(0,1fr)}.compare.with-info{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compare.with-info>.info-panel{grid-column:1/-1;max-height:170px}.tab{padding:0 10px}}@media (width>=721px) and (width<=1040px){.topbar{gap:16px}.brand-name,.engine-text{display:none}.tab{gap:6px}}@media (width<=900px){.search-layout{grid-template-columns:minmax(0,1fr)}.query-panel{max-height:none;position:static}.query-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.import-layout{grid-template-columns:minmax(0,1fr)}.compare{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.compare.with-info{grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.compare.with-info>.info-panel{grid-column:auto;max-height:24vh}.viewer-layout{flex-direction:column}.viewer-layout>.info-panel{width:auto;max-height:28vh}.info-columns{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.endpoint-panel{flex-direction:column;align-items:stretch}.token-actions .spacer{display:none}.topbar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;gap:12px;padding:0 16px}.tabs{z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);justify-content:space-around;gap:2px;position:fixed;bottom:0;left:0;right:0}.tab{flex-direction:column;flex:1;gap:2px;height:auto;padding:6px 4px;font-size:11px}.tab-count{display:none}.engine{padding:4px 9px;font-size:12px}.page{padding:16px 16px 96px}h1,.landing-head h1{font-size:22px}.search-landing{gap:16px;margin-top:8px}.landing-head p{font-size:14px}.dropzone.hero{min-height:240px}.notice{flex-wrap:wrap}.landing-steps{grid-template-columns:minmax(0,1fr)}.query-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.query-panel{padding:14px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card-media img{padding:8px}.search-field{width:100%}.toolbar-count{margin-left:0}.page-head .actions{width:100%}.page-head .actions .button{flex:1}.modal,.modal.wide,.modal.full{border-radius:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.modal.full{height:calc(100dvh - 16px)}.modal-header{padding:10px 10px 10px 16px}.modal-header h2{font-size:15px}.modal-body,.modal.full .modal-body{padding:14px}.compare-score,.compare-nav .muted{display:none}.compare-head{min-height:42px}.thumb-strip button{width:52px;height:52px}.collection-columns{grid-template-columns:minmax(0,1fr)}.collection-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.kv-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 34px;gap:6px}.name-form{flex-wrap:wrap}.name-form label{flex-basis:100%}.name-form .badge{margin:0 0 8px auto}.editor-footer{flex-wrap:wrap}.editor-footer>.muted{display:none}.editor-footer>.button:last-child{margin-left:auto}.panel{padding:16px}.import-file-row{flex-direction:column;align-items:flex-start;gap:6px}.toast[popover]{width:calc(100vw - 32px);bottom:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}