:root{font-family:Inter,system-ui,0apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{width:min(900px,calc(100% - 32px));margin:0 auto;padding:64px 0 32px}.hero{text-align:center;margin-bottom:32px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem)}.hero p{margin:0 auto;max-width:650px;color:#6b7280;line-height:1.6}.converter{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000000d}.converter form>label,fieldset legend{font-weight:600}.url-row{display:flex;gap:10px;margin-top:8px}input[type=url]{flex:1;min-width:0;padding:13px 14px;border:1px solid #d1d5db;border-radius:8px;font:inherit}input[type=url]:focus{outline:2px solid #6366f1;outline-offset:1px}button{border:0;border-radius:8px;padding:0 20px;background:#4f46e5;color:#fff;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#4338ca}button:disabled{opacity:.6;cursor:wait}.help-text,.image-info,footer{color:#6b7280;font-size:.875rem}.help-text{margin:8px 0 24px}fieldset{border:0;padding:0;margin:0}fieldset legend{margin-bottom:10px}.formats{display:flex;flex-wrap:wrap;gap:10px}.format-option{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer}.format-option:has(input:checked){border-color:#6366f1;background:#eef2ff}.status{min-height:24px;margin-top:20px;color:#4b5563}.preview-section,.results-section{margin-top:28px}.preview-section h2,.results-section h2{font-size:1.1rem;margin-bottom:12px}.preview{display:flex;align-items:center;justify-content:center;min-height:200px;padding:20px;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:10px;overflow:hidden}.preview img{display:block;max-width:100%;max-height:500px;object-fit:contain}.image-info{margin:8px 0 0}.result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e4e7eb;border-radius:10px;margin-bottom:8px}.result-name{font-weight:600;overflow-wrap:anywhere}.result-size{color:#6b7280;font-size:.875rem}.download-link{flex-shrink:0;padding:9px 14px;border-radius:7px;background:#111827;color:#fff;text-decoration:none;font-weight:600;font-size:.875rem}.download-link:hover{background:#374151}.hidden{display:none}footer{text-align:center;padding:24px 0}@media(max-width:600px){.app{width:min(100% - 20px,900px);padding-top:32px}.converter{padding:18px}.url-row{flex-direction:column}button{min-height:46px}.result{align-items:stretch;flex-direction:column}.download-link{text-align:center}}#analytics-consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1000;background:#fff;border:1px solid #d0d0d0;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:1rem}.analytics-consent-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1100px;margin:0 auto}.analytics-consent-content p{margin:.35rem 0 0}.analytics-consent-actions{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:700px){.analytics-consent-content{flex-direction:column;align-items:stretch}.analytics-consent-actions{justify-content:flex-end}}