.tool-container{max-width:800px;margin:0 auto;padding:4rem 1.5rem}.tool-header{text-align:center;margin-bottom:3rem}.tool-header h1{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.tool-header p{color:var(--text-secondary);font-size:1.1rem}.input-section{gap:1rem;margin-bottom:3rem;display:flex}.input-section input{flex-grow:1;padding:1rem 1.5rem;font-size:1.1rem}.results-section{flex-direction:column;gap:2rem;display:flex}.thumbnail-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.thumbnail-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.thumbnail-header h3{margin:0;font-size:1.25rem}.resolution-badge{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-color);padding:.25rem .75rem;font-size:.85rem}.thumbnail-preview{border-radius:var(--radius-md);background-color:var(--bg-tertiary);object-fit:cover;border:1px solid var(--border-color);width:100%;margin-bottom:1.5rem}.thumbnail-actions{flex-wrap:wrap;gap:1rem;display:flex}.thumbnail-actions .btn-primary,.thumbnail-actions .btn-secondary{text-align:center;flex:1}.error-message{color:#ef4444;text-align:center;border-radius:var(--radius-md);background-color:#ef44441a;border:1px solid #ef444433;margin-bottom:2rem;padding:1rem}@media (max-width:640px){.input-section{flex-direction:column}}