.svg-optimizer{display:grid;gap:18px}.svg-optimizer-input{display:grid;gap:12px}.svg-optimizer-label,.svg-optimizer-card h3{color:var(--ink);font-weight:900}.svg-optimizer-textarea{width:100%;min-height:210px;resize:vertical;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:var(--white);color:var(--ink);font:.95rem/1.6 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;padding:14px}.svg-optimizer-output{min-height:170px;background:var(--mist)}.svg-optimizer-textarea:focus-visible{outline:3px solid rgba(131,197,190,.55);outline-offset:2px;border-color:var(--teal)}.svg-optimizer-actions{display:flex;flex-wrap:wrap;gap:10px}.svg-optimizer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.svg-optimizer-stats:empty{display:none}.svg-optimizer-stats div{border:1px solid rgba(0,109,119,.12);border-radius:8px;background:var(--mist);padding:14px}.svg-optimizer-stats strong,.svg-optimizer-stats span{display:block}.svg-optimizer-stats strong{color:var(--deep-teal);font-size:1.18rem;line-height:1.1}.svg-optimizer-stats span{margin-top:4px;color:var(--muted);font-size:.86rem;font-weight:800}.svg-optimizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.svg-optimizer-card{display:grid;gap:10px;min-width:0;border:1px solid rgba(0,109,119,.12);border-radius:8px;background:var(--white);padding:14px}.svg-optimizer-card h3{margin:0;font-size:1rem}.svg-optimizer-frame{display:grid;place-items:center;min-height:240px;overflow:hidden;border:1px solid rgba(0,109,119,.1);border-radius:8px;background:linear-gradient(45deg,rgba(0,109,119,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,109,119,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,109,119,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,109,119,.08) 75%);background-color:var(--mist);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.svg-optimizer-frame img{display:block;width:100%;max-height:340px;object-fit:contain}.svg-optimizer-frame img:not([src]){display:none}.svg-optimizer-meta{min-height:1.4em;margin:0;overflow-wrap:anywhere;color:var(--muted);font-size:.9rem}@media (max-width: 760px){.svg-optimizer-stats,.svg-optimizer-grid{grid-template-columns:1fr}.svg-optimizer-frame{min-height:180px}}