.algo-mosaic{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px}.algo-mosaic__banner{width:100%;max-width:480px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--accent-amber-dim);border-radius:2px;color:var(--accent-amber);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;text-align:center}.algo-mosaic__meta{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);letter-spacing:.02em;text-align:center}.algo-mosaic__loading{width:100%;max-width:480px;padding:6px 0 8px;font-family:var(--font-mono);font-size:11px;color:var(--fg-secondary);display:flex;flex-direction:column;gap:4px}.algo-mosaic__loading-bar{display:block;height:2px;background:var(--accent-amber);border-radius:1px;transition:width .2s ease-out;min-width:4px}.algo-mosaic__controls{display:flex;align-items:center;gap:4px;width:100%;max-width:480px;justify-content:flex-end}.algo-mosaic__ctrl-btn{padding:3px 10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-secondary);border-radius:2px;cursor:pointer;font-family:var(--font-mono);font-size:11px;line-height:1.4;transition:border-color .1s,color .1s;user-select:none}.algo-mosaic__ctrl-btn:hover{border-color:var(--accent-amber-dim);color:var(--accent-amber)}.algo-mosaic__ctrl-pct{min-width:38px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);user-select:none}.algo-mosaic__ctrl-reset{margin-left:4px}.algo-mosaic__canvas-wrap{position:relative;width:100%;max-width:480px;aspect-ratio:60 / 75;overflow:hidden;background:#2a2620;border:1px solid var(--border);touch-action:none}.algo-mosaic__canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:0 0;will-change:transform}.algo-mosaic__tooltip{position:fixed;z-index:200;background:var(--bg-elevated);border:1px solid var(--accent-amber-dim);border-radius:4px;padding:7px 10px;display:flex;flex-direction:column;gap:3px;pointer-events:none;max-width:280px;box-shadow:0 4px 16px #0009}.algo-mosaic__tooltip-title{font-family:var(--font-mono);font-size:11px;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algo-mosaic__tooltip-license{font-family:var(--font-mono);font-size:10px;color:var(--accent-amber)}.algo-mosaic__tooltip-author{font-family:var(--font-mono);font-size:10px;color:var(--fg-secondary)}.face-mosaic{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.face-mosaic__banner{width:100%;max-width:480px;padding:6px 10px;background:var(--bg-elevated, #221e19);border:1px solid var(--accent-amber-dim, #8a6a32);border-radius:2px;color:var(--accent-amber, #c69a4a);font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;font-weight:600;letter-spacing:.04em;text-align:center;line-height:1.4}.face-mosaic__grid{display:grid;grid-template-columns:repeat(var(--mosaic-cols, 4),1fr);gap:2px;clip-path:ellipse(46% 50% at 50% 44%);max-width:480px;width:100%;margin:0 auto}.face-mosaic__tile{aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative;border:none;padding:0;background:var(--bg-tile-base, #2a2620)}.face-mosaic__tile img{width:100%;height:100%;object-fit:cover;display:block}.face-mosaic__tile--placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(198,154,74,.07) 0 6px,transparent 6px 12px),var(--bg-tile-base, #2a2620)}.face-mosaic__tile--placeholder .face-mosaic__tile-id{color:var(--fg-muted, #6b6356);font-family:var(--font-mono, ui-monospace, monospace);font-size:.55rem;text-align:center;padding:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.face-mosaic__tile-info{position:absolute;inset:0;background:#14110fd9;color:var(--accent-amber, #c69a4a);font-size:.65rem;font-family:var(--font-mono, ui-monospace, monospace);padding:4px;opacity:0;transition:opacity .15s;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;overflow:hidden}.face-mosaic__tile:hover .face-mosaic__tile-info,.face-mosaic__tile:focus .face-mosaic__tile-info,.face-mosaic__tile:focus-visible .face-mosaic__tile-info{opacity:1}.face-mosaic__tile-info-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.face-mosaic__tile-info-line--title{color:var(--fg-primary, #ede4d1)}.face-mosaic__tile-info-line--license{color:var(--accent-amber, #c69a4a);font-size:.6rem}.face-mosaic__tile-info-line--author{color:var(--fg-secondary, #a8a094);font-size:.6rem}