mesurer 0.1.0 → 0.1.2

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--msr-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--msr-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--msr-color-red-50:oklch(97.1% .013 17.38);--msr-color-red-200:oklch(88.5% .062 18.334);--msr-color-red-600:oklch(57.7% .245 27.325);--msr-color-black:#000;--msr-color-white:#fff;--msr-spacing:.25rem;--msr-font-weight-medium:500;--msr-font-weight-semibold:600;--msr-radius-md:.375rem;--msr-radius-lg:.5rem;--msr-default-transition-duration:.15s;--msr-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--msr-default-font-family:var(--msr-font-sans);--msr-default-mono-font-family:var(--msr-font-mono);--msr-color-ink-50:#f8fafc;--msr-color-ink-200:#e2e8f0;--msr-color-ink-500:#64748b;--msr-color-ink-700:#334155;--msr-color-ink-900:#0f172a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--msr-default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--msr-default-font-feature-settings,normal);font-variation-settings:var(--msr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--msr-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--msr-default-mono-font-feature-settings,normal);font-variation-settings:var(--msr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}button,input,select,textarea{appearance:none;font:inherit;color:inherit;letter-spacing:inherit;background-color:#0000;padding:0}}@layer components;@layer utilities{.msr\:pointer-events-auto{pointer-events:auto}.msr\:pointer-events-none{pointer-events:none}.msr\:absolute{position:absolute}.msr\:fixed{position:fixed}.msr\:relative{position:relative}.msr\:inset-0{inset:calc(var(--msr-spacing) * 0)}.msr\:top-0{top:calc(var(--msr-spacing) * 0)}.msr\:top-1\/2{top:50%}.msr\:top-\[18px\]{top:18px}.msr\:top-full{top:100%}.msr\:right-0{right:calc(var(--msr-spacing) * 0)}.msr\:right-2{right:calc(var(--msr-spacing) * 2)}.msr\:right-\[8px\]{right:8px}.msr\:bottom-0{bottom:calc(var(--msr-spacing) * 0)}.msr\:bottom-4{bottom:calc(var(--msr-spacing) * 4)}.msr\:bottom-full{bottom:100%}.msr\:left-0{left:calc(var(--msr-spacing) * 0)}.msr\:left-1\/2{left:50%}.msr\:left-\[8px\]{left:8px}.msr\:left-\[18px\]{left:18px}.msr\:z-10{z-index:10}.msr\:z-50{z-index:50}.msr\:z-\[70\]{z-index:70}.msr\:z-\[80\]{z-index:80}.msr\:z-\[85\]{z-index:85}.msr\:z-\[90\]{z-index:90}.msr\:col-span-2{grid-column:span 2/span 2}.msr\:mt-1{margin-top:calc(var(--msr-spacing) * 1)}.msr\:mt-2{margin-top:calc(var(--msr-spacing) * 2)}.msr\:mb-1{margin-bottom:calc(var(--msr-spacing) * 1)}.msr\:mb-2{margin-bottom:calc(var(--msr-spacing) * 2)}.msr\:-ml-1{margin-left:calc(var(--msr-spacing) * -1)}.msr\:ml-1{margin-left:calc(var(--msr-spacing) * 1)}.msr\:ml-auto{margin-left:auto}.msr\:box-border{box-sizing:border-box}.msr\:block{display:block}.msr\:flex{display:flex}.msr\:grid{display:grid}.msr\:inline-flex{display:inline-flex}.msr\:size-1\.5{width:calc(var(--msr-spacing) * 1.5);height:calc(var(--msr-spacing) * 1.5)}.msr\:size-3{width:calc(var(--msr-spacing) * 3);height:calc(var(--msr-spacing) * 3)}.msr\:size-4{width:calc(var(--msr-spacing) * 4);height:calc(var(--msr-spacing) * 4)}.msr\:size-8{width:calc(var(--msr-spacing) * 8);height:calc(var(--msr-spacing) * 8)}.msr\:size-\[10px\]{width:10px;height:10px}.msr\:size-\[18px\]{width:18px;height:18px}.msr\:size-full{width:100%;height:100%}.msr\:h-6{height:calc(var(--msr-spacing) * 6)}.msr\:h-8{height:calc(var(--msr-spacing) * 8)}.msr\:h-\[14px\]{height:14px}.msr\:h-full{height:100%}.msr\:h-px{height:1px}.msr\:min-h-8{min-height:calc(var(--msr-spacing) * 8)}.msr\:w-4{width:calc(var(--msr-spacing) * 4)}.msr\:w-6{width:calc(var(--msr-spacing) * 6)}.msr\:w-9{width:calc(var(--msr-spacing) * 9)}.msr\:w-12{width:calc(var(--msr-spacing) * 12)}.msr\:w-44{width:calc(var(--msr-spacing) * 44)}.msr\:w-\[18px\]{width:18px}.msr\:w-\[26px\]{width:26px}.msr\:w-auto{width:auto}.msr\:w-full{width:100%}.msr\:w-px{width:1px}.msr\:max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.msr\:min-w-0{min-width:calc(var(--msr-spacing) * 0)}.msr\:min-w-36{min-width:calc(var(--msr-spacing) * 36)}.msr\:flex-1{flex:1}.msr\:shrink-0{flex-shrink:0}.msr\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:rotate-45{rotate:45deg}.msr\:rotate-90{rotate:90deg}.msr\:rotate-\[45deg\]{rotate:45deg}.msr\:rotate-\[135deg\]{rotate:135deg}.msr\:cursor-crosshair{cursor:crosshair}.msr\:cursor-default{cursor:default}.msr\:cursor-pointer{cursor:pointer}.msr\:touch-none{touch-action:none}.msr\:appearance-none{appearance:none}.msr\:grid-cols-\[78px_150px\]{grid-template-columns:78px 150px}.msr\:grid-cols-\[78px_minmax\(0\,1fr\)\]{grid-template-columns:78px minmax(0,1fr)}.msr\:flex-col{flex-direction:column}.msr\:items-center{align-items:center}.msr\:items-start{align-items:flex-start}.msr\:items-stretch{align-items:stretch}.msr\:justify-between{justify-content:space-between}.msr\:justify-center{justify-content:center}.msr\:justify-end{justify-content:flex-end}.msr\:gap-0{gap:calc(var(--msr-spacing) * 0)}.msr\:gap-1{gap:calc(var(--msr-spacing) * 1)}.msr\:gap-1\.5{gap:calc(var(--msr-spacing) * 1.5)}.msr\:gap-2{gap:calc(var(--msr-spacing) * 2)}.msr\:gap-px{gap:1px}.msr\:justify-self-end{justify-self:flex-end}.msr\:overflow-hidden{overflow:hidden}.msr\:overflow-y-auto{overflow-y:auto}.msr\:rounded{border-radius:.25rem}.msr\:rounded-\[3px\]{border-radius:3px}.msr\:rounded-\[5px\]{border-radius:5px}.msr\:rounded-\[6px\]{border-radius:6px}.msr\:rounded-\[8px\]{border-radius:8px}.msr\:rounded-\[10px\]{border-radius:10px}.msr\:rounded-\[12px\]{border-radius:12px}.msr\:rounded-full{border-radius:3.40282e38px}.msr\:rounded-lg{border-radius:var(--msr-radius-lg)}.msr\:rounded-md{border-radius:var(--msr-radius-md)}.msr\:border{border-style:var(--tw-border-style);border-width:1px}.msr\:border-0{border-style:var(--tw-border-style);border-width:0}.msr\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.msr\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.msr\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.msr\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.msr\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.msr\:border-dashed{--tw-border-style:dashed;border-style:dashed}.msr\:border-dotted{--tw-border-style:dotted;border-style:dotted}.msr\:border-solid{--tw-border-style:solid;border-style:solid}.msr\:border-\[\#0d99ff\]{border-color:#0d99ff}.msr\:border-\[\#2563eb\]\/70{border-color:oklab(54.615% -.026671 -.213549/.7)}.msr\:border-black\/8{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/8{border-color:color-mix(in oklab, var(--msr-color-black) 8%, transparent)}}.msr\:border-black\/10{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/10{border-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:border-black\/15{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/15{border-color:color-mix(in oklab, var(--msr-color-black) 15%, transparent)}}.msr\:border-ink-200{border-color:var(--msr-color-ink-200)}.msr\:border-ink-500{border-color:var(--msr-color-ink-500)}.msr\:border-ink-700{border-color:var(--msr-color-ink-700)}.msr\:border-red-200{border-color:var(--msr-color-red-200)}.msr\:border-transparent{border-color:#0000}.msr\:bg-\[\#0d99ff\]{background-color:#0d99ff}.msr\:bg-\[\#0d99ff\]\/10{background-color:oklab(66.9841% -.0648249 -.170866/.1)}.msr\:bg-\[\#2563eb\]{background-color:#2563eb}.msr\:bg-\[\#e6e6e6\]{background-color:#e6e6e6}.msr\:bg-\[\#fff\]{background-color:#fff}.msr\:bg-black,.msr\:bg-black\/10{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/10{background-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:bg-black\/40{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/40{background-color:color-mix(in oklab, var(--msr-color-black) 40%, transparent)}}.msr\:bg-ink-50{background-color:var(--msr-color-ink-50)}.msr\:bg-ink-900\/90{background-color:var(--msr-color-ink-900)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-ink-900\/90{background-color:color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent)}}.msr\:bg-transparent{background-color:#0000}.msr\:bg-white{background-color:var(--msr-color-white)}.msr\:p-0{padding:calc(var(--msr-spacing) * 0)}.msr\:p-1{padding:calc(var(--msr-spacing) * 1)}.msr\:p-px{padding:1px}.msr\:px-1{padding-inline:calc(var(--msr-spacing) * 1)}.msr\:px-1\.5{padding-inline:calc(var(--msr-spacing) * 1.5)}.msr\:px-2{padding-inline:calc(var(--msr-spacing) * 2)}.msr\:px-3{padding-inline:calc(var(--msr-spacing) * 3)}.msr\:py-0\.5{padding-block:calc(var(--msr-spacing) * .5)}.msr\:py-1{padding-block:calc(var(--msr-spacing) * 1)}.msr\:py-1\.5{padding-block:calc(var(--msr-spacing) * 1.5)}.msr\:py-2{padding-block:calc(var(--msr-spacing) * 2)}.msr\:pr-6{padding-right:calc(var(--msr-spacing) * 6)}.msr\:pb-1{padding-bottom:calc(var(--msr-spacing) * 1)}.msr\:text-center{text-align:center}.msr\:text-left{text-align:left}.msr\:font-mono{font-family:var(--msr-font-mono)}.msr\:text-\[9px\]{font-size:9px}.msr\:text-\[10px\]{font-size:10px}.msr\:text-\[11px\]{font-size:11px}.msr\:text-\[12px\]{font-size:12px}.msr\:leading-4{--tw-leading:calc(var(--msr-spacing) * 4);line-height:calc(var(--msr-spacing) * 4)}.msr\:leading-none{--tw-leading:1;line-height:1}.msr\:font-medium{--tw-font-weight:var(--msr-font-weight-medium);font-weight:var(--msr-font-weight-medium)}.msr\:font-semibold{--tw-font-weight:var(--msr-font-weight-semibold);font-weight:var(--msr-font-weight-semibold)}.msr\:text-pretty{text-wrap:pretty}.msr\:whitespace-normal{white-space:normal}.msr\:whitespace-nowrap{white-space:nowrap}.msr\:text-\[\#64748b\]{color:#64748b}.msr\:text-black,.msr\:text-black\/45{color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:text-black\/45{color:color-mix(in oklab, var(--msr-color-black) 45%, transparent)}}.msr\:text-black\/60{color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:text-black\/60{color:color-mix(in oklab, var(--msr-color-black) 60%, transparent)}}.msr\:text-ink-50{color:var(--msr-color-ink-50)}.msr\:text-ink-500{color:var(--msr-color-ink-500)}.msr\:text-ink-700{color:var(--msr-color-ink-700)}.msr\:text-red-600{color:var(--msr-color-red-600)}.msr\:text-white,.msr\:text-white\/60{color:var(--msr-color-white)}@supports (color:color-mix(in lab, red, red)){.msr\:text-white\/60{color:color-mix(in oklab, var(--msr-color-white) 60%, transparent)}}.msr\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.msr\:opacity-0{opacity:0}.msr\:opacity-100{opacity:1}.msr\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:outline,.msr\:outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:outline-\[\#0d99ff\]{outline-color:#0d99ff}.msr\:outline-transparent{outline-color:#0000}.msr\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-none{transition-property:none}.msr\:duration-150{--tw-duration:.15s;transition-duration:.15s}.msr\:outline-none{--tw-outline-style:none;outline-style:none}.msr\:select-none{-webkit-user-select:none;user-select:none}.msr\:focus-within\:rounded-l-\[5px\]:focus-within{border-top-left-radius:5px;border-bottom-left-radius:5px}.msr\:focus-within\:rounded-r-\[5px\]:focus-within{border-top-right-radius:5px;border-bottom-right-radius:5px}.msr\:focus-within\:outline:focus-within,.msr\:focus-within\:outline-1:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-within\:outline-offset-\[-1px\]:focus-within{outline-offset:-1px}.msr\:focus-within\:outline-\[\#0d99ff\]:focus-within{outline-color:#0d99ff}@media (hover:hover){.msr\:hover\:border-ink-200:hover{border-color:var(--msr-color-ink-200)}.msr\:hover\:bg-\[\#0d99ff\]:hover{background-color:#0d99ff}.msr\:hover\:bg-black\/4:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/4:hover{background-color:color-mix(in oklab, var(--msr-color-black) 4%, transparent)}}.msr\:hover\:bg-black\/10:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:hover\:bg-ink-50:hover{background-color:var(--msr-color-ink-50)}.msr\:hover\:bg-red-50:hover{background-color:var(--msr-color-red-50)}.msr\:hover\:text-black:hover{color:var(--msr-color-black)}.msr\:hover\:text-white:hover{color:var(--msr-color-white)}.msr\:hover\:underline:hover{text-decoration-line:underline}}.msr\:focus\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.msr\:focus-visible\:bg-ink-50:focus-visible{background-color:var(--msr-color-ink-50)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_\#ef4444\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#ef4444);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-\[\#0d99ff\]\/25:focus-visible{--tw-ring-color:oklab(66.9841% -.0648249 -.170866/.25)}.msr\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}}:root,:host{--color-ink-50:#f8fafc;--color-ink-200:#e2e8f0;--color-ink-500:#64748b;--color-ink-700:#334155;--color-ink-900:#0f172a}:host{all:initial;color-scheme:light;color:#0f172a;letter-spacing:normal;--msr-spacing:4px;direction:ltr;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;display:block}*,:before,:after{box-sizing:border-box}.mesurer-toolbar-surface{overflow:visible;box-shadow:0 0 .5px #0000002e,0 3px 8px #0000001a,0 1px 3px #0000001a}.mesurer-menu-surface{box-shadow:0 10px 30px #00000014}.mesurer-color-picker{border:1px solid #0000001a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.mesurer-toast-surface{-webkit-line-clamp:2;-webkit-box-orient:vertical;width:max-content;max-width:min(240px,100vw - 16px);display:-webkit-box;overflow:hidden;box-shadow:0 0 .5px #0000002e,0 3px 8px #0000001a,0 1px 3px #0000001a}.mesurer-screenshot-preview{pointer-events:none;z-index:100;background:#000;border-radius:4px;width:max-content;max-width:min(200px,100vw - 24px);padding:4px;animation:5.16s ease-out both mesurer-screenshot-preview;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 .5px #0000002e,0 3px 8px #0000001a,0 1px 3px #0000001a}.mesurer-screenshot-preview[data-side=bottom]{margin-top:8px;top:100%}.mesurer-screenshot-preview[data-side=top]{margin-bottom:8px;bottom:100%}.mesurer-screenshot-preview-image{object-fit:contain;background:#fff;border-radius:2px;width:auto;max-width:180px;height:auto;max-height:120px;display:block}@media (prefers-reduced-motion:reduce){.mesurer-screenshot-preview{animation:5s linear both mesurer-screenshot-preview-reduced}}@keyframes mesurer-screenshot-preview{0%,3.1%{opacity:0}6.2%,96.9%{opacity:1}to{opacity:0}}@keyframes mesurer-screenshot-preview-reduced{0%,to{opacity:1}}.mesurer-settings-panel{overscroll-behavior-x:none;scrollbar-width:none;overflow-y:auto}.mesurer-settings-panel::-webkit-scrollbar{display:none}.mesurer-switch-track{box-sizing:border-box;border:1px solid #e2e8f0}.mesurer-switch-track[data-checked=true]{border-color:#0d99ff}.mesurer-control-shell{border:1px solid #0000}.mesurer-control-shell:hover{border-color:#e2e8f0}.mesurer-control-focus:focus-within{outline-offset:-1px;outline:1px solid #0d99ff}.mesurer-root{--msr-spacing:4px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--msr-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--msr-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--msr-color-red-50:oklch(97.1% .013 17.38);--msr-color-red-200:oklch(88.5% .062 18.334);--msr-color-red-600:oklch(57.7% .245 27.325);--msr-color-black:#000;--msr-color-white:#fff;--msr-spacing:.25rem;--msr-font-weight-medium:500;--msr-font-weight-semibold:600;--msr-radius-md:.375rem;--msr-radius-lg:.5rem;--msr-default-transition-duration:.15s;--msr-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--msr-default-font-family:var(--msr-font-sans);--msr-default-mono-font-family:var(--msr-font-mono);--msr-color-ink-50:#f8fafc;--msr-color-ink-200:#e2e8f0;--msr-color-ink-500:#64748b;--msr-color-ink-700:#334155;--msr-color-ink-900:#0f172a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--msr-default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--msr-default-font-feature-settings,normal);font-variation-settings:var(--msr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--msr-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--msr-default-mono-font-feature-settings,normal);font-variation-settings:var(--msr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}button,input,select,textarea{appearance:none;font:inherit;color:inherit;letter-spacing:inherit;background-color:#0000;padding:0}}@layer components;@layer utilities{.msr\:pointer-events-auto{pointer-events:auto}.msr\:pointer-events-none{pointer-events:none}.msr\:absolute{position:absolute}.msr\:fixed{position:fixed}.msr\:relative{position:relative}.msr\:inset-0{inset:calc(var(--msr-spacing) * 0)}.msr\:-top-1{top:calc(var(--msr-spacing) * -1)}.msr\:top-0{top:calc(var(--msr-spacing) * 0)}.msr\:top-1{top:calc(var(--msr-spacing) * 1)}.msr\:top-1\/2{top:50%}.msr\:top-\[18px\]{top:18px}.msr\:top-full{top:100%}.msr\:-right-1{right:calc(var(--msr-spacing) * -1)}.msr\:right-0{right:calc(var(--msr-spacing) * 0)}.msr\:right-1{right:calc(var(--msr-spacing) * 1)}.msr\:right-2{right:calc(var(--msr-spacing) * 2)}.msr\:right-\[8px\]{right:8px}.msr\:-bottom-1{bottom:calc(var(--msr-spacing) * -1)}.msr\:bottom-0{bottom:calc(var(--msr-spacing) * 0)}.msr\:bottom-1{bottom:calc(var(--msr-spacing) * 1)}.msr\:bottom-4{bottom:calc(var(--msr-spacing) * 4)}.msr\:bottom-full{bottom:100%}.msr\:-left-1{left:calc(var(--msr-spacing) * -1)}.msr\:left-0{left:calc(var(--msr-spacing) * 0)}.msr\:left-1{left:calc(var(--msr-spacing) * 1)}.msr\:left-1\/2{left:50%}.msr\:left-\[8px\]{left:8px}.msr\:left-\[18px\]{left:18px}.msr\:z-10{z-index:10}.msr\:z-20{z-index:20}.msr\:z-50{z-index:50}.msr\:z-\[70\]{z-index:70}.msr\:z-\[85\]{z-index:85}.msr\:z-\[90\]{z-index:90}.msr\:z-\[100\]{z-index:100}.msr\:col-span-2{grid-column:span 2/span 2}.msr\:mt-1{margin-top:calc(var(--msr-spacing) * 1)}.msr\:mt-2{margin-top:calc(var(--msr-spacing) * 2)}.msr\:mb-1{margin-bottom:calc(var(--msr-spacing) * 1)}.msr\:mb-2{margin-bottom:calc(var(--msr-spacing) * 2)}.msr\:-ml-1{margin-left:calc(var(--msr-spacing) * -1)}.msr\:ml-1{margin-left:calc(var(--msr-spacing) * 1)}.msr\:ml-auto{margin-left:auto}.msr\:box-border{box-sizing:border-box}.msr\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.msr\:block{display:block}.msr\:flex{display:flex}.msr\:grid{display:grid}.msr\:inline-flex{display:inline-flex}.msr\:size-1\.5{width:calc(var(--msr-spacing) * 1.5);height:calc(var(--msr-spacing) * 1.5)}.msr\:size-3{width:calc(var(--msr-spacing) * 3);height:calc(var(--msr-spacing) * 3)}.msr\:size-4{width:calc(var(--msr-spacing) * 4);height:calc(var(--msr-spacing) * 4)}.msr\:size-7{width:calc(var(--msr-spacing) * 7);height:calc(var(--msr-spacing) * 7)}.msr\:size-8{width:calc(var(--msr-spacing) * 8);height:calc(var(--msr-spacing) * 8)}.msr\:size-\[10px\]{width:10px;height:10px}.msr\:size-\[18px\]{width:18px;height:18px}.msr\:size-full{width:100%;height:100%}.msr\:h-2{height:calc(var(--msr-spacing) * 2)}.msr\:h-3{height:calc(var(--msr-spacing) * 3)}.msr\:h-6{height:calc(var(--msr-spacing) * 6)}.msr\:h-8{height:calc(var(--msr-spacing) * 8)}.msr\:h-\[14px\]{height:14px}.msr\:h-auto{height:auto}.msr\:h-full{height:100%}.msr\:h-max{height:max-content}.msr\:h-px{height:1px}.msr\:max-h-\[120px\]{max-height:120px}.msr\:min-h-6{min-height:calc(var(--msr-spacing) * 6)}.msr\:min-h-8{min-height:calc(var(--msr-spacing) * 8)}.msr\:w-2{width:calc(var(--msr-spacing) * 2)}.msr\:w-4{width:calc(var(--msr-spacing) * 4)}.msr\:w-6{width:calc(var(--msr-spacing) * 6)}.msr\:w-9{width:calc(var(--msr-spacing) * 9)}.msr\:w-12{width:calc(var(--msr-spacing) * 12)}.msr\:w-44{width:calc(var(--msr-spacing) * 44)}.msr\:w-\[18px\]{width:18px}.msr\:w-\[26px\]{width:26px}.msr\:w-auto{width:auto}.msr\:w-full{width:100%}.msr\:w-max{width:max-content}.msr\:w-px{width:1px}.msr\:max-w-\[180px\]{max-width:180px}.msr\:max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.msr\:max-w-\[min\(200px\,calc\(100vw-24px\)\)\]{max-width:min(200px,100vw - 24px)}.msr\:max-w-\[min\(240px\,calc\(100vw-16px\)\)\]{max-width:min(240px,100vw - 16px)}.msr\:min-w-0{min-width:calc(var(--msr-spacing) * 0)}.msr\:min-w-32{min-width:calc(var(--msr-spacing) * 32)}.msr\:min-w-36{min-width:calc(var(--msr-spacing) * 36)}.msr\:flex-1{flex:1}.msr\:flex-none{flex:none}.msr\:shrink-0{flex-shrink:0}.msr\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:rotate-45{rotate:45deg}.msr\:rotate-90{rotate:90deg}.msr\:animate-\[mesurer-screenshot-preview_5\.16s_ease-out_both\]{animation:5.16s ease-out both mesurer-screenshot-preview}.msr\:cursor-crosshair{cursor:crosshair}.msr\:cursor-default{cursor:default}.msr\:cursor-grab{cursor:grab}.msr\:cursor-pointer{cursor:pointer}.msr\:cursor-text{cursor:text}.msr\:touch-none{touch-action:none}.msr\:appearance-none{appearance:none}.msr\:grid-cols-\[78px_150px\]{grid-template-columns:78px 150px}.msr\:grid-cols-\[78px_minmax\(0\,1fr\)\]{grid-template-columns:78px minmax(0,1fr)}.msr\:flex-col{flex-direction:column}.msr\:items-baseline{align-items:baseline}.msr\:items-center{align-items:center}.msr\:items-start{align-items:flex-start}.msr\:items-stretch{align-items:stretch}.msr\:justify-between{justify-content:space-between}.msr\:justify-center{justify-content:center}.msr\:justify-end{justify-content:flex-end}.msr\:gap-0{gap:calc(var(--msr-spacing) * 0)}.msr\:gap-1{gap:calc(var(--msr-spacing) * 1)}.msr\:gap-1\.5{gap:calc(var(--msr-spacing) * 1.5)}.msr\:gap-2{gap:calc(var(--msr-spacing) * 2)}.msr\:gap-2\.5{gap:calc(var(--msr-spacing) * 2.5)}.msr\:gap-\[2px\]{gap:2px}.msr\:gap-px{gap:1px}.msr\:justify-self-end{justify-self:flex-end}.msr\:overflow-hidden{overflow:hidden}.msr\:overflow-y-auto{overflow-y:auto}.msr\:rounded{border-radius:.25rem}.msr\:rounded-\[2px\]{border-radius:2px}.msr\:rounded-\[3px\]{border-radius:3px}.msr\:rounded-\[4px\]{border-radius:4px}.msr\:rounded-\[5px\]{border-radius:5px}.msr\:rounded-\[6px\]{border-radius:6px}.msr\:rounded-\[8px\]{border-radius:8px}.msr\:rounded-\[10px\]{border-radius:10px}.msr\:rounded-full{border-radius:3.40282e38px}.msr\:rounded-lg{border-radius:var(--msr-radius-lg)}.msr\:rounded-md{border-radius:var(--msr-radius-md)}.msr\:border{border-style:var(--tw-border-style);border-width:1px}.msr\:border-0{border-style:var(--tw-border-style);border-width:0}.msr\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.msr\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.msr\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.msr\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.msr\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.msr\:border-dashed{--tw-border-style:dashed;border-style:dashed}.msr\:border-dotted{--tw-border-style:dotted;border-style:dotted}.msr\:border-solid{--tw-border-style:solid;border-style:solid}.msr\:border-\[\#0d99ff\]{border-color:#0d99ff}.msr\:border-\[\#2563eb\]\/70{border-color:oklab(54.615% -.026671 -.213549/.7)}.msr\:border-black\/8{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/8{border-color:color-mix(in oklab, var(--msr-color-black) 8%, transparent)}}.msr\:border-black\/10{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/10{border-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:border-black\/15{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/15{border-color:color-mix(in oklab, var(--msr-color-black) 15%, transparent)}}.msr\:border-ink-200{border-color:var(--msr-color-ink-200)}.msr\:border-ink-500{border-color:var(--msr-color-ink-500)}.msr\:border-ink-700{border-color:var(--msr-color-ink-700)}.msr\:border-red-200{border-color:var(--msr-color-red-200)}.msr\:border-transparent{border-color:#0000}.msr\:bg-\[\#0d99ff\]{background-color:#0d99ff}.msr\:bg-\[\#0d99ff\]\/10{background-color:oklab(66.9841% -.0648249 -.170866/.1)}.msr\:bg-\[\#2563eb\]{background-color:#2563eb}.msr\:bg-\[\#e6e6e6\]{background-color:#e6e6e6}.msr\:bg-black,.msr\:bg-black\/10{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/10{background-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:bg-black\/40{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/40{background-color:color-mix(in oklab, var(--msr-color-black) 40%, transparent)}}.msr\:bg-ink-50{background-color:var(--msr-color-ink-50)}.msr\:bg-ink-900\/90{background-color:var(--msr-color-ink-900)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-ink-900\/90{background-color:color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent)}}.msr\:bg-transparent{background-color:#0000}.msr\:bg-white{background-color:var(--msr-color-white)}.msr\:object-contain{object-fit:contain}.msr\:p-0{padding:calc(var(--msr-spacing) * 0)}.msr\:p-1{padding:calc(var(--msr-spacing) * 1)}.msr\:p-\[2px\]{padding:2px}.msr\:p-px{padding:1px}.msr\:px-0{padding-inline:calc(var(--msr-spacing) * 0)}.msr\:px-1{padding-inline:calc(var(--msr-spacing) * 1)}.msr\:px-1\.5{padding-inline:calc(var(--msr-spacing) * 1.5)}.msr\:px-2{padding-inline:calc(var(--msr-spacing) * 2)}.msr\:px-3{padding-inline:calc(var(--msr-spacing) * 3)}.msr\:py-0\.5{padding-block:calc(var(--msr-spacing) * .5)}.msr\:py-1{padding-block:calc(var(--msr-spacing) * 1)}.msr\:py-1\.5{padding-block:calc(var(--msr-spacing) * 1.5)}.msr\:py-2{padding-block:calc(var(--msr-spacing) * 2)}.msr\:pr-6{padding-right:calc(var(--msr-spacing) * 6)}.msr\:pb-1{padding-bottom:calc(var(--msr-spacing) * 1)}.msr\:text-center{text-align:center}.msr\:text-left{text-align:left}.msr\:font-mono{font-family:var(--msr-font-mono)}.msr\:text-\[9px\]{font-size:9px}.msr\:text-\[10px\]{font-size:10px}.msr\:text-\[11px\]{font-size:11px}.msr\:text-\[12px\]{font-size:12px}.msr\:text-\[16px\]{font-size:16px}.msr\:leading-3{--tw-leading:calc(var(--msr-spacing) * 3);line-height:calc(var(--msr-spacing) * 3)}.msr\:leading-4{--tw-leading:calc(var(--msr-spacing) * 4);line-height:calc(var(--msr-spacing) * 4)}.msr\:leading-6{--tw-leading:calc(var(--msr-spacing) * 6);line-height:calc(var(--msr-spacing) * 6)}.msr\:leading-none{--tw-leading:1;line-height:1}.msr\:font-medium{--tw-font-weight:var(--msr-font-weight-medium);font-weight:var(--msr-font-weight-medium)}.msr\:font-semibold{--tw-font-weight:var(--msr-font-weight-semibold);font-weight:var(--msr-font-weight-semibold)}.msr\:text-pretty{text-wrap:pretty}.msr\:break-words{overflow-wrap:break-word}.msr\:whitespace-normal{white-space:normal}.msr\:whitespace-nowrap{white-space:nowrap}.msr\:whitespace-pre{white-space:pre}.msr\:whitespace-pre-wrap{white-space:pre-wrap}.msr\:text-\[\#64748b\]{color:#64748b}.msr\:text-black,.msr\:text-black\/45{color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:text-black\/45{color:color-mix(in oklab, var(--msr-color-black) 45%, transparent)}}.msr\:text-black\/60{color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:text-black\/60{color:color-mix(in oklab, var(--msr-color-black) 60%, transparent)}}.msr\:text-ink-50{color:var(--msr-color-ink-50)}.msr\:text-ink-200{color:var(--msr-color-ink-200)}.msr\:text-ink-500{color:var(--msr-color-ink-500)}.msr\:text-ink-700{color:var(--msr-color-ink-700)}.msr\:text-ink-900{color:var(--msr-color-ink-900)}.msr\:text-red-600{color:var(--msr-color-red-600)}.msr\:text-white,.msr\:text-white\/60{color:var(--msr-color-white)}@supports (color:color-mix(in lab, red, red)){.msr\:text-white\/60{color:color-mix(in oklab, var(--msr-color-white) 60%, transparent)}}.msr\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.msr\:opacity-0{opacity:0}.msr\:opacity-100{opacity:1}.msr\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:outline,.msr\:outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:outline-\[\#0d99ff\]{outline-color:#0d99ff}.msr\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-none{transition-property:none}.msr\:duration-150{--tw-duration:.15s;transition-duration:.15s}.msr\:outline-none{--tw-outline-style:none;outline-style:none}.msr\:select-none{-webkit-user-select:none;user-select:none}.msr\:focus-within\:rounded-l-\[5px\]:focus-within{border-top-left-radius:5px;border-bottom-left-radius:5px}.msr\:focus-within\:rounded-r-\[5px\]:focus-within{border-top-right-radius:5px;border-bottom-right-radius:5px}.msr\:focus-within\:outline:focus-within,.msr\:focus-within\:outline-1:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-within\:outline-offset-\[-1px\]:focus-within{outline-offset:-1px}.msr\:focus-within\:outline-\[\#0d99ff\]:focus-within{outline-color:#0d99ff}@media (hover:hover){.msr\:hover\:border-ink-200:hover{border-color:var(--msr-color-ink-200)}.msr\:hover\:bg-\[\#0d99ff\]:hover{background-color:#0d99ff}.msr\:hover\:bg-black\/4:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/4:hover{background-color:color-mix(in oklab, var(--msr-color-black) 4%, transparent)}}.msr\:hover\:bg-black\/10:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:hover\:bg-ink-50:hover{background-color:var(--msr-color-ink-50)}.msr\:hover\:bg-ink-200\/50:hover{background-color:var(--msr-color-ink-200)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-ink-200\/50:hover{background-color:color-mix(in oklab, var(--msr-color-ink-200) 50%, transparent)}}.msr\:hover\:bg-red-50:hover{background-color:var(--msr-color-red-50)}.msr\:hover\:text-black:hover{color:var(--msr-color-black)}.msr\:hover\:text-white:hover{color:var(--msr-color-white)}.msr\:hover\:underline:hover{text-decoration-line:underline}}.msr\:focus\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.msr\:focus-visible\:bg-ink-50:focus-visible{background-color:var(--msr-color-ink-50)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_\#ef4444\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#ef4444);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-\[\#0d99ff\]\/25:focus-visible{--tw-ring-color:oklab(66.9841% -.0648249 -.170866/.25)}.msr\:focus-visible\:outline:focus-visible,.msr\:focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.msr\:focus-visible\:outline-ink-500:focus-visible{outline-color:var(--msr-color-ink-500)}.msr\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}}:root,:host{--color-ink-50:#f8fafc;--color-ink-200:#e2e8f0;--color-ink-500:#64748b;--color-ink-700:#334155;--color-ink-900:#0f172a}:host{all:initial;color-scheme:light;color:#0f172a;letter-spacing:normal;--msr-spacing:4px;direction:ltr;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;display:block}*,:before,:after{box-sizing:border-box}.mesurer-toolbar-motion{--msr-toolbar-motion:.2s ease;filter:drop-shadow(0 0 .4px #00000038)drop-shadow(0 3px 8px #0000001a)drop-shadow(0 1px 3px #0000001a);width:max-content;max-width:100%;display:block;position:relative}.mesurer-toolbar-chrome{z-index:0;transform-origin:0;pointer-events:none;background:#fff;border-radius:12px;outline:1px solid #0000;position:absolute;inset:0;overflow:visible}.mesurer-toolbar-clip{z-index:1;transform-origin:0;position:relative;overflow:visible}.mesurer-toolbar-motion[data-resizing=collapse] .mesurer-toolbar-clip{overflow:hidden}.mesurer-toolbar-surface{transform-origin:0;padding:4px;position:relative}.mesurer-toolbar-divider{background:var(--color-ink-200);flex:none;align-self:stretch;width:1px;margin-block:-4px}.mesurer-toolbar-minimize-stage{min-width:0;width:var(--msr-expanded-w,auto);flex:none;overflow:visible}.mesurer-toolbar-minimize-stage[data-minimized=true]{width:var(--msr-icon-w,auto);overflow:hidden}.mesurer-toolbar-motion[data-resizing=collapse] .mesurer-toolbar-minimize-stage{overflow:hidden}.mesurer-toolbar-minimize-stage[data-minimized=true] .mesurer-toolbar-minimize-track{transform:translateX(calc(-1 * var(--msr-expanded-w,0px)))}.mesurer-toolbar-minimize-stage:has([role=dialog]),.mesurer-toolbar-minimize-stage:has([role=menu]),.mesurer-toolbar-minimize-stage:has(.mesurer-screenshot-preview){overflow:visible}.mesurer-toolbar-minimize-track{pointer-events:none;flex:none;display:flex;transform:translate(0)}.mesurer-toolbar-minimize-slot{flex:none}.mesurer-toolbar-minimize-slot[data-slot=expanded]{width:var(--msr-expanded-w,auto)}.mesurer-toolbar-minimize-slot[data-slot=icon]{width:var(--msr-icon-w,auto)}.mesurer-toolbar-minimize-slot:not([data-open=true]){pointer-events:none}.mesurer-toolbar-minimize-slot[data-open=true]{pointer-events:auto}.mesurer-toolbar-motion:not([data-resizing=collapse]) .mesurer-toolbar-minimize-slot[data-slot=icon]:not([data-open=true]){visibility:hidden}.mesurer-toolbar-restore svg{transform:translate(-1.5px,-.5px)}.mesurer-toolbar-tool-stage{min-width:0;width:var(--msr-inspect-w,auto);flex:none;overflow:hidden}.mesurer-toolbar-tool-stage[data-group=annotate]{width:var(--msr-annotate-w,auto)}.mesurer-toolbar-tool-stage[data-group=annotate] .mesurer-toolbar-tool-track{transform:translateX(calc(-1 * var(--msr-inspect-w,0px)))}.mesurer-toolbar-tool-stage:has([role=menu]){overflow:visible}.mesurer-toolbar-motion[data-resizing=true] .mesurer-toolbar-tool-stage{overflow:hidden}.mesurer-toolbar-tool-track{flex:none;display:flex;transform:translate(0)}.mesurer-toolbar-motion[data-ready=true] .mesurer-toolbar-tool-switch-pill{transition:transform var(--msr-toolbar-motion)}.mesurer-toolbar-tool-slot{flex:none}.mesurer-toolbar-tool-slot[data-group=inspect]{width:var(--msr-inspect-w,auto)}.mesurer-toolbar-tool-slot[data-group=annotate]{width:var(--msr-annotate-w,auto)}.mesurer-toolbar-tool-slot:not([data-open=true]){pointer-events:none}.mesurer-toolbar-motion:not([data-resizing]) .mesurer-toolbar-tool-slot:not([data-open=true]){visibility:hidden}.mesurer-toolbar-tool-panel{width:max-content}.mesurer-toolbar-tooltips{z-index:100;pointer-events:none;position:absolute;inset:0;overflow:visible}.mesurer-toolbar-trailing{z-index:1;isolation:isolate;background:#fff;flex:none;position:relative}.mesurer-toolbar-tool-switch{z-index:1;isolation:isolate;background:#fff;position:relative}.mesurer-toolbar-tool-switch-pill{z-index:0;background:var(--color-ink-200);border-radius:6px;width:28px;height:28px;position:absolute;top:2px;left:2px;transform:translate(0)}.mesurer-toolbar-tool-switch[data-value=annotate] .mesurer-toolbar-tool-switch-pill{transform:translate(30px)}.mesurer-toolbar-tool-switch>:not(.mesurer-toolbar-tool-switch-pill){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.mesurer-toolbar-motion,.mesurer-toolbar-chrome,.mesurer-toolbar-tool-track,.mesurer-toolbar-minimize-track,.mesurer-toolbar-trailing,.mesurer-toolbar-motion[data-ready=true] .mesurer-toolbar-tool-switch-pill{transition:none}.mesurer-screenshot-preview{animation-name:mesurer-screenshot-preview-reduced;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:both}}@keyframes mesurer-screenshot-preview{0%,3.1%{opacity:0}6.2%,96.9%{opacity:1}to{opacity:0}}@keyframes mesurer-screenshot-preview-reduced{0%,to{opacity:1}}.mesurer-settings-panel::-webkit-scrollbar{display:none}.mesurer-toast-surface{box-shadow:0 0 .5px #0000002e,0 3px 8px #0000001a,0 1px 3px #0000001a}.mesurer-root{--msr-spacing:4px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mesurer",
-  "version": "0.1.0",
-  "description": "UI inspector and visual feedback tools for building with coding agents.",
+  "version": "0.1.2",
+  "description": "Inspect, annotate, and give feedback on any live interface",
   "license": "MIT",
   "author": "Julien Thibeaut",
   "type": "module",
@@ -20,10 +20,10 @@
   "files": [
     "dist",
     "dist/styles.css",
-    "CHANGELOG.md",
-    "README.md",
-    "PRIVACY.md",
-    "LICENSE"
+      "CHANGELOG.md",
+      "README.md",
+      "PRIVACY.md",
+      "LICENSE"
   ],
   "sideEffects": [
     "*.css"
@@ -39,6 +39,14 @@
   "bugs": {
     "url": "https://github.com/ibelick/mesurer/issues"
   },
+  "scripts": {
+    "generate:styles": "pnpm exec tailwindcss -i styles.css -o styles.generated.css -m && node scripts/generate-styles.mjs",
+    "build": "pnpm run generate:styles && tsup && pnpm exec tailwindcss -i styles.css -o dist/styles.css -m",
+    "dev": "node scripts/dev.mjs",
+    "pretypecheck": "pnpm run generate:styles",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run typecheck && npm run build"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
@@ -56,12 +64,5 @@
   "keywords": [
     "measurement",
     "alignment"
-  ],
-  "scripts": {
-    "generate:styles": "pnpm exec tailwindcss -i styles.css -o styles.generated.css -m && node scripts/generate-styles.mjs",
-    "build": "pnpm run generate:styles && tsup && pnpm exec tailwindcss -i styles.css -o dist/styles.css -m",
-    "dev": "node scripts/dev.mjs",
-    "pretypecheck": "pnpm run generate:styles",
-    "typecheck": "tsc --noEmit"
-  }
-}
+  ]
+}