.tl-section{padding-block:0 var(--section-pad)}.tl-panel{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-4);min-width:0;padding:var(--space-5);border:var(--hair) solid var(--hairline);background:var(--surface)}@media(max-width:30rem){.tl-panel{padding:var(--space-4)}}.tl-panel-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);min-width:0}.tl-h{font-size:var(--step-h3);letter-spacing:-.015em;line-height:1.2}.tl-help{font-size:var(--step-small);color:var(--text-muted);max-width:60ch}.tl-help:empty{display:none}.tl-pixelated{image-rendering:pixelated}.tl-field{display:grid;gap:var(--space-1);font-size:var(--step-small);font-weight:600}.tl-field--inline{display:inline-flex;align-items:center;gap:var(--space-2)}.tl-field input[type=number],.tl-field input[type=text],.tl-field select,.tl-frame-ms input{min-height:2.5rem;padding:.35rem .6rem;border:var(--hair) solid var(--rule-strong);background:var(--bg);font-weight:400}.tl-field input[type=number]{width:5.5rem}.tl-field input[type=text]{width:100%;max-width:24rem}.tl-field input:disabled{opacity:.6}input[type=color]{width:2.75rem;height:2.5rem;padding:2px;border:var(--hair) solid var(--rule-strong);background:var(--bg);cursor:pointer}.tl-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--step-small);font-weight:600}.tl-check input,.tl-option input,.tl-size input{width:1.1rem;height:1.1rem;accent-color:var(--accent-fill)}.tl-mini{min-height:2.5rem;min-width:2.5rem;padding:.3rem .75rem;border:var(--hair) solid var(--rule-strong);background:var(--bg);color:var(--text);font-size:var(--step-small);font-weight:600;line-height:1.2}.tl-mini:hover:not(:disabled){background:var(--text);border-color:var(--text);color:var(--bg)}.tl-mini:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:transparent;border-color:var(--rule-strong);color:var(--text)}.btn--primary:disabled:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.tl-mini--danger{border-color:var(--text)}.tl-choice{display:grid;gap:var(--space-2);min-width:0;padding:0;border:0}.tl-legend{margin-bottom:var(--space-2);padding:0;font-family:var(--font-mono);font-size:var(--step-eyebrow);font-weight:500;letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-muted)}.tl-option{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--step-small)}.tl-option input{flex:none;transform:translateY(.15em)}.tl-size-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tl-size{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:.25rem .7rem;border:var(--hair) solid var(--hairline);background:var(--bg);font-family:var(--font-mono);font-size:.875rem}.tl-size:has(input:checked){border-color:var(--accent)}.tl-drop{position:relative;display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-5);border:var(--hair) dashed var(--rule-strong);background-color:var(--bg);background-image:radial-gradient(var(--stage-dot) 1px,transparent 1.2px);background-size:16px 16px;background-position:8px 8px}.tl-drop.is-over{border-style:solid;border-color:var(--accent);background-color:var(--accent-wash)}.tl-drop-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.tl-drop-input:focus-visible+.tl-drop-btn{outline:2px solid var(--focus);outline-offset:2px}.tl-drop-btn{cursor:pointer}.tl-drop-hint{font-size:var(--step-small);color:var(--text-muted);max-width:60ch}.tl-status{padding:var(--space-3) var(--space-4);border:var(--hair) solid var(--hairline);border-left-width:3px;background:var(--bg);font-size:var(--step-small)}.tl-status[data-tone=busy]{border-left-color:var(--rule-strong);color:var(--text-muted)}.tl-status[data-tone=done]{border-left-color:var(--accent)}.tl-status[data-tone=error]{border-left-color:var(--text);border-style:dashed;border-left-style:solid;font-weight:600}.tl-hotspot-body{display:flex;flex-wrap:wrap;align-items:start;gap:var(--space-4)}.tl-hp-canvas{width:12rem;height:12rem;border:var(--hair) solid var(--rule-strong);cursor:crosshair;touch-action:manipulation}.tl-xy{display:grid;gap:var(--space-3);align-content:start;min-width:0;flex:1 1 8rem}.tl-xy .tl-field{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono)}.tl-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-3);padding:0;list-style:none}@media(max-width:24rem){.tl-frames{grid-template-columns:repeat(2,minmax(0,1fr))}}.tl-frame{display:grid;gap:var(--space-2);align-content:start;min-width:0;padding:var(--space-3);border:var(--hair) solid var(--hairline);background:var(--bg)}.tl-frame.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tl-frame-thumb{display:grid;place-items:center;min-height:5rem;padding:var(--space-2);border:var(--hair) solid var(--hairline);background-color:var(--surface);background-image:radial-gradient(var(--stage-dot) 1px,transparent 1.2px);background-size:8px 8px}button.tl-frame-thumb:hover{border-color:var(--text)}.tl-frame-thumb img{width:64px;height:64px}.tl-frame-name{font-size:var(--step-small);font-weight:600}.tl-frame-ms{display:grid;gap:var(--space-1);font-size:.8125rem;color:var(--text-muted)}.tl-frame-ms input{width:100%;color:var(--text)}.tl-frame-jiffies{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.tl-frame-acts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tl-frame-acts .tl-mini{flex:1 1 auto;padding-inline:.4rem;min-width:2.25rem}.tl-loop{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.tl-loop-stage{display:grid;place-items:center;width:7rem;height:7rem;border:var(--hair) solid var(--rule-strong);background-color:var(--surface);background-image:radial-gradient(var(--stage-dot) 1px,transparent 1.2px);background-size:8px 8px}.tl-loop-stage img{width:64px;height:64px}.tl-loop-side{display:grid;gap:var(--space-2);justify-items:start}.tl-tool{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}@media(min-width:64rem){.tl-tool--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.tl-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-3);padding:0;list-style:none}@media(max-width:24rem){.tl-results{grid-template-columns:minmax(0,1fr)}}.tl-result{display:grid;gap:var(--space-2);align-content:start;min-width:0;padding:var(--space-3);border:var(--hair) solid var(--hairline);background:var(--bg)}.tl-result-pic{display:grid;place-items:center;min-height:8.5rem;padding:var(--space-2);border:var(--hair) solid var(--hairline);background-color:var(--surface);background-image:radial-gradient(var(--stage-dot) 1px,transparent 1.2px);background-size:8px 8px;overflow:hidden}.tl-result-pic canvas{width:8rem;height:8rem}.tl-result-title{font-family:var(--font-mono);font-size:.875rem;font-weight:500}.tl-result-meta{font-size:.8125rem;color:var(--text-muted);overflow-wrap:anywhere}.tl-result .tl-mini{justify-self:start}.tl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.tl-summary{font-size:var(--step-small)}.tl-code-line{margin:0}.mk,.mk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:64rem){.mk-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.mk-side{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);min-width:0}.mk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.mk-bar-acts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}@media(max-width:30rem){.mk-bar-acts{margin-left:0}}.mk-tools{display:flex;flex-wrap:wrap;gap:0;padding:0;border:0;border-left:var(--hair) solid var(--rule-strong)}.mk-tool{position:relative;flex:1 1 auto}.mk-tool input{position:absolute;opacity:0;width:1px;height:1px}.mk-tool span{display:flex;align-items:center;justify-content:center;gap:.4em;min-height:2.75rem;padding:.3rem .75rem;border:var(--hair) solid var(--rule-strong);border-left:0;margin-top:-1px;background:var(--bg);font-size:var(--step-small);font-weight:600;cursor:pointer;white-space:nowrap}.mk-tool kbd{font-size:.6875rem;color:var(--text-muted)}.mk-tool input:checked+span{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.mk-tool input:checked+span kbd{color:var(--on-accent)}.mk-tool input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px;position:relative;z-index:1}.mk-canvas-wrap{position:relative;width:100%;max-width:34rem}.mk-canvas{display:block;width:100%;height:auto;aspect-ratio:1;border:var(--hair) solid var(--rule-strong);touch-action:none;cursor:crosshair}.mk-canvas[data-tool=picker]{cursor:copy}.mk-canvas[data-tool=hotspot]{cursor:cell}.mk-canvas:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.mk-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:var(--space-2) var(--space-3);border:var(--hair) solid var(--hairline);background:var(--bg);font-size:var(--step-small);color:var(--text-muted);text-align:center;pointer-events:none}.mk-empty[hidden]{display:none}.mk-readout{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted);min-height:1.4em}.mk-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mk-swatch{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:.25rem .7rem .25rem .35rem;border:var(--hair) solid var(--hairline);background:var(--bg);font-size:var(--step-small);font-weight:600}.mk-swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mk-swatch--any{cursor:pointer}.mk-swatch--any input[type=color]{width:2rem;height:2rem}.mk-chip{display:inline-block;width:1.75rem;height:1.75rem;border:var(--hair) solid var(--rule-strong)}.mk-outline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.mk-outline-btn{min-height:2.75rem}.mk-sample{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.mk-sample :is(a,button,span){cursor:inherit}.mk-sample-text{font-size:var(--step-small)}.mk-tile{display:inline-grid;place-items:center;min-width:5.5rem;min-height:3rem;padding:var(--space-2) var(--space-3);border:var(--hair) solid var(--rule-strong);font-size:var(--step-small)}.mk-tile--light{background:#f5f3ec;color:#15161a}.mk-tile--dark{background:#15161a;color:#f5f3ec}.mk-actual{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.mk-actual-tile{display:grid;place-items:center;width:4rem;height:4rem;border:var(--hair) solid var(--rule-strong)}.mk-actual-tile img{width:32px;height:32px}.mk-frames-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.mk-frames-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:64rem){.mk-frames-body{grid-template-columns:minmax(0,1fr) auto;align-items:start}.mk-loop{flex-direction:column;align-items:start}}.mk-export-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:56rem){.mk-export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mk-export-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--hair) solid var(--hairline);background:var(--bg)}.mk-export-card h3{font-size:1.25rem}.mk-dl{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mk-css pre{white-space:pre-wrap;overflow-wrap:anywhere}.mk-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.mk-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--step-small);font-weight:600}.mk-confirm[hidden]{display:none}.mk-foot .tl-help{flex-basis:100%}[hidden]{display:none!important}