:root{--color-paper: oklch(15% .008 255);--color-paper-2: oklch(19% .009 255);--color-paper-3: oklch(24% .01 255);--color-edge: oklch(32% .012 255);--color-ink: oklch(94% .005 255);--color-ink-2: oklch(74% .008 255);--color-ink-3: oklch(56% .01 255);--color-accent: oklch(80% .135 78);--color-accent-dim: oklch(62% .105 78);--color-accent-wash: oklch(80% .135 78 / .12);--color-danger: oklch(68% .165 28);--color-focus: oklch(84% .13 78);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-display-s: clamp(1.5rem, 3.5vw + .5rem, 2.25rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 3px;--radius-md: 6px;--rule-hairline: 1px;--dur-instant: 90ms;--dur-short: .14s;--dur-medium: .22s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--layer-stage: 0;--layer-chrome: 10;--layer-drop: 20;--layer-toast: 30}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2{font-style:normal;font-weight:500;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-stage);display:block;width:100%;height:100%;touch-action:none;cursor:grab;background:var(--color-paper)}#stage[data-dragging=true]{cursor:grabbing}.drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-drop);display:grid;place-items:center;padding:var(--space-lg);background:var(--color-paper);transition:opacity var(--dur-medium) var(--ease-out)}.drop[data-state=over]{background:var(--color-accent-wash)}.drop[hidden]{display:none}.drop__inner{width:min(46rem,100%);margin-inline-start:min(8vw,var(--space-2xl));border-inline-start:var(--rule-hairline) solid var(--color-edge);padding-inline-start:var(--space-lg)}.drop__eyebrow{margin:0 0 var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.drop__title{font-size:var(--text-display-s);letter-spacing:-.025em;line-height:1.1;overflow-wrap:anywhere;min-width:0}.drop__body{max-width:42ch;margin:var(--space-md) 0 0;color:var(--color-ink-2)}.drop__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-xl)}.drop__hint{margin:0;font-size:var(--text-sm);color:var(--color-ink-3)}.drop__status{min-height:1.5em;margin:var(--space-lg) 0 0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent)}.drop[data-state=over] .drop__inner{border-inline-start-color:var(--color-accent)}.button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:var(--rule-hairline) solid var(--color-edge);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.button:hover,.button.is-hover{background:var(--color-paper-3);border-color:var(--color-ink-3)}.button:active,.button.is-active{transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button--primary{border-color:var(--color-accent-dim);color:var(--color-accent)}.button--primary:hover,.button--primary.is-hover{background:var(--color-accent-wash);border-color:var(--color-accent)}.button:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.panel{position:fixed;z-index:var(--layer-chrome);inset-block-start:var(--space-md);inset-inline-start:var(--space-md);width:min(20rem,calc(100vw - var(--space-xl)));border:var(--rule-hairline) solid var(--color-edge);border-radius:var(--radius-md);background:color-mix(in oklab,var(--color-paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:appear var(--dur-medium) var(--ease-out) both}.panel[hidden]{display:none}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-xs);border-block-end:var(--rule-hairline) solid var(--color-edge)}.panel__name{font-size:var(--text-sm);font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__close{padding:0;border:0;background:none;color:var(--color-ink-3);font:inherit;font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:color var(--dur-short) var(--ease-out)}.panel__close:hover{color:var(--color-accent)}.panel__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2xs) var(--space-md);margin:0;padding:var(--space-sm);font-size:var(--text-xs)}.panel__grid dt{color:var(--color-ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:.625rem;align-self:center}.panel__grid dd{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-2);overflow-wrap:anywhere}.readout{position:fixed;z-index:var(--layer-chrome);inset-block-end:var(--space-md);inset-inline-end:var(--space-md);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);animation:appear var(--dur-medium) var(--ease-out) both}.readout[hidden]{display:none}.readout__row{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.readout__magnification{font-size:var(--text-lg);color:var(--color-ink);letter-spacing:-.02em}.readout__level{font-size:var(--text-xs);color:var(--color-ink-3)}.scalebar{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs)}.scalebar[hidden]{display:none}.scalebar__label{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--color-ink-2)}.scalebar__rule{position:relative;display:block;height:1px;background:var(--color-ink-2);transition:width var(--dur-short) var(--ease-out)}.scalebar__rule:before,.scalebar__rule:after{content:"";position:absolute;inset-block-start:-3px;width:1px;height:7px;background:var(--color-ink-2)}.scalebar__rule:before{inset-inline-start:0}.scalebar__rule:after{inset-inline-end:0}.toast{position:fixed;z-index:var(--layer-toast);inset-block-end:var(--space-md);inset-inline-start:var(--space-md);max-width:min(32rem,calc(100vw - var(--space-xl)));margin:0;padding:var(--space-xs) var(--space-md);border:var(--rule-hairline) solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-sm);animation:appear var(--dur-short) var(--ease-out) both}.toast[hidden]{display:none}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 40rem){.drop__inner{margin-inline-start:0}.panel{inset-inline-end:var(--space-md);width:auto}}