body[data-tool=minisvg]{--accent-ink:var(--ink-2);height:100dvh;overflow:hidden}.appTitle h1 small{color:var(--ink-2);font:500 .7rem/1 var(--mono);margin-left:.4rem}body[data-tool=minisvg] .appTitle .appTitleSub{font:.72rem/1.4 var(--sans);margin-top:.3rem}body[data-tool=minisvg] .canvasBox{margin-bottom:.6rem}body[data-tool=minisvg] .bigCanvasWrap{aspect-ratio:auto;height:150px;min-height:0}body[data-tool=minisvg] #sourceCanvas{object-fit:contain;width:100%;height:100%;min-height:0;position:absolute;inset:0}body[data-tool=minisvg]:not(.has-source) #sourceCanvas{visibility:hidden}.source-drop-label{text-align:center;cursor:pointer;color:#222;align-content:center;padding:1rem;font-weight:600;display:grid;position:absolute;inset:0}.source-drop-label span{font-weight:400;text-decoration:underline}body.has-source .source-drop-label,body.has-source #trace-demo{display:none}body[data-tool=minisvg] .demo-link{width:auto;min-height:24px;font:.7rem/1.4 var(--sans);color:var(--ink-2);background:0 0;border:0;margin:-.2rem auto .65rem;padding:0;text-decoration:underline;display:block}#trace-source-info{overflow-wrap:anywhere;margin-top:.2rem}body[data-tool=minisvg] .controls .row:has(#fileInput){grid-template-columns:1fr;gap:.3rem;margin-bottom:.6rem}body[data-tool=minisvg] .controls .row{gap:.5rem}body[data-tool=minisvg] #sourcePrepSection .sectionNote{display:none}body[data-tool=minisvg] #sourcePrepSection .row{grid-template-columns:1fr;gap:.25rem}body[data-tool=minisvg] #sourcePrepSection .toneValue{float:right}body[data-tool=minisvg] #sourceInvertBtn{min-height:30px;margin-top:0}body[data-tool=minisvg] #sourceInvertBtn+.fieldHint{margin:.35rem 0 0}body[data-tool=minisvg] #sourcePrepSection .sectionBody{padding-bottom:.5rem}body[data-tool=minisvg] .candidateSearchBtns button{min-height:34px;font-size:.75rem}body[data-tool=minisvg]:not(.trace-running) #stopRunBtn,body[data-tool=minisvg].trace-running .candidateSearchBtns :is(#quickRunBtn,#runBtn){display:none}body[data-tool=minisvg].trace-running #stopRunBtn{grid-column:1/-1;min-height:42px}html:not([data-mode=advanced]) .candidateSearchBtns{grid-template-columns:1fr}body[data-tool=minisvg] .fieldHint a{color:inherit;text-underline-offset:.2em}body[data-tool=minisvg] [hidden]{display:none!important}body[data-tool=minisvg] .secondary,body[data-tool=minisvg] .toolbarBtn{background:var(--paper);color:var(--ink);border-color:var(--rule)}body[data-tool=minisvg] .secondary:hover:not(:disabled),body[data-tool=minisvg] .toolbarBtn:hover:not(:disabled){background:var(--paper-2)}body[data-tool=minisvg] .toggleBtn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}body[data-tool=minisvg] #stopRunBtn:not(:disabled){background:var(--paper);color:var(--ink);border:2px solid var(--ink);font-weight:700}body[data-tool=minisvg] #stopRunBtn:hover:not(:disabled){background:var(--paper-2)}body[data-tool=minisvg] :is(.card,.empty,.metricChip,.metrics>div,.stat,.copyOutputPanel){background:var(--paper)}body[data-tool=minisvg] :is(.cardHead,.cardActions,.copyOutputHead,.auditStack){background:var(--paper-2)}body[data-tool=minisvg] :is(.miniLabel,.auditCropLabel){color:#444}body[data-tool=minisvg] .errorBox{background:var(--paper);border-color:var(--danger)}body[data-tool=minisvg] #trace-file-button{justify-self:start;width:auto;min-height:28px;padding:.25rem .5rem;font-size:.72rem}body[data-tool=minisvg]:not(.has-source) #trace-file-button{display:none}body[data-tool=minisvg] #quickRunStatus{color:var(--ink-2);font:600 .65rem/1.4 var(--sans);margin:.3rem 0 0}body[data-tool=minisvg] #quickRunStatus:before{content:"Auto";border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:700 .58rem/1 var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-right:.4rem;padding:.1rem .25rem;display:inline-block}.trace-results{flex-direction:column;min-width:0;min-height:0;display:flex}#trace-summary{flex:none}.trace-status-line,.trace-view-toolbar,.trace-selection-line,.trace-export-line{justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.trace-status-line{min-height:26px;color:var(--ink-2);font:.73rem/1.4 var(--sans)}#trace-progress{margin:0}#trace-run-count{white-space:nowrap;font-family:var(--mono)}.trace-view-toolbar{flex-wrap:wrap;padding:.35rem 0}.trace-view-modes,.trace-zoom,.trace-result-tabs{align-items:center;gap:3px;display:flex}body[data-tool=minisvg] .trace-view-toolbar button,body[data-tool=minisvg] .trace-result-tabs button,body[data-tool=minisvg] .cardActions>button,body[data-tool=minisvg] .trace-output-actions button{width:auto;min-height:30px;font:600 .73rem/1.25 var(--sans);padding:.3rem .65rem}body[data-tool=minisvg] [data-trace-view][aria-pressed=true],body[data-tool=minisvg] .trace-result-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.trace-zoom output{text-align:center;min-width:3.3rem;font:.72rem/1 var(--mono)}body[data-tool=minisvg] .heroStage[data-zoomed=true]{cursor:grab;touch-action:none}body[data-tool=minisvg] .heroStage[data-dragging=true]{cursor:grabbing}body[data-tool=minisvg] .resultsHead{flex:none;align-items:center;gap:.5rem;margin:0;padding:.2rem 0 .5rem}body[data-tool=minisvg] .resultsTools{flex-wrap:wrap;justify-content:flex-end;gap:.55rem}body[data-tool=minisvg] .resultsTools label.toolbarSort{border:1px solid var(--rule);background:var(--paper-2);min-height:36px;color:var(--ink-2);font:600 .75rem/1.25 var(--sans);gap:.4rem;padding:.25rem .4rem .25rem .6rem}body[data-tool=minisvg] .resultsTools .toolbarSelect{border:1px solid var(--rule);background:var(--paper);min-height:30px;color:var(--ink);font:600 .75rem/1.25 var(--sans);padding:.25rem .5rem}body[data-tool=minisvg] .resultsTools .toolbarBtn{min-height:36px;font-size:.75rem}body[data-tool=minisvg] #progress{max-width:20rem;font-size:.75rem}body[data-tool=minisvg] #results{flex:1;align-content:start;min-height:0;overflow:auto}body[data-tool=minisvg] #results:not(.heroMode){grid-auto-rows:max-content}body[data-tool=minisvg] #results.heroMode{display:block;overflow:hidden}body[data-tool=minisvg] #results .heroCard{border:0;gap:0;height:100%;padding:0}body[data-tool=minisvg] .heroHead{display:none}body[data-tool=minisvg] .heroStage{border:1px solid var(--rule);touch-action:pan-y;background:#2a2a2a;border-radius:0;width:100%;height:100%;min-height:0;padding:12px;overflow:hidden;container-type:size}body[data-tool=minisvg] .heroStage[data-visual=svg],body[data-tool=minisvg] .heroStage[data-visual=source]{color:#000;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px}body[data-tool=minisvg] .heroStage[data-visual=diff]{background:#fff}body[data-tool=minisvg] .heroFitFrame{width:calc(min(100%, (100cqh - 24px) * var(--hero-aspect,1)) * var(--preview-zoom,1));flex-shrink:0;max-width:none;max-height:none}body[data-tool=minisvg] .heroFitFrame image,body[data-tool=minisvg] .heroFitFrame canvas{image-rendering:pixelated}body[data-tool=minisvg] .heroFitFrame img{max-width:none}body[data-tool=minisvg] #results>.empty{align-content:center;min-height:100%;margin:0;display:grid}#trace-output{flex:none;padding:.6rem 0 0}.trace-selection-line{flex-wrap:wrap;justify-content:start;font-size:.75rem}#trace-engine{color:var(--ink-2);font-size:.7rem}.trace-result-tabs{margin-left:auto}body[data-tool=minisvg] .trace-result-tabs button{min-height:36px;padding:.35rem .55rem;font-size:.75rem}.trace-export-line{flex-wrap:wrap;margin-top:.4rem}.trace-numbers{gap:1.25rem;margin:0;display:flex}.trace-numbers>div{align-items:baseline;gap:.35rem;display:flex}.trace-numbers dt{color:var(--ink-2);font-size:.68rem}.trace-numbers dd{font:600 .85rem/1.2 var(--mono);margin:0}.trace-output-actions{gap:.35rem;display:flex}.trace-measurements{font:.7rem/1.5 var(--sans);color:var(--ink-2);max-height:9rem;margin-top:.45rem;overflow:auto}.trace-measurements summary{cursor:pointer}.trace-measurements p{margin:.4rem 0}#trace-notice{color:var(--danger);margin:.4rem 0 0;font-size:.75rem}#trace-notice:empty{display:none}@media (max-width:1100px) and (min-width:821px){.trace-numbers{gap:.65rem}}@media (max-width:820px){body[data-tool=minisvg]{height:auto;overflow:auto}body[data-tool=minisvg] .bigCanvasWrap{height:104px}.trace-view-toolbar{gap:.35rem}.trace-results{min-height:60svh}body[data-tool=minisvg] #results.heroMode{flex:none;height:52svh;min-height:240px}body[data-tool=minisvg] #results:not(.heroMode){max-height:none;overflow:visible}body[data-tool=minisvg] #progress{display:none}.trace-export-line{gap:.65rem}.trace-numbers{gap:.9rem}.trace-output-actions{flex-wrap:wrap}.trace-measurements{max-height:none}}