.tool-container{max-width:1000px;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{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.url-input-form{gap:1rem;display:flex}.url-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);flex:1;padding:1rem 1.5rem;font-size:1.1rem}.url-input:focus{border-color:var(--accent-primary);outline:none}.results-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;overflow:hidden}.card h3{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.2rem;display:flex}.preview-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);margin-bottom:1.5rem;overflow:hidden}.preview-image{aspect-ratio:1.91;background:var(--bg-tertiary);object-fit:cover;width:100%;display:block}.preview-image-placeholder{aspect-ratio:1.91;background:var(--bg-tertiary);width:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.preview-content{padding:1rem}.preview-domain{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.preview-favicon{border-radius:2px;width:16px;height:16px}.preview-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.preview-desc{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);text-align:left;padding:.75rem;font-size:.9rem}.data-table th{color:var(--text-secondary);vertical-align:top;width:30%;font-weight:500}.data-table td{color:var(--text-primary);word-break:break-all}.data-table tr:last-child th,.data-table tr:last-child td{border-bottom:none}.error-message{color:#ef4444;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;margin-top:1rem;padding:1rem}@media (max-width:768px){.url-input-form{flex-direction:column}.results-grid{grid-template-columns:1fr}}