.sketch-recognize-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:20px}.sketch-recognize-modal{background:#fff;border-radius:var(--radius,10px);width:min(820px,100%);max-height:90vh;overflow:auto;box-shadow:0 4px 18px rgba(0,0,0,.18)}.sketch-recognize-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e0e0e0}.sketch-recognize-header h3{margin:0;font-size:1.15rem}.sketch-recognize-close{background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#666}.sketch-recognize-body{padding:22px;display:flex;flex-direction:column;gap:16px}.sketch-recognize-file{display:none}.sketch-recognize-model{display:flex;align-items:center;gap:.6rem;font-size:.92rem}.sketch-recognize-model label{color:var(--text-muted)}.sketch-recognize-model select{min-height:36px;padding:.35rem .6rem;background:#fff;font-size:.92rem}.sketch-recognize-apply,.sketch-recognize-model select,.sketch-recognize-pick{border-radius:var(--radius-sm,6px);border:1px solid var(--glass-border,#d8dde3)}.sketch-recognize-apply,.sketch-recognize-pick{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.65rem 1.1rem;background:var(--accent,#0b6470);color:#fff;font-weight:700;cursor:pointer}.sketch-recognize-apply:disabled,.sketch-recognize-pick:disabled{opacity:.6;cursor:default}.sketch-recognize-progress{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--glass-border,#d8dde3);border-radius:var(--radius-sm,6px);background:#f8fafb}.sketch-recognize-progress-label{font-size:.95rem;font-weight:600;color:var(--text)}.sketch-recognize-progress-track{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.sketch-recognize-progress-bar{height:100%;background:var(--accent,#0b6470);border-radius:4px;transition:width 1s linear}.sketch-recognize-progress-hint{font-size:.8rem;color:var(--text-muted)}.sketch-recognize-error{color:#c62828;font-size:.9rem;font-weight:600}.sketch-recognize-result{display:flex;flex-direction:column;gap:14px}.sketch-recognize-preview img{display:block;width:100%;max-height:320px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#f8f9fa}.sketch-recognize-segments{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.9rem}.sketch-recognize-seg{padding:.25rem .5rem;border-radius:4px;background:#eef2f5}.sketch-recognize-match{font-size:.92rem;color:var(--accent-strong);font-weight:600}.sketch-recognize-notes{font-size:.82rem;color:var(--text-muted);line-height:1.5;max-height:6rem;overflow:auto}.sketch-recognize-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem}.sketch-recognize-summary{font-size:.95rem;color:var(--text)}.sketch-recognize-seg.uncertain{background:#fff0f0;border:1px solid #e53935;color:#b71c1c}.sketch-recognize-seg.inferred{background:#e3f2fd;border:1px dashed #1976d2;color:#0d47a1}.sketch-recognize-confidence{font-weight:500;color:var(--text-muted);text-transform:lowercase}.sketch-recognize-alternatives{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem;font-weight:400}.sketch-recognize-alt{padding:.15rem .45rem;border-radius:4px;background:#f4f6f8;font-size:.85rem}.sketch-recognize-match--none{color:var(--text-muted);font-weight:400}.sketch-recognize-not-similar{margin-top:.5rem;font-size:.85rem;color:#b71c1c;background:none;border:none;cursor:pointer;text-decoration:underline}.sketch-recognize-details{border-top:1px solid #e8e8e8;padding-top:.75rem}.sketch-recognize-details-toggle{font-size:.85rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.sketch-recognize-details-body{margin-top:.6rem;font-size:.82rem;color:var(--text-muted);line-height:1.5;max-height:14rem;overflow:auto}.sketch-recognize-detail-block{margin-bottom:.6rem}.sketch-recognize-detail-block ul{margin:.25rem 0 0;padding-left:1.2rem}.sketch-recognize-detail-block p{margin:.25rem 0 0}.sketch-recognize-snaps{gap:.5rem}.sketch-recognize-snap-chip{padding:.3rem .6rem;border:1px dashed #1976d2;background:#e3f2fd;color:#0d47a1}.sketch-recognize-snap-chip:hover{background:#bbdefb}.sketch-recognize-reproj--good{color:#2e7d32;font-weight:600}.sketch-recognize-reproj--poor{color:#c62828;font-weight:600}.sketch-recognize-snaps{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.sketch-recognize-snaps-list{display:flex;flex-wrap:wrap;gap:.4rem}.sketch-recognize-snap-chip{padding:.25rem .55rem;border-radius:999px;border:1px dashed var(--accent,#0b6470);background:#e0f7fa;color:var(--accent,#0b6470);font-size:.85rem;cursor:pointer}.sketch-recognize-snap-chip:hover{background:#b2ebf2}.sketch-recognize-reproj{font-size:.85rem;color:var(--text-muted)}.sketch-recognize-reproj.low{color:#c62828;font-weight:600}.pen-mode-toggle{pointer-events:auto;display:inline-flex;flex-shrink:0;padding:3px;gap:2px;border:1px solid color-mix(in srgb,#fff 45%,var(--glass-border,#d8dde3));border-radius:10px;background:color-mix(in srgb,var(--surface-solid,#fff) 55%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pen-mode-toggle button{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:0;padding:0 12px;border:none;border-radius:7px;background:transparent;color:var(--text-muted,#52606d);font:inherit;font-size:.78rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation}.pen-mode-toggle button:hover{color:var(--text,#1f2933)}.pen-mode-toggle button.is-active{color:var(--accent-strong,#084c55);background:color-mix(in srgb,var(--accent,#0b6470) 22%,#fff);box-shadow:0 1px 2px rgb(0 0 0/.08)}.pen-mode-toggle button:focus{outline:none}.pen-mode-toggle button:focus-visible{outline:2px solid var(--accent,#0b6470);outline-offset:1px}.pen-mode-toggle--desktop{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:4}