.ink-add:focus-visible,.ink-undo:focus-visible,.ink-draw-open:focus-visible{outline:2px solid hsl(var(--ink-ink));outline-offset:3px}.ink-meta{font-variant-numeric:tabular-nums;color:hsl(var(--ink-soft));font-size:.875rem}.ink-chip{object-fit:contain;vertical-align:-.24em;width:1.2em;height:1.2em;margin-right:.36em;display:inline-block}.ink-chip-round{border-radius:50%}.ink-chip-wide{width:auto}.ink-chip-word{vertical-align:baseline;height:.74em;margin-right:.42em}.ink-pen{color:hsl(var(--ink-pen))}.ink-ink-stroke{fill:none;stroke:currentColor;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;animation:0s linear 4s forwards ink-ink-shown}[data-armed]>.ink-ink-stroke{animation:none}@keyframes ink-ink-shown{to{stroke-dashoffset:0;opacity:1}}[data-ink="0"]{--ink:var(--ink-pen-0)}[data-ink="1"]{--ink:var(--ink-pen-1)}[data-ink="2"]{--ink:var(--ink-pen-2)}[data-ink="3"]{--ink:var(--ink-pen-3)}[data-ink="4"]{--ink:var(--ink-pen-4)}[data-ink="5"]{--ink:var(--ink-pen-5)}[data-ink="6"]{--ink:var(--ink-pen-6)}[data-ink="7"]{--ink:var(--ink-pen-7)}.ink-pad,.ink-drawn{fill:none;stroke:hsl(var(--ink,var(--ink-pen)));stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round}.ink-faces li{vertical-align:top;width:3.75rem;height:3.75rem;margin:0 .75rem .75rem 0;display:inline-block;position:relative}.ink-ledger{border-top:1px solid hsl(var(--ink-rule));max-width:46rem;margin-top:1.5rem;font-size:.875rem}.ink-ledger li{border-bottom:1px solid hsl(var(--ink-rule));grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.875rem;padding-block:.5rem;display:grid}.ink-ledger .ink-drawn{width:2.5rem;height:2.5rem}.ink-face-remove{background:hsl(var(--ink-ink));width:1.5rem;height:1.5rem;color:hsl(var(--ink-paper));border-radius:50%;place-items:center;font-size:.9375rem;line-height:1;display:grid;position:absolute;top:-.375rem;right:-.375rem}.ink-drawn{width:100%;height:100%;display:block;overflow:visible}.ink-drawn-owner{stroke-width:4.5px;width:62%;height:62%;margin:19%}.ink-drawn-wet{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.ink-draw-open{background:color-mix(in srgb, hsl(var(--ink-ink)) 7%, hsl(var(--ink-paper)));min-height:2.75rem;color:hsl(var(--ink-ink));align-items:center;padding-inline:1.125rem;font-size:.9375rem;font-weight:500;transition:background-color .15s;display:inline-flex}.ink-draw-open[data-settling]:focus-visible{outline-color:#0000}.ink-pad-shade{z-index:100;background:#00000073;position:fixed;inset:0}.ink-pad-panel{z-index:101;background:hsl(var(--ink-paper));width:min(21rem,100% - 2rem);height:fit-content;box-shadow:0 0 0 1px hsl(var(--ink-ink) / .08), 0 30px 70px -20px #00000080;outline:none;margin:auto;padding:1rem;position:fixed;inset:0;overflow:hidden}.ink-pad-frame{aspect-ratio:1;background:hsl(var(--ink-ink) / .035);border-radius:12px;position:relative}.ink-pad{border-radius:inherit;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:absolute;inset:0}.ink-pad-hint{color:hsl(var(--ink-soft));pointer-events:none;place-items:center;font-size:.9375rem;display:grid;position:absolute;inset:0}.ink-add{background:hsl(var(--ink-ink));min-height:2.75rem;color:hsl(var(--ink-paper));border-radius:999px;align-items:center;padding-inline:1.125rem;font-size:.9375rem;font-weight:500;transition:background-color .15s,color .15s,scale .15s;display:inline-flex}.ink-add:active:not(:disabled){scale:.97}.ink-add:disabled{background:hsl(var(--ink-ink) / .07);color:hsl(var(--ink-soft));cursor:default}.ink-undo{min-height:2.75rem;color:hsl(var(--ink-ink));text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:hsl(var(--ink-ink) / .3);text-decoration-color:hsl(var(--ink-ink) / .3);text-underline-offset:.22em;font-size:.9375rem;transition:text-decoration-color .15s}.ink-undo:disabled{color:hsl(var(--ink-soft));cursor:default;text-decoration-color:#0000}@media (min-width:640px){.ink-faces li{width:4.5rem;height:4.5rem;margin:0 1rem 1rem 0}}@media (hover:hover){.ink-add:hover:not(:disabled){background:hsl(var(--ink-ink) / .82)}.ink-draw-open:hover{background:color-mix(in srgb, hsl(var(--ink-ink)) 12%, hsl(var(--ink-paper)))}.ink-undo:hover:not(:disabled){text-decoration-color:currentColor}}@media print{.ink-ink-stroke,.ink-drawn-wet{stroke-dashoffset:0;opacity:1;animation:none!important}}@media (prefers-reduced-motion:reduce){.ink-ink-stroke,.ink-drawn-wet{stroke-dashoffset:0;opacity:1;animation:none!important}.ink-add,.ink-undo{transition:none}}@keyframes ink-ink{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}