.image2svg{--i2s-bg:#fff;--i2s-bg-soft:#f6f7f9;--i2s-border:#dee2e6;--i2s-text:#161209;--i2s-muted:rgba(0, 0, 0, 0.62);--i2s-accent:#4361ee;max-width:1200px;margin:0 auto}[data-header-desktop] .image2svg{padding-top:var(--header-height)}[data-header-desktop=normal] .image2svg{padding-top:0}[theme=dark] .image2svg{--i2s-bg:#151617;--i2s-bg-soft:#1f2023;--i2s-border:#36373b;--i2s-text:#e4e4e8;--i2s-muted:rgba(255, 255, 255, 0.6)}.image2svg .image2svg__lead{margin:0 0 1rem;font-size:1.15rem;line-height:1.6;color:var(--i2s-muted)}.image2svg .image2svg__lead a{color:inherit;text-decoration:underline}.image2svg .image2svg__links{margin:0 0 1.5rem}.image2svg .content{margin-top:2.5rem}.image2svg details{margin-bottom:.5rem;padding:.5rem .75rem;border:1px solid var(--i2s-border);border-radius:.5rem}.image2svg details summary{cursor:pointer;font-weight:600}.image2svg details[open] summary{margin-bottom:.5rem}.github-link{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border:1px solid var(--i2s-border);border-radius:.5rem;background-color:var(--i2s-bg-soft);color:var(--i2s-text);font-weight:600;text-decoration:none}.github-link:hover{border-color:var(--i2s-accent)}.converter{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:1rem;align-items:start}#drop{position:relative;min-height:400px;border:1px solid var(--i2s-border);border-radius:.5rem;overflow:hidden}#droptext{display:flex;align-items:center;justify-content:center;height:400px;background-color:var(--i2s-bg-soft);border:2px dashed var(--i2s-border);border-radius:.5rem;color:var(--i2s-text);font-size:1.1rem;text-align:center;transition:border-color .2s}#droptext p{margin:0;padding:0 1rem}#droptext a{color:var(--i2s-accent);text-decoration:underline}#droptext.hovering{border-color:var(--i2s-accent);background-color:color-mix(in srgb,var(--i2s-accent) 8%,var(--i2s-bg-soft))}#canvas-container{position:relative;height:max-content}#svg,#frame{position:absolute;left:50%;transform:translateX(-50%);width:100%;margin-bottom:50px}#svg>path:hover{stroke:#ff0}#progressregion{height:1.5rem;padding:.35rem 0;visibility:hidden}#progressregion[style*=block]{visibility:visible}#progressregion[style*=none]{visibility:hidden;display:block!important}#progressbar{width:100%;height:20px;border:none;border-radius:6px;appearance:none;-webkit-appearance:none;background:var(--i2s-bg-soft);overflow:hidden}#progressbar::-webkit-progress-bar{background:var(--i2s-bg-soft);border-radius:6px}#progressbar::-webkit-progress-value{background:linear-gradient(180deg,#7c9fff 0%,#4361ee 50%,#3a4fd0 100%);border-radius:6px;transition:width .15s ease}#progressbar::-moz-progress-bar{background:linear-gradient(180deg,#7c9fff 0%,#4361ee 50%,#3a4fd0 100%);border-radius:6px}.export-row{margin-top:.5rem;text-align:center}#export{display:inline-block;padding:.6rem 2.5rem;border-radius:.5rem;background-color:var(--i2s-accent);color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none}#export:hover{background-color:#3a4fd0}.controls-panel{padding:1rem;border:1px solid var(--i2s-border);border-radius:.5rem;background-color:var(--i2s-bg);color:var(--i2s-text)}.controls-panel h2{margin:1rem 0 .5rem;font-size:1rem;font-weight:700;color:inherit}.controls-panel h2:first-child{margin-top:0}.controls-panel label{display:block;margin-bottom:.15rem;font-size:.875rem}.controls-panel .hint{font-size:.75rem;color:var(--i2s-muted)}.toggle-group{display:flex;margin-bottom:.5rem}.toggle-group button{flex:1;padding:.3rem .5rem;border:1px solid var(--i2s-border);background-color:var(--i2s-bg);color:var(--i2s-text);font:inherit;font-size:.875rem;cursor:pointer}.toggle-group button+button{margin-left:-1px}.toggle-group button:first-child{border-radius:.375rem 0 0 .375rem}.toggle-group button:last-child{border-radius:0 .375rem .375rem 0}.toggle-group button:hover:not(.selected){background-color:var(--i2s-bg-soft)}.toggle-group button.selected{position:relative;border-color:var(--i2s-accent);background-color:var(--i2s-accent);color:#fff}.range-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.range-row input[type=range]{flex:1;accent-color:var(--i2s-accent)}.range-row .range-value{min-width:2rem;text-align:right;font-size:.875rem;font-variant-numeric:tabular-nums}@media(max-width:991.98px){.converter{grid-template-columns:minmax(0,1fr)}}