.ied{--ied-mark:#fff;--ied-shadow:#0000008c;--ied-dim:#0e0c1494;--ied-hit:28px;container-type:inline-size}.ied [hidden]{display:none!important}.ied-intake{gap:.75rem;display:grid}.ied-drop{min-height:14rem}.ied-drop>*{pointer-events:none}.ied-drop-art{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:4rem;height:3rem;color:var(--tk-ink)}.ied-drop-art circle{fill:currentColor;stroke:none}.ied-types{font:.72rem var(--font-mono);letter-spacing:.04em}.ied-work{gap:.75rem;min-width:0;display:grid}.ied-bar svg,.ied-dirs svg,.ied-batchbar .tk-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.ied-tools{gap:.35rem}.ied-name{min-width:0;max-width:min(22rem,100%);font:600 .8rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--tk-mute);overflow:hidden}.ied-main{grid-template-columns:minmax(0,1fr) 18.5rem;align-items:stretch;gap:.75rem;display:grid}@container (width<=42rem){.ied-main{grid-template-columns:minmax(0,1fr)}}.ied-stage{place-items:center;min-height:18rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.ied-float{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:end;gap:.5rem;display:flex;position:absolute;inset:auto .75rem .75rem}.ied-float>*{pointer-events:auto}.ied-float:not(:has(>:not([hidden]))){display:none}.ied-float>*{border:1px solid var(--tk-line-strong);background:var(--color-base-100);border-radius:.6rem;padding:.5rem;box-shadow:0 6px 20px #0000001f}.ied-frame{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;line-height:0;position:relative}.ied-canvas{width:auto;max-width:100%;height:auto;max-height:min(68vh,560px);box-shadow:0 0 0 1px var(--tk-line-strong);background:repeating-conic-gradient(var(--color-base-200) 0 25%, var(--color-base-100) 0 50%) 0 0 / 16px 16px;display:block}.ied-shade{background:var(--ied-dim);pointer-events:none;position:absolute;inset:0}.ied-box{outline:1px solid var(--ied-mark);box-shadow:0 0 0 2px var(--ied-shadow);cursor:move;touch-action:none;position:absolute;inset:0}.ied-box:focus-visible{outline:2px dashed var(--color-primary);outline-offset:3px}.ied-thirds{opacity:0;pointer-events:none;--l:#fff9;background:linear-gradient(var(--l), var(--l)) 33.333% 0 / 1px 100% no-repeat, linear-gradient(var(--l), var(--l)) 66.667% 0 / 1px 100% no-repeat, linear-gradient(var(--l), var(--l)) 0 33.333% / 100% 1px no-repeat, linear-gradient(var(--l), var(--l)) 0 66.667% / 100% 1px no-repeat;transition:opacity .15s;position:absolute;inset:0}.ied-box[data-active] .ied-thirds{opacity:1}.ied-h{width:var(--ied-hit);height:var(--ied-hit);margin:calc(var(--ied-hit) / -2) 0 0 calc(var(--ied-hit) / -2);z-index:1;position:absolute}.ied-h:before{content:"";filter:drop-shadow(0 0 1px var(--ied-shadow)) drop-shadow(0 0 1px var(--ied-shadow));position:absolute;top:50%;left:50%}.ied-h[data-h=nw]{cursor:nwse-resize;top:0;left:0}.ied-h[data-h=n]{cursor:ns-resize;top:0;left:50%}.ied-h[data-h=ne]{cursor:nesw-resize;top:0;left:100%}.ied-h[data-h=e]{cursor:ew-resize;top:50%;left:100%}.ied-h[data-h=se]{cursor:nwse-resize;top:100%;left:100%}.ied-h[data-h=s]{cursor:ns-resize;top:100%;left:50%}.ied-h[data-h=sw]{cursor:nesw-resize;top:100%;left:0}.ied-h[data-h=w]{cursor:ew-resize;top:50%;left:0}.ied-h[data-h$=w]:before,.ied-h[data-h$=e]:before{width:14px;height:14px}.ied-h[data-h=nw]:before{border-top:3px solid var(--ied-mark);border-left:3px solid var(--ied-mark);margin:-3px 0 0 -3px}.ied-h[data-h=ne]:before{border-top:3px solid var(--ied-mark);border-right:3px solid var(--ied-mark);margin:-3px 0 0 -11px}.ied-h[data-h=se]:before{border-bottom:3px solid var(--ied-mark);border-right:3px solid var(--ied-mark);margin:-11px 0 0 -11px}.ied-h[data-h=sw]:before{border-bottom:3px solid var(--ied-mark);border-left:3px solid var(--ied-mark);margin:-11px 0 0 -3px}.ied-h[data-h=n]:before,.ied-h[data-h=s]:before{background:var(--ied-mark);width:18px;height:3px;margin:-1.5px 0 0 -9px}.ied-h[data-h=e]:before,.ied-h[data-h=w]:before{background:var(--ied-mark);border:0;width:3px;height:18px;margin:-9px 0 0 -1.5px}.ied-tag{background:var(--color-base-content);color:var(--color-base-100);font:600 .72rem/1.2 var(--font-mono);letter-spacing:.03em;white-space:nowrap;pointer-events:none;border-radius:3px;padding:.2rem .5rem;position:absolute;top:calc(100% + 10px);left:50%;translate:-50%}.ied-box[data-tag-in] .ied-tag{top:auto;bottom:10px}.ied-side{flex-direction:column;padding:0;display:flex}.ied-result{z-index:1;border-radius:0 0 var(--radius-box) var(--radius-box);background:var(--color-base-100);box-shadow:0 -6px 12px -10px color-mix(in oklab, var(--color-base-content) 35%, transparent);margin-top:auto;position:sticky;bottom:0}.ied-sec{align-content:start;gap:.4rem;min-width:0;padding:.9rem 1rem;display:grid}.ied-sec+.ied-sec{border-top:1px solid var(--tk-line)}.ied-sec .tk-label{margin:0}.ied-head{color:var(--tk-ink)}.ied-gap{margin-top:.45rem}.ied-custom{gap:.4rem}.ied-custom .ied-num{width:5rem}.ied-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ied-rval{width:6rem}.ied-xywh{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.ied-xy{display:block;position:relative}.ied-xy span{inset-block:0;font:700 .72rem var(--font-mono);color:var(--tk-mute);pointer-events:none;place-items:center;display:grid;position:absolute;left:.5rem}.ied-xy .ied-num{width:100%;padding-left:1.4rem;padding-right:.3rem}.ied .ied-qlabel{justify-content:space-between;display:flex}.ied-qlabel output{color:var(--tk-ink)}.tk-range:disabled{opacity:.4}.ied-color{border:1px solid var(--tk-line-strong);border-radius:var(--radius-field);background:var(--color-base-100);cursor:pointer;width:2.5rem;height:2rem;padding:2px}.ied-bgval{font:.82rem var(--font-mono);color:var(--tk-mute)}.ied-bar{--ied-btn:2.25rem;gap:.4rem .75rem}.ied-toolseg span,.ied-dots span{min-width:var(--ied-btn);height:var(--ied-btn);place-items:center;padding:0 .45rem;display:grid}.ied-ink{gap:.5rem}.ied-dots i{width:var(--d);height:var(--d);background:currentColor;border-radius:50%}.ied-swatch{width:var(--ied-btn,2.25rem);height:var(--ied-btn,2.25rem);border:1px solid var(--tk-line-strong);border-radius:var(--radius-field);cursor:pointer;flex:none;display:inline-flex;overflow:hidden}.ied-swatch input{cursor:pointer;border:0;width:150%;height:150%;margin:-25%;padding:0}.ied-ov{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ied-frame:not([data-tool=crop]) .ied-box,.ied-frame:not([data-tool=crop]) .ied-shade{display:none}.ied-frame:is([data-tool=pencil],[data-tool=line],[data-tool=arrow],[data-tool=frame],[data-tool=zoom]){cursor:crosshair}.ied-frame:is([data-tool=pointer],[data-tool=pad]){cursor:default}.ied-frame[data-tool=text]{cursor:text}.ied .ied-texted{z-index:4;box-sizing:border-box;outline:2px dashed color-mix(in oklab, var(--color-primary) 70%, white);outline-offset:2px;resize:none;white-space:pre;-webkit-user-select:text;user-select:text;touch-action:auto;border:0;margin:0;position:absolute;overflow:hidden}.ied-frame[data-hover=handle]{cursor:grab}.ied-frame[data-hover=shape]{cursor:move}.ied-confirm{gap:.4rem}.ied-padpanel{flex-wrap:wrap;align-items:end;gap:.5rem 1rem;max-width:100%;padding:.5rem .65rem;display:flex}.ied-padpanel .ied-confirm{margin-inline-start:auto}.ied-padpanel .tk-label{margin-bottom:.15rem}.ied-padpanel .ied-swatch{--ied-btn:1.6rem}.ied-padpanel .ied-preset{width:1.3rem;height:1.3rem}.ied-more>summary{cursor:pointer;align-items:center;gap:.4rem;margin:.35rem 0 0;list-style:none;display:flex}.ied-more>summary::-webkit-details-marker{display:none}.ied-more>summary:before{content:"";border:1.5px solid;border-width:0 1.5px 1.5px 0;width:.4rem;height:.4rem;transition:rotate .15s;rotate:-45deg}.ied-more[open]>summary:before{rotate:45deg}.ied-more[open]>summary{margin-bottom:.5rem}.ied-more>summary:hover{color:var(--tk-ink)}.ied-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.ied-pair .tk-select,.ied-side>.ied-sec>.tk-select{width:100%}.ied-padgrid{flex-wrap:wrap;align-items:start;gap:.5rem 1rem;display:flex}.ied-padgrid .tk-range{width:6.5rem}.ied-presets{gap:.4rem}.ied-preset{border:1px solid var(--tk-line-strong);cursor:pointer;border-radius:999px;width:1.6rem;height:1.6rem}.ied-preset:hover{outline:2px solid var(--color-primary);outline-offset:1px}.ied-dirs{justify-self:start}.ied-dirs span{place-items:center;padding:.3rem;display:grid}.ied-dirs svg{width:1rem;height:1rem}.ied .ied-line{--fill:0%;min-width:0;font:.78rem/1.4 var(--font-mono);font-variant-numeric:tabular-nums;isolation:isolate;border-radius:3px;align-items:baseline;gap:.6rem;padding:.12rem .45rem;display:flex;position:relative}.ied-line:before{content:"";z-index:-1;width:var(--fill);border-radius:inherit;transition:width .3s;position:absolute;inset-block:0;inset-inline-start:0}.ied-line--before:before{background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--color-base-content) 13%, transparent) 0 2px, color-mix(in oklab, var(--color-base-content) 6%, transparent) 2px 6px)}.ied-line--after:before{background:color-mix(in oklab, var(--color-base-content) 14%, transparent)}.ied-result[data-dir=down] .ied-line--after:before{background:var(--tk-add-strong)}.ied-result[data-dir=up] .ied-line--after:before{background:var(--tk-del-strong)}.ied-k{letter-spacing:.06em;text-transform:uppercase;width:3.6em;color:var(--tk-mute);flex:none;font-size:.66rem;font-weight:700}.ied-v{overflow-wrap:anywhere;min-width:0}.ied-result[data-state=busy] .ied-line--after .ied-v{color:var(--tk-mute)}.ied-result[data-state=busy] .ied-line--after:before{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-base-content) 10%, transparent), transparent) 0 0 / 40% 100% no-repeat;width:100%;animation:1.1s linear infinite ied-scan}@keyframes ied-scan{0%{background-position:-40% 0}to{background-position:140% 0}}.ied-delta{font-variant-numeric:tabular-nums;justify-self:start}.ied-result .ied-v{font-variant-numeric:tabular-nums}.ied-result[data-state=busy] .ied-delta{opacity:.55}.ied .ied-note{color:var(--tk-warn);font-size:.82rem}.ied-result[data-state=error] .ied-note{color:var(--tk-bad)}.ied-film{border:1px solid var(--tk-line);border-radius:var(--radius-box);background:color-mix(in oklab, var(--color-base-content) 4%, var(--color-base-100));gap:.5rem;min-width:0;padding:.6rem .75rem .75rem;display:grid}.ied-count{font:600 .78rem var(--font-mono);font-variant-numeric:tabular-nums;color:var(--tk-mute)}.ied-strip{scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:.6rem;margin:0;padding:.3rem .15rem .5rem;list-style:none;display:flex;overflow-x:auto}.ied-tile{scroll-snap-align:start;flex:none;width:8.5rem;margin:0;position:relative}.ied-open{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;gap:.25rem;padding:0;display:grid}.ied-thumb{aspect-ratio:4/3;border:1px solid var(--tk-line-strong);border-radius:calc(var(--radius-field) - 1px);background:repeating-conic-gradient(var(--color-base-200) 0 25%, var(--color-base-100) 0 50%) 0 0 / 12px 12px;width:100%;height:auto;display:block}.ied-tname{font:.72rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--tk-mute);overflow:hidden}.ied-tile[data-active] .ied-thumb{outline:2px solid var(--color-primary);outline-offset:2px}.ied-tile[data-active] .ied-tname{color:var(--tk-ink);font-weight:600}.ied-open:focus-visible{outline:none}.ied-open:focus-visible .ied-thumb{outline:2px dashed var(--color-primary);outline-offset:2px}.ied-tile[data-state=busy] .ied-thumb{opacity:.6}.ied-tile[data-state=error] .ied-thumb{border-color:var(--tk-bad)}.ied-ck{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer;margin:0;position:absolute;top:.35rem;left:.35rem}.ied-tile:not([data-sel]):not(:hover):not(:focus-within) .ied-ck{opacity:.55}.ied-tile[data-sel] .ied-thumb{box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--color-primary) 55%, transparent)}.ied-tdelta{font:600 .66rem/1.5 var(--font-mono);background:var(--color-base-100);color:var(--tk-mute);border-radius:3px;padding:0 .3rem;position:absolute;top:.35rem;right:.35rem}.ied-tdelta[data-dir=down]{background:var(--tk-add-strong);color:var(--color-base-content)}.ied-tdelta[data-dir=up]{background:var(--tk-del-strong);color:var(--color-base-content)}.ied .ied-keys{margin-top:1rem;line-height:2}.ied-keys kbd{white-space:nowrap;margin-inline:.12em}@media (width<=30rem){.ied-stage{padding:1rem .9rem}.ied-tile{width:6.5rem}}@media (pointer:coarse){.ied{--ied-hit:40px}}.ied-padpanel .ied-padgrid{display:contents}@container (width<=42rem){.ied-stage{align-content:start}.ied-float{margin-top:.75rem;position:static}}