/* SVG Downloader */
.svg-card{display:flex;flex-direction:column;gap:.85rem;padding:1.5rem;background:var(--t-bg);border:1px solid var(--t-border-glass);border-radius:var(--t-radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:1.5rem}
.svg-input-row{display:flex;gap:.5rem;flex-wrap:wrap}
.svg-input{flex:1;min-width:220px;padding:.75rem .9rem;font-size:.9rem;border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--bg,#fff);color:var(--text);outline:none;box-sizing:border-box}
.svg-input:focus{border-color:var(--t-accent);box-shadow:0 0 0 3px var(--t-accent-glow)}
.svg-btn{padding:.75rem 1.4rem;border:none;border-radius:100px;font-weight:700;font-size:.88rem;cursor:pointer;background:linear-gradient(135deg,var(--t-accent),var(--t-accent-2));color:#fff;transition:transform .25s}
.svg-btn:hover{transform:translateY(-2px)}
.svg-btn.secondary{background:var(--t-bg-card);color:var(--text);border:1px solid var(--t-border)}
.svg-btn.small{padding:.5rem 1rem;font-size:.78rem}
.svg-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.svg-hint{font-size:.78rem;color:var(--text-tertiary)}
.svg-error{font-size:.82rem;color:#ef4444;font-weight:600}
.svg-paste-group{display:flex;flex-direction:column;gap:.35rem}
.svg-paste-group label{font-size:.8rem;font-weight:700;color:var(--text)}
.svg-textarea{width:100%;padding:.7rem .85rem;font-size:.8rem;font-family:var(--t-mono);border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--bg,#fff);color:var(--text);box-sizing:border-box;resize:vertical}
.svg-textarea:focus{border-color:var(--t-accent);box-shadow:0 0 0 3px var(--t-accent-glow);outline:none}
.svg-upload-row{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;color:var(--text);flex-wrap:wrap}
.svg-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.6rem 0}
.svg-count{font-size:.8rem;font-weight:700;color:var(--text-tertiary)}
.svg-spacer{flex:1}
.svg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;min-height:140px}
.svg-item{border:1px solid var(--t-border-glass);border-radius:var(--t-radius);overflow:hidden;background:var(--t-bg-card);text-align:center;padding:.8rem .75rem .7rem;display:flex;flex-direction:column;gap:.15rem;position:relative;cursor:pointer}
.svg-prev{background:#fff;border-radius:12px;border:1px solid var(--t-border);margin:0 auto .5rem;width:100%;height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.svg-prev svg{width:72px;height:72px;max-width:85%;max-height:85%}
.svg-prev.linked img{max-width:85%;max-height:85%;object-fit:contain}
.svg-check{position:absolute;top:.55rem;left:.55rem;z-index:2}
.svg-check input{width:20px;height:20px;accent-color:var(--t-accent);cursor:pointer}
.svg-name{font-family:var(--t-mono);font-size:.74rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svg-meta{font-size:.7rem;color:var(--text-tertiary);font-weight:600}
.svg-item-btns{display:flex;gap:.55rem;justify-content:center;margin-top:.45rem;flex-wrap:wrap}
.svg-item-btns a{color:var(--t-accent);text-decoration:none;font-weight:700;font-size:.76rem}
.svg-item-btns a:hover{text-decoration:underline}
.svg-item-btns button{background:none;border:none;cursor:pointer;color:var(--t-accent);font-weight:700;font-size:.76rem;padding:0;font-family:inherit}
.svg-item-btns button:hover{text-decoration:underline}
.svg-codebox{margin-top:1rem;border:1px solid var(--t-border-glass);border-radius:var(--t-radius);background:var(--t-bg-card);overflow:hidden}
.svg-codehead{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-bottom:1px solid var(--t-border-glass);font-size:.8rem;flex-wrap:wrap}
.svg-pre{margin:0;max-height:320px;overflow:auto;padding:.9rem;font-size:.74rem;line-height:1.6;font-family:var(--t-mono)}
@media(max-width:768px){.svg-input-row{flex-direction:column}.svg-btn{width:100%}.svg-spacer{display:none}}