.svg-hero{text-align:center;max-width:850px;margin:2.2rem auto 1.8rem}.svg-hero>span{color:#a63fd4;font:760 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.svg-hero h1{letter-spacing:-.055em;max-width:800px;margin:.55rem auto .65rem;font-size:clamp(2rem,5vw,3.55rem);line-height:1.03}.svg-hero .lead{max-width:700px;margin-inline:auto}.svg-hero-code{color:var(--text-muted);font:700 .68rem var(--mono);background:#a63fd412;border:1px solid #a63fd43d;border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.45rem .68rem;display:inline-flex}.svg-hero-code span,.svg-hero-code i{color:#a63fd4}.svg-hero-code b{text-decoration:line-through #c4464699}.svg-hero-code i{font-style:normal}.svg-hero-code strong{color:var(--success)}.svg-tool{--svg-accent:#a63fd4;--svg-deep:#7d26aa;gap:1rem;display:grid}.svg-options,.svg-drop,.svg-paste,.svg-queue{border:1px solid var(--border);background:var(--bg-raised);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.svg-options-head{border-bottom:1px solid var(--border);background:linear-gradient(105deg,#a63fd414,#0000 58%);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.15rem;display:flex}.svg-options-head>div span{color:var(--svg-accent);font:750 .62rem var(--mono);letter-spacing:.08em}.svg-options-head h2{margin:.16rem 0 0;font-size:1rem}.svg-precision{color:var(--text-muted);grid-template-columns:auto minmax(110px,190px) 28px;align-items:center;gap:.65rem;font-size:.72rem;font-weight:680;display:grid}.svg-precision input{width:100%;accent-color:var(--svg-accent)}.svg-precision output{width:28px;height:28px;color:var(--svg-accent);font:750 .7rem var(--mono);background:#a63fd414;border:1px solid #a63fd442;border-radius:8px;place-items:center;display:grid}.svg-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding:.8rem;display:grid}.svg-option-grid label{min-width:0;position:relative}.svg-option-grid input{opacity:0;pointer-events:none;position:absolute}.svg-option-grid label>span{border:1px solid var(--border);background:var(--bg-subtle);cursor:pointer;border-radius:13px;align-content:start;gap:.25rem;min-height:92px;padding:.75rem .75rem .72rem 2.45rem;transition:all .16s;display:grid;position:relative}.svg-option-grid label>span:before{content:"";border:1px solid var(--border-strong);background:var(--bg);border-radius:999px;width:21px;height:12px;position:absolute;top:.78rem;left:.78rem}.svg-option-grid label>span:after{content:"";background:var(--text-muted);border-radius:50%;width:7px;height:7px;transition:all .16s;position:absolute;top:.96rem;left:.98rem}.svg-option-grid input:checked+span{background:#a63fd412;border-color:#a63fd457}.svg-option-grid input:checked+span:before{border-color:var(--svg-accent);background:var(--svg-accent)}.svg-option-grid input:checked+span:after{background:#fff;transform:translate(8px)}.svg-option-grid input:focus-visible+span{outline:2px solid var(--svg-accent);outline-offset:2px}.svg-option-grid label:hover>span{transform:translateY(-1px)}.svg-option-grid b{color:var(--text);font-size:.76rem}.svg-option-grid small{color:var(--text-muted);font-size:.66rem;line-height:1.42}.svg-safety{background:#436fad0f;border:1px solid #436fad33;border-radius:11px;align-items:flex-start;gap:.65rem;margin:0 .8rem .8rem;padding:.65rem .72rem;display:flex}.svg-safety>span{color:#fff;width:19px;height:19px;font:800 .65rem var(--mono);background:#426eaa;border-radius:50%;flex:none;place-items:center;display:grid}.svg-safety p{color:var(--text-muted);margin:0;font-size:.68rem;line-height:1.5}.svg-safety strong{color:var(--text);display:block}.svg-input-grid{grid-template-columns:1.05fr .95fr;gap:1rem;min-width:0;display:grid}.svg-drop,.svg-paste{min-height:285px}.svg-drop{background:radial-gradient(circle at 50% 0%,#a63fd41f,transparent 48%),var(--bg-raised);text-align:center;border-style:dashed;border-color:#a63fd461;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:all .16s;display:flex;position:relative}.svg-drop.is-over,.svg-drop:hover{border-color:var(--svg-accent);transform:translateY(-2px)}.svg-drop input{opacity:0;width:1px;height:1px;position:absolute}.svg-drop-mark{color:var(--svg-accent);font:730 .75rem var(--mono);background:#a63fd414;border:1px solid #a63fd438;border-radius:12px;align-items:center;gap:.25rem;margin-bottom:.8rem;padding:.6rem .72rem;display:flex}.svg-drop-mark b{font-size:1rem}.svg-drop>strong{font-size:1.05rem}.svg-drop>button{background:linear-gradient(135deg,var(--svg-accent),var(--svg-deep));color:#fff;cursor:pointer;font:730 .75rem var(--font);border:0;border-radius:999px;margin-top:.55rem;padding:.52rem .82rem}.svg-drop>small{color:var(--text-muted);margin-top:.55rem;font-size:.68rem}.svg-drop>div:last-child{gap:.4rem;margin-top:.8rem;display:flex}.svg-drop>div:last-child span{border:1px solid var(--border);color:var(--text-muted);font:650 .6rem var(--mono);border-radius:999px;padding:.22rem .42rem}.svg-paste{grid-template-rows:auto 1fr auto;padding:.8rem;display:grid}.svg-paste header{align-items:center;gap:.5rem;padding:.25rem .2rem .7rem;display:flex}.svg-paste header span{color:var(--svg-accent);font:750 .78rem var(--mono)}.svg-paste header strong{font-size:.8rem}.svg-paste textarea{resize:vertical;border:1px solid var(--border);color:#d7d8e8;width:100%;min-height:160px;font:.68rem/1.55 var(--mono);tab-size:2;background:#151721;border-radius:12px;outline:none;padding:.8rem}.svg-paste textarea:focus{border-color:#a63fd4a6;box-shadow:0 0 0 3px #a63fd41a}.svg-paste>button{color:var(--svg-accent);cursor:pointer;font:720 .72rem var(--font);background:#a63fd417;border:1px solid #a63fd447;border-radius:9px;justify-self:end;margin-top:.65rem;padding:.5rem .72rem}.svg-queue-head{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.svg-queue-head>strong{color:var(--text-muted);font:690 .73rem var(--mono)}.svg-queue-head>div{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.svg-queue-head button,.svg-item-actions button,.svg-item-actions a{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);cursor:pointer;font:680 .7rem var(--font);border-radius:8px;padding:.46rem .64rem;text-decoration:none}.svg-queue-head button:hover,.svg-item-actions button:hover,.svg-item-actions a:hover{color:var(--svg-accent);border-color:#a63fd466}.svg-queue-head button.is-go,.svg-item-actions a.is-go{background:linear-gradient(135deg,var(--svg-accent),var(--svg-deep));color:#fff;border-color:#0000}.svg-queue-head button:disabled{opacity:.45}.svg-list{margin:0;padding:0;list-style:none;display:grid}.svg-item{border-bottom:1px solid var(--border);min-width:0;padding:1rem}.svg-item:last-child{border-bottom:0}.svg-item-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.svg-item-head>div{min-width:0}.svg-item-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.svg-item-head div>span{color:var(--text-muted);font:.65rem var(--mono);margin-top:.14rem;display:block}.svg-item-status{border:1px solid var(--border);color:var(--text-muted);font:690 .6rem var(--mono);border-radius:999px;flex:none;padding:.24rem .46rem}.svg-item[data-state=working] .svg-item-status{color:var(--svg-accent);border-color:#a63fd44d}.svg-item[data-state=done] .svg-item-status{color:var(--success);border-color:#16906640}.svg-item[data-state=error] .svg-item-status{color:var(--danger);border-color:#c4464640}.svg-item-error{background:var(--danger-subtle);color:var(--danger);border-radius:8px;margin:.7rem 0 0;padding:.55rem .65rem;font-size:.72rem}.svg-result{margin-top:.85rem}.svg-receipt{background:#1690660e;border:1px solid #16906633;border-radius:12px;grid-template-columns:minmax(180px,.8fr) 2fr;align-items:center;gap:1rem;padding:.75rem;display:grid}.svg-receipt>strong{color:var(--success);font:760 .82rem var(--mono)}.svg-receipt dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin:0;display:grid}.svg-receipt dl>div{border-left:1px solid var(--border);min-width:0;padding-left:.55rem}.svg-receipt dt{color:var(--text-muted);text-transform:uppercase;font-size:.58rem}.svg-receipt dd{font:700 .66rem var(--mono);text-overflow:ellipsis;white-space:nowrap;margin:.12rem 0 0;overflow:hidden}.svg-active-warning{color:color-mix(in srgb,#b46a08 82%,var(--text));background:#dc8d2314;border:1px solid #dc8d2340;border-radius:9px;margin:.55rem 0 0;padding:.55rem .65rem;font-size:.68rem;line-height:1.5}.svg-compare{margin-top:.8rem}.svg-compare h3{margin:0 0 .45rem;font-size:.76rem}.svg-compare>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.svg-compare figure{border:1px solid var(--border);background-color:var(--bg-subtle);background-image:linear-gradient(45deg,#7882911a 25%,#0000 25%),linear-gradient(-45deg,#7882911a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#7882911a 75%),linear-gradient(-45deg,#0000 75%,#7882911a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:12px;margin:0;overflow:hidden}.svg-compare figcaption{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-raised) 90%,transparent);color:var(--text-muted);font:680 .62rem var(--mono);padding:.4rem .55rem}.svg-compare img{object-fit:contain;width:100%;height:190px;padding:1rem;display:block}.svg-code{border:1px solid var(--border);border-radius:10px;margin-top:.65rem}.svg-code summary{cursor:pointer;color:var(--text-muted);padding:.55rem .65rem;font-size:.7rem;font-weight:680}.svg-code>div{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.svg-code pre{color:#cfd1df;max-height:240px;font:.62rem/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#151721;margin:0;padding:.7rem;overflow:auto}.svg-code pre+pre{color:#e8d3f3;border-left:1px solid #ffffff1a}.svg-item-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.svg-item-actions>span{color:var(--text-muted);margin-left:.3rem;font-size:.65rem}.svg-next-hint{color:var(--text-muted);margin:.5rem 0 0;font-size:.65rem}.svg-explainer{grid-template-columns:.9fr 1.6fr;gap:1.2rem;margin-top:2.3rem;display:grid}.svg-explainer>div:first-child{border-left:3px solid #a63fd4;padding:1.2rem}.svg-explainer>div:first-child>span,.svg-explainer article>span{color:#a63fd4;font:750 .65rem var(--mono);text-transform:uppercase}.svg-explainer h2{margin:.35rem 0 .5rem}.svg-explainer p{color:var(--text-muted);margin:0;font-size:.8rem}.svg-explainer>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.svg-explainer article{border:1px solid var(--border);background:var(--bg-raised);border-radius:13px;padding:.9rem}.svg-explainer article h3{margin:.35rem 0;font-size:.86rem}.svg-faq{max-width:780px}.svg-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.8rem 0 2.5rem;display:grid}.svg-related a{border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:12px;gap:.2rem;padding:.85rem;text-decoration:none;transition:all .16s;display:grid}.svg-related a span{color:var(--text-muted);font-size:.67rem}.svg-related a:hover{border-color:#a63fd45c;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.svg-hero>span,.svg-hero-code span,.svg-paste header span,.svg-paste>button,.svg-precision output{color:#d992f3}}@media (width<=820px){.svg-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svg-input-grid,.svg-explainer{grid-template-columns:1fr}}@media (width<=620px){.svg-options-head{flex-direction:column;align-items:flex-start}.svg-precision{grid-template-columns:auto minmax(0,1fr) 28px;width:100%}.svg-option-grid,.svg-explainer>div:last-child,.svg-related{grid-template-columns:1fr}.svg-option-grid label>span{min-height:72px}.svg-input-grid{gap:.7rem}.svg-options,.svg-drop,.svg-paste,.svg-queue{border-radius:16px}.svg-drop{min-height:250px}.svg-queue-head{flex-direction:column;align-items:flex-start}.svg-queue-head>div{justify-content:flex-start}.svg-receipt{grid-template-columns:1fr}.svg-receipt dl{grid-template-columns:repeat(3,minmax(0,1fr))}.svg-receipt dl>div:nth-child(4){border-left:0}.svg-compare>div,.svg-code>div{grid-template-columns:1fr}.svg-compare img{height:150px}.svg-code pre+pre{border-top:1px solid #ffffff1a;border-left:0}.svg-item-actions>span{width:100%;margin:.2rem 0 0}}.svg-drop>button,.svg-paste>button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.svg-faq summary{align-items:center;min-height:44px;display:flex}.svg-queue-head button,.svg-item-actions button,.svg-item-actions a,.svg-code summary{justify-content:center;align-items:center;min-height:44px;display:inline-flex}[hidden]{display:none!important}