.svg-tool-page{padding-block:var(--space-8)}.svg-tool-shell{max-width:1080px;margin-inline:auto;padding:clamp(1.25rem,3vw,2rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box}.svg-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.svg-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.svg-tool-card{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md)}.svg-tool-card label{display:grid;gap:var(--space-1);color:var(--color-heading);font-weight:700}.svg-tool-card input,.svg-tool-card select{inline-size:100%;min-block-size:2.75rem;min-inline-size:0;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-body)}.svg-tool-card input[type=color]{padding:.2rem}.svg-tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.svg-tool-actions .btn{flex:1 1 12rem}.svg-preview{display:grid;place-items:center;width:fit-content;max-width:100%;margin-inline:auto;overflow:auto;padding:0;background:transparent}.svg-preview canvas{display:block;max-inline-size:100%;block-size:auto;box-shadow:var(--shadow-sm)}.svg-status{min-block-size:1.5rem;color:var(--color-muted)}.svg-status[data-error=true]{color:var(--color-error)}.svg-security-note{color:var(--color-muted);font-size:var(--font-size-sm)}@media(max-width:767px){.svg-tool-grid{grid-template-columns:1fr}.svg-tool-shell{padding-inline:var(--space-3)}.svg-tool-card{padding:var(--space-4)}}