:root{--accent:#007da5;--text-main:var(--ink);--text-muted:var(--muted);--border-color:var(--line);--bg-base:var(--surface)}.editor-intro:before{background-image:url('svg-art-v2.png');inset:-8px -15px -25px 7%;background-size:100% auto;background-position:center;opacity:.48}[data-theme=dark] .editor-intro:before{opacity:.19}.editor-icon{background:linear-gradient(140deg,#afc6bd,#658f86)}#dropTitle{margin-right:auto;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.svg-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);border-radius:10px;overflow:hidden;scroll-margin-top:105px}.vector-pane{min-width:0;background:var(--wash)}.settings-pane{border-left:1px solid var(--line);min-width:0;background:var(--surface)}.pane-heading{min-height:56px;border-bottom:1px solid var(--line);padding:14px 22px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--surface)}.view-controls{display:flex;gap:5px;flex-wrap:wrap}.view-controls button{min-height:28px;padding:5px 7px;font-size:10px}.stage-display{height:330px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:30px}.stage-display img{max-width:100%;max-height:100%;object-fit:contain}.bg-checker{background:repeating-conic-gradient(#98a0aa25 0% 25%,transparent 0% 50%) 0 0/20px 20px}.bg-dark{background:#181d24}.bg-light{background:#fff}.bg-accent{background:#c6e2df}#dropZone{border:1px dashed var(--line);border-radius:6px;margin:18px 22px;padding:16px;text-align:center;font-size:12px;color:var(--muted);cursor:pointer}.code-heading{border-top:1px solid var(--line);padding:18px 22px;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.code-heading small{font-size:10px;color:var(--muted)}#svgOutputArea{display:block;box-sizing:border-box;width:calc(100% - 44px);height:220px;margin:0 22px 22px;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:12px/1.7 Consolas,monospace;resize:vertical;white-space:pre;overflow:auto}#svgStatus{padding:0 22px;color:var(--muted);font-size:12px;line-height:1.8}.controls-content{padding:24px;display:flex;flex-direction:column;gap:24px}.panel-title{font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted)}.toggle-list{display:flex;flex-direction:column;gap:19px}.toggle-row{display:flex;justify-content:space-between;gap:15px;align-items:start;font-size:12px;color:var(--muted);line-height:1.6}.toggle-row input{accent-color:#658f86;flex:none}.select-label{font-size:12px;color:var(--muted);display:block;margin-bottom:12px}.custom-select{width:100%;min-width:0;padding:9px;font-size:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px}.metrics-card{padding-top:24px;border-top:1px solid var(--line)}.metrics-header,.metrics-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:15px}.metrics-row strong{color:var(--ink);font-weight:500}.control-note{font-size:11px;color:var(--muted);line-height:1.8}button{cursor:pointer;box-shadow:none}.site-header .theme-choice{width:78px;max-width:78px;margin:0;padding:10px 9px;font-size:11px;flex:none}@media(max-width:800px){.svg-workspace{grid-template-columns:1fr}.settings-pane{border-left:0;border-top:1px solid var(--line)}#dropTitle{width:100%}.stage-display{height:280px}.editor-intro:before{opacity:.28;background-size:auto 100%}}