.svg-converter{display:grid;gap:18px}.svg-converter-input{display:grid;gap:12px}.svg-converter-label,.svg-converter-card h3{color:var(--ink);font-weight:900}.svg-converter-textarea{width:100%;min-height:220px;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-converter-textarea:focus-visible{outline:3px solid rgba(131,197,190,.55);outline-offset:2px;border-color:var(--teal)}.svg-converter-actions{display:flex;flex-wrap:wrap;gap:10px}.svg-converter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.svg-converter-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-converter-card h3{margin:0;font-size:1rem}.svg-converter-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-converter-frame img{display:block;width:100%;max-height:340px;object-fit:contain}.svg-converter-frame img:not([src]){display:none}.svg-converter-meta{min-height:1.4em;margin:0;overflow-wrap:anywhere;color:var(--muted);font-size:.9rem}@media (max-width: 760px){.svg-converter-grid{grid-template-columns:1fr}.svg-converter-frame{min-height:180px}}