.mxv{--mxv-paper:var(--paper,#faf9f6);--mxv-surface:var(--surface,#fff);--mxv-sunken:var(--sunken,#f2f0eb);--mxv-ink:var(--ink,#16150f);--mxv-ink-2:var(--ink-2,#57534a);--mxv-ink-3:var(--ink-3,#6f6a60);--mxv-line:var(--line,#e6e2d9);--mxv-line-strong:var(--line-strong,#cfc9bc);--mxv-accent:var(--accent,#ff5a1f);--mxv-accent-ink:var(--accent-ink,#16150f);--mxv-accent-soft:var(--accent-soft,#ffe8de);--mxv-accent-text:var(--accent-text,#c2410c);--mxv-bad:var(--bad,#c4362b);--mxv-radius:var(--radius,14px);--mxv-radius-sm:var(--radius-sm,9px);--mxv-mono:"JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--mxv-checker:color-mix(in srgb, var(--mxv-ink) 6%, transparent);color:var(--mxv-ink);gap:12px;font-size:15px;line-height:1.45;display:grid}.mxv *,.mxv :before,.mxv :after{box-sizing:border-box}.mxv [hidden]{display:none!important}.mxv button{font:inherit;color:inherit;cursor:pointer}.mxv button:disabled{cursor:not-allowed}.mxv :focus-visible{outline:2px solid var(--mxv-accent);outline-offset:2px}.mxv-i{flex:none}.mxv-modes{background:var(--mxv-sunken);border:1px solid var(--mxv-line);border-radius:var(--mxv-radius);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.mxv-modes button{border-radius:var(--mxv-radius-sm);min-height:44px;color:var(--mxv-ink-2);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;transition:background-color .15s ease-out,color .15s ease-out;display:inline-flex}.mxv-modes button:hover{color:var(--mxv-ink)}.mxv-modes button[aria-selected=true]{background:var(--mxv-surface);color:var(--mxv-ink);border-color:var(--mxv-line-strong);box-shadow:0 1px #0000000a}.mxv-modes button[aria-selected=true] .mxv-i{color:var(--mxv-accent)}.mxv-short{display:none}.mxv-mode-hint{color:var(--mxv-ink-3);margin:-2px 2px 0;font-size:13px}.mxv-body{gap:12px;display:grid}@media (width>=900px){.mxv-body{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.mxv-main{gap:8px;min-width:0;display:grid}.mxv-drop{text-align:center;border:1.5px dashed var(--mxv-line-strong);border-radius:var(--mxv-radius);background:var(--mxv-surface);align-content:center;justify-items:center;gap:6px;min-height:clamp(300px,52vh,520px);padding:28px 16px;transition:border-color .15s ease-out,background-color .15s ease-out;display:grid}.mxv.is-dragging .mxv-drop,.mxv.is-dragging .mxv-viewwrap{border-color:var(--mxv-accent);background:var(--mxv-accent-soft)}.mxv-drop-icon{background:var(--mxv-sunken);width:48px;height:48px;color:var(--mxv-ink-2);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.mxv-drop-title{margin:0;font-size:17px;font-weight:600}.mxv-drop-sub{color:var(--mxv-ink-3);margin:0;font-size:13px}.mxv-link{color:var(--mxv-accent-text);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.mxv-samples{justify-items:center;gap:8px;margin-top:18px;display:grid}.mxv-samples-label,.mxv-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mxv-ink-3);font-size:11px;font-weight:650}.mxv-sample-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mxv-sample{border:1px solid var(--mxv-line-strong);background:var(--mxv-paper);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;transition:border-color .15s ease-out,transform .15s ease-out;display:inline-flex}.mxv-sample:hover{border-color:var(--mxv-accent)}.mxv-sample:active{transform:translateY(1px)}.mxv-sample img{object-fit:cover;background:var(--mxv-sunken);border-radius:999px;width:34px;height:34px}.mxv-viewer{gap:8px;display:grid}.mxv-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mxv-seg{background:var(--mxv-sunken);border:1px solid var(--mxv-line);border-radius:var(--mxv-radius-sm);gap:2px;padding:3px;display:inline-flex}.mxv-seg button{min-height:34px;color:var(--mxv-ink-2);background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.mxv-seg button[aria-checked=true]{background:var(--mxv-surface);color:var(--mxv-ink);box-shadow:0 0 0 1px var(--mxv-line-strong)}.mxv-tbtn{border:1px solid var(--mxv-line);border-radius:var(--mxv-radius-sm);background:var(--mxv-surface);min-width:40px;min-height:40px;color:var(--mxv-ink-2);justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.mxv-tbtn:hover{color:var(--mxv-ink);border-color:var(--mxv-line-strong)}.mxv-tbtn[aria-pressed=true]{color:var(--mxv-accent-text);border-color:var(--mxv-accent);background:var(--mxv-accent-soft)}.mxv-zoom{gap:2px;margin-left:auto;display:inline-flex}.mxv-zoom-val{font-family:var(--mxv-mono);font-variant-numeric:tabular-nums;min-width:64px}.mxv-viewwrap{border:1px solid var(--mxv-line-strong);border-radius:var(--mxv-radius);background-color:var(--mxv-surface);background-image:linear-gradient(45deg, var(--mxv-checker) 25%, transparent 25%, transparent 75%, var(--mxv-checker) 75%), linear-gradient(45deg, var(--mxv-checker) 25%, transparent 25%, transparent 75%, var(--mxv-checker) 75%);background-position:0 0,8px 8px;background-size:16px 16px;position:relative;overflow:hidden}.mxv-viewport{overscroll-behavior:contain;cursor:grab;height:clamp(300px,58vh,600px);display:grid;overflow:auto}.mxv-viewport.is-panning{cursor:grabbing}.mxv-stage{margin:auto;position:relative}.mxv-orig,.mxv-vec{user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mxv-viewwrap.is-pixelated .mxv-orig{image-rendering:pixelated}.mxv-viewwrap[data-view=vector] .mxv-orig,.mxv-viewwrap[data-view=original] .mxv-vec{visibility:hidden}.mxv-viewwrap.is-outline .mxv-orig{opacity:.35}.mxv-viewwrap.is-outline[data-view=vector] .mxv-orig{visibility:visible}.mxv-viewer.is-working .mxv-vec{opacity:.55;transition:opacity .2s ease-out}.mxv-split{cursor:ew-resize;touch-action:none;z-index:2;width:44px;margin-left:-22px;position:absolute;top:0;bottom:0}.mxv-split:before{content:"";background:var(--mxv-accent);width:2px;position:absolute;top:0;bottom:0;left:21px;box-shadow:0 0 0 1px #ffffff80}.mxv-split-knob{background:var(--mxv-accent);border:2px solid #fff;border-radius:999px;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000040}.mxv-split-knob:before,.mxv-split-knob:after{content:"";border:4px solid #0000;position:absolute;top:8px}.mxv-split-knob:before{border-right-color:var(--mxv-accent-ink);left:2px}.mxv-split-knob:after{border-left-color:var(--mxv-accent-ink);right:2px}.mxv-viewwrap:not([data-view=split]) .mxv-split,.mxv-viewwrap:not([data-view=split]) .mxv-tag{display:none}.mxv-tag{z-index:1;color:#fff;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#16150fb8;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:650;position:absolute;top:10px}.mxv-tag-l{left:10px}.mxv-tag-r{right:10px}.mxv-progress{z-index:3;border:1px solid var(--mxv-line-strong);border-radius:var(--mxv-radius-sm);background:var(--mxv-surface);gap:6px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px -12px #0000004d}.mxv-progress-track{background:var(--mxv-sunken);border-radius:999px;height:6px;overflow:hidden}.mxv-progress-bar{background:var(--mxv-accent);transform-origin:0;height:100%;transition:transform .15s ease-out;transform:scaleX(0)}.mxv-progress-label{font-family:var(--mxv-mono);font-variant-numeric:tabular-nums;color:var(--mxv-ink-2);font-size:12px}.mxv-error{border-radius:var(--mxv-radius-sm);border:1px solid color-mix(in srgb, var(--mxv-bad) 40%, transparent);background:color-mix(in srgb, var(--mxv-bad) 10%, var(--mxv-surface));color:var(--mxv-ink);margin:0;padding:10px 12px;font-size:14px}.mxv-panel{border:1px solid var(--mxv-line);border-radius:var(--mxv-radius);background:var(--mxv-surface);gap:0;display:grid}.mxv-group{border-top:1px solid var(--mxv-line);gap:10px;padding:14px 16px;display:grid}.mxv-group:first-child,.mxv-group[hidden]+.mxv-group:not([hidden]){border-top:0}.mxv-group h2{margin:0}.mxv:not([data-mode=cut]) [data-for=cut],.mxv:not([data-mode=logo]) [data-for=logo],.mxv:not([data-mode=detailed]) [data-for=detailed],.mxv[data-mode=cut] [data-for=logo\ detailed]{display:none}.mxv-field{gap:4px;display:grid}.mxv-field-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;display:flex}.mxv-field label{font-size:14px;font-weight:500}.mxv output{font-family:var(--mxv-mono);font-variant-numeric:tabular-nums;color:var(--mxv-ink-2);font-size:12px}.mxv-inline{grid-template-columns:1fr auto;align-items:center}.mxv-out-wrap{align-items:center;gap:8px;display:inline-flex}.mxv input[type=range]{width:100%;height:28px;accent-color:var(--mxv-accent);margin:0}.mxv input[type=range]:disabled{opacity:.45}.mxv input[type=color]{border:1px solid var(--mxv-line-strong);background:var(--mxv-surface);cursor:pointer;border-radius:8px;width:40px;height:32px;padding:2px}.mxv select{min-height:36px;font:inherit;color:var(--mxv-ink);border:1px solid var(--mxv-line-strong);background:var(--mxv-sunken);border-radius:8px;padding:4px 8px;font-size:14px}.mxv-check{cursor:pointer;align-items:center;gap:10px;min-height:32px;font-size:14px;display:flex}.mxv-check input{width:18px;height:18px;accent-color:var(--mxv-accent);margin:0}.mxv-bg-opts{gap:10px;padding-left:28px;display:grid}.mxv-palette{flex-wrap:wrap;gap:4px;display:flex}.mxv-palette:empty{display:none}.mxv-palette span{border-radius:6px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}.mxv-reset{min-height:32px;color:var(--mxv-ink-2);justify-self:start;align-items:center;gap:6px;font-size:13px;display:inline-flex}.mxv-readout{border:1px solid var(--mxv-line-strong);border-radius:var(--mxv-radius);background:var(--mxv-surface);gap:12px;padding:16px;display:grid}.mxv-readout-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.mxv-note{color:var(--mxv-ink-3);font-size:12px;font-family:var(--mxv-mono);font-variant-numeric:tabular-nums}.mxv-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.mxv-stats div{min-width:0}.mxv-stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--mxv-ink-3);font-size:11px;font-weight:650}.mxv-stats dd{font-family:var(--mxv-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:24px;font-weight:600;overflow:hidden}.mxv-readout:not(.has-result) .mxv-stats dd{color:var(--mxv-ink-3)}.mxv-actions{flex-wrap:wrap;gap:8px;display:flex}.mxv-btn{border:1px solid var(--mxv-line-strong);border-radius:var(--mxv-radius-sm);background:var(--mxv-surface);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:14px;font-weight:600;transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out;display:inline-flex}.mxv-btn:hover:not(:disabled){border-color:var(--mxv-ink-3)}.mxv-btn:active:not(:disabled){transform:translateY(1px)}.mxv-btn:disabled{opacity:.5}.mxv-primary{background:var(--mxv-accent);border-color:var(--mxv-accent);color:var(--mxv-accent-ink)}.mxv-primary:hover:not(:disabled){border-color:var(--mxv-accent);filter:brightness(1.05)}.mxv-btn.is-done{border-color:var(--mxv-accent)}@media (width<=899px){.mxv-body{display:contents}.mxv-main{order:1}.mxv-readout{order:2}.mxv-panel{order:3}}@media (width<=599px){.mxv-long{display:none}.mxv-short{display:inline}.mxv-modes button{gap:6px;padding:8px 4px}.mxv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mxv-stats dd{font-size:20px}.mxv-actions .mxv-btn{flex:calc(50% - 4px)}.mxv-actions .mxv-primary{flex-basis:100%}.mxv-new span,.mxv-tbtn[data-view-toggle] span{display:none}.mxv-viewport{height:clamp(280px,70vw,420px)}}@media (prefers-reduced-motion:reduce){.mxv *,.mxv :before,.mxv :after{transition:none!important}}