.svg-editor{--bg:#0b0d10;--panel:#11141a;--muted:#8b96a7;--text:#e8eef6;--accent:#6be675;--accent2:#4fd1ff;--border:#1f2430;background:linear-gradient(180deg,#0b0d10,#0e1116);color:var(--text);padding:16px;display:flex;min-height:100%;width:100%;flex-direction:column;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial;.hidden{display:none}h1{font-size:20px;margin:0 0 8px}.sub{color:var(--muted);margin-bottom:10px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-items:center;grid-gap:12px;justify-items:start}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}.rowline{display:flex;align-items:center;gap:8px}.small{font-size:12px;color:var(--muted)}input[type=color],input[type=range],input[type=text],select{width:100%}input[type=range]{all:revert}input[type=text],select{background:#0a0f16;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px}input[type=color]{background:transparent;border:none;height:36px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#0f1420;color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer}button.primary{background:linear-gradient(180deg,var(--accent2),#b0cffc);color:#021222}button.accent{background:linear-gradient(180deg,var(--accent),#99fab1);border-color:#2c9e46;color:#07130a;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}button.small{font-size:12px;padding:4px 8px;border-radius:4px}.btnrow{display:flex;flex-wrap:wrap;gap:8px}.btnrow button{width:100%}.targets{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:999px;border:1px solid var(--border);background:#0b1118}.swatch{width:14px;height:14px;border-radius:4px;border:1px solid #0002}#compList{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:10px;background:#0a0f16;padding:6px}#compList .row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}#compList .row:nth-child(odd){background:#0b1118}#compList .badge{font-size:12px;color:#9aa6b6}:where(button,input,select,textarea):focus-visible{outline:2px solid var(--accent2);outline-offset:2px}#miniSvg{display:block;width:100%;height:auto;background:#0a0f16;border-radius:6px}}.extractor-container{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;flex:1 1;.panels-container{flex:1 1;display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,2fr) minmax(320px,1fr);grid-gap:16px;gap:16px}.panel-container{display:flex;flex-direction:column;gap:12px}@media (max-width:980px){.panels-container{grid-template-columns:1fr}}}.legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;.chip{display:inline-flex;gap:8px;align-items:center;padding:6px 8px;border-radius:999px;background:#0b1118;border:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}}.busy-overlay{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:8px;z-index:20;padding:8px 10px;border-radius:8px;background:rgba(20,24,32,.85);color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none;.spinner{width:16px;height:16px;border:2px solid rgba(203,213,225,.35);border-top-color:#4fd1ff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}}.dropzone{position:absolute;inset:0;display:grid;place-items:center;color:#9aa6b6;text-align:center;padding:24px}.preview-container{display:flex;flex-direction:column;gap:12px;height:100%;.preview{background:#0a0d12;border:1px dashed #2b3240;border-radius:14px;overflow:hidden;flex:1 1}#stage,.preview{position:relative}#stage{transform-origin:top left}#imgCanvas{display:block}#debugCanvas,#maskCanvas,#overlaySvg{position:absolute;left:0;top:0;display:block}#maskCanvas{mix-blend-mode:screen;opacity:.5}#debugCanvas,#maskCanvas,#overlaySvg{pointer-events:none}}.panel{border:1px solid var(--border);border-radius:12px;background:#0b0d10;overflow:hidden;summary{border-bottom:1px dashed var(--border);list-style:none;cursor:pointer;padding:10px 12px;font-weight:600;display:flex;align-items:center;gap:10px;background:#0b0d10}summary::-webkit-details-marker{display:none}summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:12px}.content{padding:10px 12px;display:grid;grid-gap:10px;gap:10px}}.kpi{display:flex;gap:10px;flex-wrap:wrap;div{background:#0b1016;border:1px solid var(--border);padding:6px 10px;border-radius:10px;color:#9aa6b6}}.path-io{display:grid;grid-gap:8px;gap:8px;textarea{width:100%;min-height:110px;background:#0a0f16;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}}