:root{--bg:#f5f5f5;--card:#fff;--text:#333;--muted:#666;--primary:#69bac9;--secondary:gray;--primary-dark:#4d4d4d;--border:#dedede;--brand-tint:color-mix(in srgb,var(--primary) 16%,white)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#autovectorApp{font-size:14px;width:min(900px,100% - 24px)!important;max-width:900px!important;margin:20px auto!important;padding:0!important;display:block!important}#autovectorApp *{box-sizing:border-box}#autovectorApp [hidden]{display:none!important}#autovectorApp h1{color:var(--text);margin:0 0 4px;font-size:25px}#autovectorApp p{color:var(--muted);margin:0}#autovectorApp button,#autovectorApp input,#autovectorApp select{font:inherit}#autovectorApp button{cursor:pointer;touch-action:manipulation}#autovectorApp .av-heading,#autovectorApp .av-actions,#autovectorApp .av-preview-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#autovectorApp .av-heading{justify-content:space-between;margin-bottom:16px}#autovectorApp .av-button{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--text);border-radius:13px;justify-content:center;align-items:center;padding:0 17px;font-weight:850;line-height:1.25;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #0f172a0f}#autovectorApp .av-button:hover{border-color:var(--primary);background:var(--brand-tint)}#autovectorApp .av-primary{background:var(--primary);border-color:var(--primary);color:#fff}#autovectorApp .av-primary:hover{background:var(--primary);filter:brightness(.95)}#autovectorApp button:disabled{opacity:.45;cursor:default}#autovectorApp .av-actions{margin-bottom:14px}#autovectorApp #av-name{overflow-wrap:anywhere;min-width:120px;color:var(--muted);flex:1;font-size:12px}#autovectorApp .av-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:16px;display:grid}#autovectorApp .av-controls,#autovectorApp .av-result{border:1px solid var(--border);background:var(--card);border-radius:12px;min-width:0;padding:16px}#autovectorApp .av-modes{border:0;gap:7px;margin:0 0 18px;padding:0;display:grid}#autovectorApp legend{margin-bottom:8px;font-weight:700}#autovectorApp .av-mode{text-align:left;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-weight:600}#autovectorApp .av-mode[aria-pressed=true]{border-color:var(--primary);background:var(--brand-tint);color:var(--text);box-shadow:inset 3px 0 var(--primary)}#autovectorApp .av-slider{margin-bottom:16px;display:block}#autovectorApp .av-slider>span{justify-content:space-between;gap:10px;margin-bottom:7px;font-size:12px;font-weight:600;display:flex}#autovectorApp output{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:400}#autovectorApp input[type=range]{width:100%;accent-color:var(--primary);height:22px;margin:0;display:block}#autovectorApp input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;width:16px;height:16px}#autovectorApp .av-check{align-items:center;gap:7px;margin:12px 0;font-size:12px;display:flex}#autovectorApp .av-refine{border-top:1px solid var(--secondary);margin:12px 0;padding-top:12px}#autovectorApp summary{cursor:pointer;color:var(--text);font-weight:600}#autovectorApp .av-refine label:not(.av-check){gap:6px;margin-top:12px;font-size:12px;display:grid}#autovectorApp select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:7px;width:100%;padding:8px}#autovectorApp .av-note{margin:15px 0;font-size:11px;line-height:1.5}#autovectorApp .av-preview-bar{gap:8px;margin-bottom:12px;font-size:12px}#autovectorApp #av-count{color:var(--muted)}#autovectorApp .av-zoom{align-items:center;gap:5px;margin-left:auto;display:flex}#autovectorApp .av-zoom output{text-align:center;min-width:45px}#autovectorApp .av-viewport{border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;height:clamp(320px,60vh,700px);position:relative;overflow:hidden}#autovectorApp .av-viewport.dragging{cursor:grabbing}#autovectorApp .av-viewport.drop-active{outline:3px solid var(--primary)}#autovectorApp .av-image{pointer-events:none;transform-origin:50%;position:absolute;inset:0}#autovectorApp .av-image img{object-fit:contain;width:100%;max-width:none;height:100%;display:block}#autovectorApp .av-empty{text-align:center;background:var(--bg);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}#autovectorApp .av-empty>span{color:var(--primary);font-size:44px}#autovectorApp .av-status{justify-content:space-between;align-items:center;gap:10px;min-height:48px;font-size:12px;display:flex}#autovectorApp .av-hint{font-size:11px}#autovectorApp .av-error{color:#9f2020;background:#fff0f0;border:1px solid #efb6b6;border-radius:7px;margin-top:12px;padding:10px}#autovectorApp .av-footer{color:var(--muted);padding:16px 0;font-size:11px}#autovectorApp :focus-visible{outline:2px solid var(--secondary);outline-offset:3px}@media (width<=760px){#autovectorApp{margin-top:12px!important}#autovectorApp .av-heading{gap:10px}#autovectorApp h1{font-size:22px}#autovectorApp .av-layout{grid-template-columns:1fr}#autovectorApp .av-result{grid-row:1;padding:12px}#autovectorApp .av-controls{padding:12px}#autovectorApp .av-modes{grid-template-columns:1fr 1fr}#autovectorApp #av-sliders{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}#autovectorApp .av-viewport{height:clamp(260px,43dvh,420px)}#autovectorApp .av-heading p{font-size:12px}#autovectorApp #av-name{flex-basis:100%;order:3}#autovectorApp #av-download{margin-left:auto}}#autovectorApp{font-size:13px;line-height:1.4;margin:12px auto!important}#autovectorApp .av-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-bottom:12px;display:grid}#autovectorApp .av-heading>div{display:contents}#autovectorApp .av-heading h1{grid-area:1/1;margin:0;font-size:23px;line-height:1.2}#autovectorApp .av-heading p{grid-area:2/1/auto/-1;font-size:12px}#autovectorApp .av-heading>a{grid-area:1/2}#autovectorApp .av-button{min-height:32px;box-shadow:none;white-space:nowrap;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:700}#autovectorApp .av-actions{gap:8px;margin-bottom:10px}#autovectorApp .av-layout{grid-template-columns:240px minmax(0,1fr);gap:12px}#autovectorApp .av-controls,#autovectorApp .av-result{border-radius:9px;padding:12px}#autovectorApp .av-mode{min-height:32px;padding:7px 9px;font-size:12px;line-height:1.25}#autovectorApp .av-modes{gap:6px;margin-bottom:12px}#autovectorApp .av-slider{margin-bottom:12px}#autovectorApp .av-slider>span{align-items:start;margin-bottom:4px;line-height:1.3}#autovectorApp .av-slider output{flex-shrink:0}#autovectorApp .av-preview-bar{gap:6px;margin-bottom:8px}#autovectorApp .av-preview-bar strong{font-size:13px}#autovectorApp .av-zoom{gap:4px}#autovectorApp .av-zoom .av-button{min-width:28px;min-height:28px;padding:3px 7px}#autovectorApp .av-zoom output{min-width:40px;font-size:11px}#autovectorApp .av-viewport{height:clamp(300px,55dvh,560px)}#autovectorApp .av-empty{gap:10px;padding:16px}#autovectorApp .av-empty>span{font-size:32px}#autovectorApp .av-empty p{max-width:280px;font-size:13px}#autovectorApp .av-status{min-height:36px;font-size:11px}#autovectorApp .av-note{margin:10px 0}#autovectorApp .av-footer{padding:12px 0}@media (width<=760px){#autovectorApp .av-layout{grid-template-columns:minmax(0,1fr);gap:10px}#autovectorApp .av-button,#autovectorApp .av-mode{min-height:36px}#autovectorApp .av-heading h1{font-size:21px}#autovectorApp .av-actions{grid-template-columns:1fr 1fr;gap:6px 8px;display:grid}#autovectorApp #av-open{grid-area:1/1}#autovectorApp #av-download{grid-area:1/2;margin:0}#autovectorApp #av-name{grid-area:2/1/auto/-1;min-width:0;font-size:11px}#autovectorApp .av-preview-bar{grid-template-columns:minmax(0,1fr) auto;gap:1px 6px;display:grid}#autovectorApp .av-preview-bar strong{grid-area:1/1;font-size:12px}#autovectorApp #av-count{overflow-wrap:anywhere;grid-area:2/1;font-size:11px}#autovectorApp .av-zoom{grid-area:1/2/3;margin:0}#autovectorApp .av-zoom .av-button{min-width:32px;min-height:32px}#autovectorApp .av-viewport{height:clamp(220px,34dvh,340px)}#autovectorApp #av-sliders{gap:0 12px}#autovectorApp .av-hint{font-size:10px;line-height:1.4}}