.tool-ui{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-8);padding:var(--space-8)}.yt-thumbnail-tool{display:flex;flex-direction:column;gap:var(--space-4)}.yt-thumbnail-tool form{margin:0}.yt-thumbnail-tool .label{color:var(--color-text);display:block;font-weight:700;margin-bottom:var(--space-2)}.yt-input-row{display:flex;gap:var(--space-3)}.yt-input-row .input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);flex:1;font:inherit;min-width:0;padding:13px 15px}.yt-input-row .input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.yt-input-row .btn{flex:0 0 auto;white-space:nowrap}.yt-data-note,.yt-hint,.yt-result-hint{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.55}.yt-hint{margin:8px 0 0}.yt-result-hint{margin:0 0 var(--space-4)}.yt-data-note{margin:var(--space-2) 0 0}.yt-status{background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text);margin:0;padding:10px 14px}.yt-status--error{background:rgba(239,68,68,.09);color:#b91c1c}.yt-status--success{background:rgba(34,197,94,.09);color:#166534}[data-theme=dark] .yt-status--error{color:#fca5a5}[data-theme=dark] .yt-status--success{color:#86efac}.video-id-display{align-items:center;background:rgba(79,70,229,.07);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2);padding:10px 14px}.video-id-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.video-id-value{color:var(--color-text);font-family:var(--font-mono);font-weight:700;overflow-wrap:anywhere}.thumbnails-container{margin-top:var(--space-2)}.thumbnails-title{color:var(--color-text);font-size:var(--text-lg);margin:0 0 var(--space-2)}.thumbnails-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);min-width:0;overflow:hidden}.thumbnail-card[hidden]{display:none!important}.thumbnail-image-wrapper{align-items:center;aspect-ratio:16/9;background:#101827;display:flex;justify-content:center;overflow:hidden}.thumbnail-image{display:block;height:100%;object-fit:contain;width:100%}.thumbnail-info{align-items:baseline;color:var(--color-text);display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;padding:12px 15px 0}.thumbnail-size{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.thumbnail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);padding:12px 15px 15px}.thumbnail-actions .btn{flex:1 0 auto}.thumb-open{color:var(--color-primary);font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-underline-offset:3px}.thumb-open:focus-visible,.thumbnail-actions .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.no-results-state{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);padding:var(--space-6);text-align:center}.no-results-state p{margin:0}.hidden{display:none!important}@media (max-width:700px){.thumbnails-grid{grid-template-columns:1fr}}@media (max-width:640px){.tool-ui{padding:var(--space-5)}.yt-input-row{flex-direction:column}.yt-input-row .btn{width:100%}}