:where(.ik-plate){--ik-panel:#f1f1ef;--ik-top:#fbfbfa;--ik-front:#f6f6f4;--ik-side:#ededeb;--ik-well:#e9e9e6;--ik-line:#9b9b97;--ik-detail:#cdcdc9;--ik-live:#161616;--ik-ink:#8a8a85;--ik-ink-hi:#2a2a2a;--ik-screen:#e6e8e1;--ik-screen-ink:#22241f;--ik-border:#e6e6e3;--ik-glow:var(--ik-live);--ik-glow-strength:0;--ik-glow-size:5;--ik-weight-edge:1.4;--ik-weight-crease:1;--ik-weight-fine:.75;--ik-travel:2px;--ik-ease:cubic-bezier(.32, .72, 0, 1);--ik-ease-out:cubic-bezier(.23, 1, .32, 1);--ik-ease-move:cubic-bezier(.65, 0, .35, 1);--ik-ease-fall:cubic-bezier(.55, 0, 1, .45);--ik-spring:cubic-bezier(.34, 1.56, .64, 1);--ik-t-press:50ms;--ik-t-hover:.15s;--ik-t-state:.26s;--ik-t-move:.7s;--ik-t-spring:.2s;--ik-t-glow-on:90ms;--ik-t-glow-off:.4s;--ik-stagger:50ms;--ik-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ik-screen-font:var(--ik-mono)}@supports (transition-timing-function:linear(0, 1)){:where(.ik-plate){--ik-spring:linear(0, .015 1.9%, .056 3.8%, .136 6.3%, .341 11.3%, .573 16.9%, .704 20.6%, .81 24.4%, .891 28.1%, .956 32.5%, 1 37.5%, 1.024 43.8%, 1.025 54.4%, 1.001 82.5%, 1);--ik-t-spring:.56s}}:where(.dark,[data-theme=dark]) :where(.ik-plate:not([data-theme=light]):not([data-theme=system])),:where(.ik-plate[data-theme=dark]){--ik-panel:#202020;--ik-top:#262626;--ik-front:#232323;--ik-side:#1e1e1e;--ik-well:#1b1b1b;--ik-line:#5f5f5f;--ik-detail:#383838;--ik-live:#f2f2f2;--ik-ink:#7d7d7d;--ik-ink-hi:#e4e4e4;--ik-screen:#161815;--ik-screen-ink:#e9ece4;--ik-border:#2a2a2a;--ik-glow-strength:1}@media (prefers-color-scheme:dark){:where(.ik-plate[data-theme=system]){--ik-panel:#202020;--ik-top:#262626;--ik-front:#232323;--ik-side:#1e1e1e;--ik-well:#1b1b1b;--ik-line:#5f5f5f;--ik-detail:#383838;--ik-live:#f2f2f2;--ik-ink:#7d7d7d;--ik-ink-hi:#e4e4e4;--ik-screen:#161815;--ik-screen-ink:#e9ece4;--ik-border:#2a2a2a;--ik-glow-strength:1}}:where(.ik-plate){box-sizing:border-box;background:var(--ik-panel);border:1px solid var(--ik-border);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:6px;height:100%;padding:14px 16px;display:grid;position:relative}:where(.ik-plate>svg){touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;grid-row:2;width:100%;height:100%;min-height:0;display:block;overflow:visible}:where(.ik-plate:has(>svg:focus-visible)){outline:2px solid var(--ik-live);outline-offset:3px}:where(.ik-cap){font:500 10px/1.4 var(--ik-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ik-ink);flex-wrap:wrap;justify-content:space-between;gap:2px 14px;display:flex;position:relative}:where(.ik-cap-hi){color:var(--ik-ink-hi);text-transform:none;letter-spacing:.03em;font-variant-numeric:tabular-nums}:where(.ik-footer){grid-row:3;gap:6px;display:grid;position:relative}:where(.ik-credit){min-height:24px;font:400 10px/1.4 var(--ik-mono);justify-self:end;align-items:center;text-decoration:none;display:inline-flex}.ik-plate .ik-credit{color:var(--ik-ink-hi)}:where(.ik-credit:focus-visible){outline:2px solid var(--ik-live);outline-offset:2px;border-radius:2px}@media (hover:hover) and (pointer:fine){:where(.ik-credit:hover){text-underline-offset:3px;text-decoration:underline}}:where(.ik-face){fill:var(--ik-front);stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:stroke var(--ik-t-hover) var(--ik-ease-out), fill var(--ik-t-state) var(--ik-ease)}:where(.ik-top){fill:var(--ik-top)}:where(.ik-edge){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-edge);vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:stroke var(--ik-t-hover) var(--ik-ease-out)}:where(.ik-tint){fill:var(--ik-side);stroke:none}:where(.ik-well){fill:var(--ik-well);stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}:where(.ik-detail){fill:none;stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-line){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-dash){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-crease);stroke-dasharray:1 3;vector-effect:non-scaling-stroke;stroke-linecap:round;transition:opacity var(--ik-t-state) var(--ik-ease)}:where(.ik-live){fill:none;stroke:var(--ik-live);stroke-width:var(--ik-weight-crease);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-fill){fill:var(--ik-detail);stroke:none}:where(.ik-dot){fill:var(--ik-live);stroke:none}:where(.ik-label){fill:var(--ik-ink);font:600 8px/1 var(--ik-mono);letter-spacing:.08em;pointer-events:none}:where(.ik-screen){fill:var(--ik-screen);stroke:var(--ik-detail);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke}:where(.ik-screen-text){fill:var(--ik-screen-ink);font-family:var(--ik-screen-font);white-space:pre}:where(.ik-screen-line){fill:none;stroke:var(--ik-screen-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-thick){stroke-width:1.6px}:where(.ik-dim){opacity:.45}:where(.ik-halo){opacity:0;pointer-events:none;transition:opacity var(--ik-t-glow-off) var(--ik-ease-out) var(--ik-glow-fade-delay,0s)}:where(.ik-glow[data-on=true]>.ik-halo){opacity:calc(var(--ik-glow-strength) * .14);transition-duration:var(--ik-t-glow-on);transition-delay:var(--ik-glow-delay,0s)}:where(.ik-glow[data-on=true]>.ik-halo-core){opacity:calc(var(--ik-glow-strength) * .3)}@starting-style{:where(.ik-glow[data-on=true]>.ik-halo){opacity:0}}.ik-halo *{stroke-linecap:round;stroke-linejoin:round;stroke:var(--ik-glow)!important;stroke-width:var(--ik-glow-size)!important;stroke-opacity:1!important}.ik-halo-core *{stroke-width:calc(var(--ik-glow-size) * .45)!important}.ik-halo text{stroke-width:calc(var(--ik-glow-size) * .5)!important}.ik-halo-core text{stroke-width:calc(var(--ik-glow-size) * .22)!important}:where(.ik-grid,.ik-drafting){display:var(--ik-drafting,none);pointer-events:none}:where(.ik-grid-line){fill:none;stroke:var(--ik-grid,var(--ik-detail));stroke-width:.4px}:where(.ik-press){cursor:pointer;outline:none}.ik-plate .ik-press:focus-visible{outline:none}:where(.ik-press[aria-disabled=true]){cursor:default}:where(.ik-press>g){transition:transform var(--ik-t-spring) var(--ik-spring)}:where(.ik-press[data-down=true]:not(.ik-lift)>g){transform:translateY(var(--ik-travel));transition:transform var(--ik-t-press) var(--ik-ease-out)}:where(.ik-press[data-down=true],.ik-press:focus-visible,.ik-press[data-hot=true]) :where(.ik-face,.ik-edge){stroke:var(--ik-live)}:where(.ik-press:focus-visible) :where(.ik-face){stroke-width:2px}:where(.ik-press:focus-visible) :where(.ik-edge){stroke-width:calc(var(--ik-weight-edge) + 1)}:where(.ik-press[data-down=true]) :where(.ik-face,.ik-edge){transition-duration:0s}:where(.ik-press[aria-disabled=true]) :where(.ik-face,.ik-edge){stroke:var(--ik-detail)}@media (hover:hover) and (pointer:fine){:where(.ik-press:not([aria-disabled=true]):hover) :where(.ik-top){stroke:var(--ik-live)}}:where(.ik-enter){animation:ik-enter .42s var(--ik-ease) both}:where(.ik-pulse){animation:1.8s ease-in-out infinite ik-pulse}:where(.ik-blink){animation:.24s steps(2,end) infinite ik-pulse}:where(.ik-float){animation:4.4s ease-in-out infinite ik-float}@keyframes ik-enter{0%{opacity:0;transform:translateY(3px)}}@keyframes ik-pulse{50%{opacity:.35}}@keyframes ik-float{50%{transform:translateY(-1.6px)}}:where(.ik-ripple,.ik-cursor,.ik-signal,.ik-flight){pointer-events:none}:where(.ik-ripple){transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite ik-ripple}:where(.ik-ripple rect,.ik-cursor-ring){fill:none;stroke:var(--ik-live);vector-effect:non-scaling-stroke}:where(.ik-plate svg[data-demo=press] .ik-press[data-hot=true]:not(.ik-lift)>g){transform:translateY(var(--ik-travel));transition:transform var(--ik-t-press) var(--ik-ease-out)}:where(.ik-cursor-arrow path){fill:var(--ik-top);stroke:var(--ik-ink-hi);stroke-linejoin:round;vector-effect:non-scaling-stroke}:where(.ik-cursor-ring){opacity:0}:where(.ik-cursor[data-phase=aim] .ik-cursor-arrow){animation:.32s cubic-bezier(.2,.8,.2,1) both ik-cursor-in}:where(.ik-cursor[data-phase=press] .ik-cursor-arrow){transition:transform 90ms ease-out;transform:scale(.86)}:where(.ik-cursor[data-phase=release] .ik-cursor-arrow){animation:ik-cursor-out .56s var(--ik-ease) both}:where(.ik-cursor[data-phase=release] .ik-cursor-ring){animation:ik-cursor-ring .52s var(--ik-ease) both}:where(.ik-signal){fill:none;stroke:var(--ik-live);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:22 130;stroke-dashoffset:24px;animation:.32s ease-in both ik-signal}:where(.ik-flight){opacity:0;animation:ik-flight .52s var(--ik-ease-move) forwards}:where(.ik-flight-arc){animation:.52s forwards ik-arc;animation-delay:inherit;animation-duration:inherit}@keyframes ik-ripple{0%{opacity:.9;transform:none}70%,to{opacity:0;transform:scale(1.22)}}@keyframes ik-cursor-in{0%{opacity:0;transform:translate(22px,18px)}}@keyframes ik-cursor-out{0%{transform:scale(.86)}30%{opacity:1;transform:none}to{opacity:0;transform:translate(8px,7px)}}@keyframes ik-cursor-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.8)}}@keyframes ik-signal{to{stroke-dashoffset:-102px}}@keyframes ik-flight{0%{opacity:1;transform:none}97%{opacity:1;transform:translateX(var(--ik-dx))}to{opacity:0;transform:translateX(var(--ik-dx))}}@keyframes ik-arc{0%{animation-timing-function:cubic-bezier(.3,.6,.5,1);transform:none}50%{transform:translateY(calc(var(--ik-dy) / 2 + var(--ik-lift)));animation-timing-function:cubic-bezier(.5,0,.7,.4)}to{transform:translateY(var(--ik-dy))}}.ik-plate:not([data-awake]) :is(.ik-pulse,.ik-blink,.ik-float,.ik-loop){animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){:where(.ik-plate) *{transition:opacity .12s ease-out,fill .12s ease-out,stroke .12s ease-out,color .12s ease-out!important;animation:none!important}}:where(.ik-sound-toggle){border:1px solid;border-color:color-mix(in srgb, currentColor 18%, transparent);min-height:30px;font:inherit;color:inherit;opacity:.6;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;transition:opacity .15s,transform .12s;display:inline-flex}:where(.ik-sound-toggle[aria-pressed=true]),:where(.ik-sound-toggle:hover){opacity:1}:where(.ik-sound-toggle:active){transform:scale(.96)}
:where([data-look=blueprint]){--ik-paper-light:#f3f6fb;--ik-pen-light:#2d5fa8;--ik-live-light:#123e86;--ik-glow-light:#2d5fa8;--ik-accent-light:#123e86;--ik-strength-light:0;--ik-paper-dark:#1b4785;--ik-pen-dark:#d6e5ff;--ik-live-dark:#fff;--ik-glow-dark:#bcd6ff;--ik-accent-dark:#fff;--ik-strength-dark:.8;--ik-drafting:inline}:where(.ik-plate[data-look=blueprint],[data-look=blueprint] .ik-plate){overflow:hidden}:where([data-look=paper]){--ik-paper-light:#f3ecdd;--ik-pen-light:#8a7a5c;--ik-live-light:#2e2418;--ik-glow-light:#d4462a;--ik-accent-light:#d4462a;--ik-strength-light:0;--ik-paper-dark:#24211c;--ik-pen-dark:#a08f72;--ik-live-dark:#f3e9d4;--ik-glow-dark:#ffd2a1;--ik-accent-dark:#ff7a5c;--ik-strength-dark:.7}:where([data-look=phosphor]){--ik-paper-light:#0d0a05;--ik-pen-light:#9a6614;--ik-live-light:#ffb000;--ik-glow-light:#ffb000;--ik-accent-light:#ffb000;--ik-strength-light:1;--ik-paper-dark:#070c08;--ik-pen-dark:#33874a;--ik-live-dark:#7dff9a;--ik-glow-dark:#39ff6a;--ik-accent-dark:#7dff9a;--ik-strength-dark:1}:where(.ik-plate[data-look],[data-look] .ik-plate){--ik-paper:color-mix(in oklab, var(--ik-paper-light), var(--ik-paper-light));--ik-pen:color-mix(in oklab, var(--ik-pen-light), var(--ik-pen-light));--ik-live:color-mix(in oklab, var(--ik-live-light), var(--ik-live-light));--ik-glow:color-mix(in oklab, var(--ik-glow-light), var(--ik-glow-light));--ik-accent:color-mix(in oklab, var(--ik-accent-light), var(--ik-accent-light));--ik-glow-strength:var(--ik-strength-light)}:where(.dark,[data-theme=dark]) :where(.ik-plate[data-look]:not([data-theme=light]):not([data-theme=system]),[data-look] .ik-plate:not([data-theme=light]):not([data-theme=system])),:where(.ik-plate[data-look][data-theme=dark],[data-look] .ik-plate[data-theme=dark]){--ik-paper:color-mix(in oklab, var(--ik-paper-dark), var(--ik-paper-dark));--ik-pen:color-mix(in oklab, var(--ik-pen-dark), var(--ik-pen-dark));--ik-live:color-mix(in oklab, var(--ik-live-dark), var(--ik-live-dark));--ik-glow:color-mix(in oklab, var(--ik-glow-dark), var(--ik-glow-dark));--ik-accent:color-mix(in oklab, var(--ik-accent-dark), var(--ik-accent-dark));--ik-glow-strength:var(--ik-strength-dark)}@media (prefers-color-scheme:dark){:where(.ik-plate[data-look][data-theme=system],[data-look] .ik-plate[data-theme=system]){--ik-paper:color-mix(in oklab, var(--ik-paper-dark), var(--ik-paper-dark));--ik-pen:color-mix(in oklab, var(--ik-pen-dark), var(--ik-pen-dark));--ik-live:color-mix(in oklab, var(--ik-live-dark), var(--ik-live-dark));--ik-glow:color-mix(in oklab, var(--ik-glow-dark), var(--ik-glow-dark));--ik-accent:color-mix(in oklab, var(--ik-accent-dark), var(--ik-accent-dark));--ik-glow-strength:var(--ik-strength-dark)}}:where(.ik-plate[data-look],[data-look] .ik-plate){--ik-panel:var(--ik-paper);--ik-top:color-mix(in oklab, var(--ik-paper), white 6%);--ik-front:color-mix(in oklab, var(--ik-paper), white 3%);--ik-side:color-mix(in oklab, var(--ik-paper), black 7%);--ik-well:color-mix(in oklab, var(--ik-paper), black 11%);--ik-line:var(--ik-pen);--ik-detail:color-mix(in oklab, var(--ik-pen) 45%, var(--ik-paper));--ik-ink:color-mix(in oklab, var(--ik-pen), var(--ik-live) 30%);--ik-ink-hi:var(--ik-live);--ik-screen:color-mix(in oklab, var(--ik-paper), black 16%);--ik-screen-ink:var(--ik-live);--ik-border:color-mix(in oklab, var(--ik-paper), var(--ik-pen) 16%);--ik-grid:color-mix(in oklab, var(--ik-pen) 22%, transparent)}:where(.ik-plate[data-look=phosphor],[data-look=phosphor] .ik-plate){background-image:repeating-linear-gradient(transparent 0 2px, color-mix(in oklab, var(--ik-live) 5%, transparent) 2px 3px)}:where(.ik-plate[data-look=phosphor],[data-look=phosphor] .ik-plate)>svg{filter:drop-shadow(0 0 1.2px color-mix(in oklab, var(--ik-glow) 60%, transparent))}:where(.ik-dimension-line,.ik-dimension-witness){fill:none;stroke:var(--ik-line);stroke-width:var(--ik-weight-fine);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}:where(.ik-dimension-text){fill:var(--ik-line);font:500 var(--ik-drafting-size,5.5px)/1 var(--ik-mono);letter-spacing:.04em}:where(.ik-callout-dot){fill:var(--ik-line)}:where(.ik-dimension-run,.ik-dimension-end,.ik-dimension-label){transition:transform var(--ik-t-move) var(--ik-ease)}