:where(:root){--ease-spring: linear(0, .042, .144, .273, .408, .538, .653, .75, .829, .891, .937, .97, .993, 1.007, 1.015, 1.019, 1.02, 1.019, 1.017, 1.014, 1.011, 1.009, 1.007, 1.005, 1);--dur-spring: .3s;--radius-modal: 12px;--modal-btn-h: 32px;--modal-w-s: 360px;--modal-w-m: 480px;--modal-w-l: 640px;--modal-w-xl: 960px;--modal-inset: 24px;--dur-modal-in: .18s;--dur-modal-out: .12s;--modal: #fff;--scrim: oklch(.32 .035 300 / .58);--danger: oklch(.5 .19 25);--danger-ring: oklch(.5 .19 25 / .2);--warn: oklch(.56 .12 45);--warn-bg: oklch(.955 .03 55);--warn-bd: oklch(.8 .08 50 / .5);--mk-line: var(--line, oklch(.3 .02 285 / .1));--mk-line2: var(--line2, oklch(.3 .02 285 / .16));--mk-field: var(--field, #fff);--mk-raised: var(--raised, #fff);--mk-well: var(--well, oklch(.958 .011 300));--mk-hover: var(--hover, oklch(.3 .02 285 / .045));--mk-sel: var(--sel, oklch(.7 .07 305));--mk-sel-soft: var(--selSoft, oklch(.93 .03 305));--mk-sel-line: var(--selLine, oklch(.7 .07 305 / .55));--mk-sel-ink: var(--selInk, oklch(.44 .09 305));--mk-ring: var(--ring, oklch(.58 .16 15 / .22));--mk-accent: var(--accent, oklch(.58 .16 15));--mk-accent-fill: var(--accent-fill, oklch(.58 .16 15));--mk-text: var(--text, oklch(.22 .02 280));--mk-text-2: var(--text-2, oklch(.45 .015 280));--mk-text-3: var(--text-3, oklch(.5 .012 280));--mk-good: var(--good, oklch(.65 .1 155));--mk-good-bg: var(--good-bg, oklch(.92 .05 155 / .55));--mk-good-bd: var(--good-bd, oklch(.82 .08 155 / .45));--shadow-modal: 0 0 0 1px var(--line2, oklch(.3 .02 285 / .16)), 0 8px 24px oklch(.25 .03 285 / .14), 0 24px 64px oklch(.25 .03 285 / .14)}:where(body.dark){--modal: oklch(.29 .007 285);--scrim: oklch(.14 .012 290 / .64);--danger: oklch(.68 .2 28);--danger-ring: oklch(.68 .2 28 / .28);--warn: oklch(.8 .1 55);--warn-bg: oklch(.36 .05 45 / .45);--warn-bd: oklch(.62 .08 45 / .4);--mk-line: var(--line, oklch(1 0 0 / .08));--mk-line2: var(--line2, oklch(1 0 0 / .13));--mk-field: var(--field, oklch(.25 .006 285));--mk-raised: var(--raised, oklch(.29 .007 285));--mk-well: var(--well, oklch(.235 .006 285));--mk-hover: var(--hover, oklch(1 0 0 / .045));--mk-sel: var(--sel, oklch(.7 .07 305));--mk-sel-soft: var(--selSoft, oklch(.33 .05 305));--mk-sel-line: var(--selLine, oklch(.72 .08 305 / .45));--mk-sel-ink: var(--selInk, oklch(.87 .07 305));--mk-ring: var(--ring, oklch(.74 .16 18 / .25));--mk-accent: var(--accent, oklch(.74 .16 18));--mk-accent-fill: var(--accent-fill, oklch(.55 .16 18));--mk-text: var(--text, oklch(.97 .008 270));--mk-text-2: var(--text-2, oklch(.82 .01 270));--mk-text-3: var(--text-3, oklch(.72 .012 280));--mk-good: var(--good, oklch(.8 .13 155));--mk-good-bg: var(--good-bg, oklch(.4 .07 155 / .3));--mk-good-bd: var(--good-bd, oklch(.55 .1 155 / .4));--shadow-modal: 0 0 0 1px var(--line2, oklch(1 0 0 / .13)), 0 8px 24px rgba(0,0,0,.4), 0 24px 64px rgba(0,0,0,.44)}.mk-scrim{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--scrim);backdrop-filter:none;-webkit-backdrop-filter:none;animation:mk-fade var(--dur-modal-in) ease-out backwards}.mk-scrim[hidden]{display:none}.mk-box{position:relative;display:flex;flex-direction:column;width:var(--modal-w-m);max-width:calc(100vw - 2 * var(--modal-inset));max-height:calc(100vh - 2 * var(--modal-inset));background:var(--modal);color:var(--mk-text);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);font:400 13px/1.45 var(--font-sf, system-ui, sans-serif);transform-origin:50% 50%;animation:mk-fade calc(var(--dur-modal-in) * .6) ease-out backwards,mk-rise var(--dur-modal-in) var(--ease-spring) backwards}.mk-box--s{width:var(--modal-w-s)}.mk-box--m{width:var(--modal-w-m)}.mk-box--l{width:var(--modal-w-l)}.mk-box--xl{width:var(--modal-w-xl)}.mk-box--full{width:calc(100vw - 2 * var(--modal-inset));height:calc(100vh - 2 * var(--modal-inset))}@keyframes mk-fade{0%{opacity:0}to{opacity:1}}@keyframes mk-rise{0%{transform:translateY(8px) scale(.97)}to{transform:none}}.mk-scrim.mk-leaving{opacity:0;transition:opacity var(--dur-modal-out) ease-in;animation:none}.mk-scrim.mk-leaving .mk-box{transform:translateY(4px) scale(.985);transition:transform var(--dur-modal-out) ease-in;animation:none}@media (prefers-reduced-motion: reduce){.mk-scrim,.mk-box{animation:none}.mk-scrim.mk-leaving,.mk-scrim.mk-leaving .mk-box{transition:none}}.mk-head{display:flex;align-items:flex-start;gap:12px;flex:none;padding:18px 16px 4px 24px}.mk-head-main{flex:1;min-width:0;padding-top:3px}.mk-title{font:600 16px/22px var(--font-sf, system-ui, sans-serif);color:var(--mk-text);text-transform:none}.mk-sub{margin-top:2px;font-size:13px;line-height:1.45;color:var(--mk-text-2)}.mk-head>.mk-title{flex:1;min-width:0;padding-top:3px}.mk-head--tabs{padding-bottom:0;flex-wrap:wrap}.mk-head--tabs .mk-tabs{flex-basis:100%;margin:8px 0 0 -8px}.mk-close{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--mk-text-3);cursor:pointer}.mk-close:hover{background:var(--mk-hover);color:var(--mk-text)}.mk-close svg,.mk-close [data-ixo-icon]{width:12px;height:12px}.mk-close:focus{outline:none}.mk-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--mk-accent),0 0 0 5px var(--mk-ring)}.mk-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 24px 8px;display:flex;flex-direction:column;gap:16px}.mk-box.mk-scroll-top .mk-head{box-shadow:0 1px 0 var(--mk-line)}.mk-box.mk-scroll-bottom .mk-foot{box-shadow:0 -1px 0 var(--mk-line)}.mk-field{display:flex;flex-direction:column;gap:6px;min-width:0}.mk-label{font:500 12px/16px var(--font-sf, system-ui, sans-serif);color:var(--mk-text-2);text-transform:none;letter-spacing:0}.mk-hint{font-size:12px;line-height:16px;color:var(--mk-text-3)}.mk-error{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:var(--danger)}.mk-error svg,.mk-error [data-ixo-icon]{flex:none;width:14px;height:14px}.mk-input,.mk-select,.mk-textarea{display:flex;align-items:center;width:100%;height:var(--modal-btn-h);padding:0 10px;border:0;border-radius:8px;background:var(--mk-field);color:var(--mk-text);box-shadow:inset 0 0 0 1px var(--mk-line2);font:400 13px/1 var(--font-sf, system-ui, sans-serif);font-variant-numeric:tabular-nums;outline:none}.mk-input:focus,.mk-select:focus,.mk-textarea:focus,.mk-field-box:focus-within{box-shadow:inset 0 0 0 1px var(--mk-accent),0 0 0 3px var(--mk-ring)}.mk-input::placeholder,.mk-textarea::placeholder{color:var(--mk-text-3)}.mk-input[aria-invalid=true],.mk-select[aria-invalid=true],.mk-textarea[aria-invalid=true],.mk-field.is-error .mk-input{box-shadow:inset 0 0 0 1.5px var(--danger)}.mk-input[aria-invalid=true]:focus,.mk-textarea[aria-invalid=true]:focus{box-shadow:inset 0 0 0 1.5px var(--danger),0 0 0 3px var(--danger-ring)}.mk-input:disabled,.mk-select:disabled,.mk-textarea:disabled{opacity:.55;cursor:not-allowed}.mk-select{appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.mk-field-box{display:flex;align-items:center;height:var(--modal-btn-h);padding:0 10px;border-radius:8px;background:var(--mk-field);box-shadow:inset 0 0 0 1px var(--mk-line2)}.mk-field-box>input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.mk-unit{font-size:12px;color:var(--mk-text-3)}.mk-stepper{display:inline-flex;align-items:center;gap:4px}.mk-stepper>button{width:var(--modal-btn-h);height:var(--modal-btn-h);border:0;border-radius:8px;cursor:pointer;background:var(--mk-raised);color:var(--mk-text-2);box-shadow:inset 0 0 0 1px var(--mk-line2)}.mk-stepper>button:hover{background:var(--mk-hover)}.mk-stepper .mk-input{width:64px;text-align:center}.mk-seg{display:inline-flex;padding:2px;gap:2px;background:var(--mk-well);border-radius:8px;box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-seg>button{height:28px;padding:0 12px;border:0;border-radius:6px;background:transparent;font:500 13px/1 var(--font-sf, system-ui, sans-serif);color:var(--mk-text-2);cursor:pointer}.mk-seg>button[aria-pressed=true],.mk-seg>button[aria-selected=true],.mk-seg>button.is-on{color:var(--mk-text);background:var(--mk-raised);box-shadow:0 0 0 1px var(--mk-line2),0 1px 2px #20203014}.mk-tabs{display:flex;gap:4px;padding:0 8px}.mk-tabs>button{height:32px;padding:0 8px;border:0;background:transparent;cursor:pointer;font:500 13px/1 var(--font-sf, system-ui, sans-serif);color:var(--mk-text-2);box-shadow:inset 0 -2px 0 transparent}.mk-tabs>button[aria-selected=true],.mk-tabs>button.is-on{color:var(--mk-text);box-shadow:inset 0 -2px 0 var(--mk-sel)}.mk-check,.mk-radio{display:flex;align-items:center;gap:8px;min-height:24px;cursor:pointer;color:var(--mk-text)}.mk-check input,.mk-radio input{appearance:none;-webkit-appearance:none;flex:none;width:16px;height:16px;margin:0;background:var(--mk-field);box-shadow:inset 0 0 0 1px var(--mk-line2);cursor:pointer}.mk-check input{border-radius:4px}.mk-radio input{border-radius:50%}.mk-check input:checked,.mk-radio input:checked{background:var(--mk-sel-ink);box-shadow:none}.mk-check input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5'/%3E%3C/svg%3E")}.mk-radio input:checked{background-image:radial-gradient(circle,#fff 0 3px,transparent 3.5px)}.mk-check input:focus-visible,.mk-radio input:focus-visible,.mk-switch input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--mk-ring)}.mk-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.mk-switch input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:28px;height:16px;margin:0;border-radius:8px;background:var(--mk-line2);cursor:pointer;transition:background .12s}.mk-switch input:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .12s}.mk-switch input:checked{background:var(--mk-sel-ink)}.mk-switch input:checked:after{transform:translate(12px)}.mk-radio-row{padding:8px 10px;border-radius:8px}.mk-radio-row:hover{background:var(--mk-hover)}.mk-tile{padding:12px;border:0;border-radius:10px;background:var(--mk-raised);color:var(--mk-text);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--mk-line2)}.mk-tile:hover{background:var(--mk-hover)}.mk-tile[aria-pressed=true],.mk-tile.is-on{background:var(--mk-sel-soft);box-shadow:inset 0 0 0 1px var(--mk-sel-line)}.mk-range-row{display:flex;align-items:center;justify-content:space-between}.mk-range-val{font-variant-numeric:tabular-nums;color:var(--mk-text)}.mk-range{appearance:none;-webkit-appearance:none;width:100%;height:16px;margin:0;background:transparent;cursor:pointer}.mk-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--mk-line2)}.mk-range::-moz-range-track{height:4px;border-radius:2px;background:var(--mk-line2)}.mk-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:0;background:var(--mk-raised);box-shadow:0 0 0 1px var(--mk-line2),0 1px 3px #0003}.mk-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:0;background:var(--mk-raised);box-shadow:0 0 0 1px var(--mk-line2),0 1px 3px #0003}.mk-range:focus{outline:none}.mk-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--mk-line2),0 0 0 3px var(--mk-ring)}.mk-textarea{height:auto;min-height:96px;padding:8px 10px;align-items:flex-start;line-height:1.45;resize:vertical}.mk-counter-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--mk-text-3)}.mk-counter{font-variant-numeric:tabular-nums}.mk-note{padding:10px 12px;border-radius:8px;font-size:12.5px;line-height:1.45;color:var(--mk-text-2);background:var(--mk-well);box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-note--warn{color:var(--mk-text);background:var(--warn-bg);box-shadow:inset 0 0 0 1px var(--warn-bd)}.mk-note--ok{color:var(--mk-text);background:var(--mk-good-bg);box-shadow:inset 0 0 0 1px var(--mk-good-bd)}.mk-value{font-size:13px;color:var(--mk-text-2);font-variant-numeric:tabular-nums}.mk-value b{font-weight:600;color:var(--mk-text)}.mk-foot{display:flex;align-items:center;gap:8px;flex:none;padding:16px 24px 20px}.mk-foot-spacer{flex:1}.mk-foot--stack{flex-direction:column;align-items:stretch}.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--modal-btn-h);padding:0 14px;border:0;border-radius:8px;cursor:pointer;background:var(--mk-raised);color:var(--mk-text);box-shadow:inset 0 0 0 1px var(--mk-line2);font:500 13px/1 var(--font-sf, system-ui, sans-serif);text-transform:none;text-decoration:none}.mk-btn:hover{background:var(--mk-hover)}.mk-btn:focus{outline:none}.mk-btn:focus-visible{box-shadow:inset 0 0 0 1px var(--mk-line2),0 0 0 3px var(--mk-ring)}.mk-btn svg,.mk-btn [data-ixo-icon]{width:16px;height:16px;flex:none}.mk-btn--primary{background:var(--mk-accent-fill);color:#fff;font-weight:600;box-shadow:none}.mk-btn--primary:hover{background:var(--mk-accent-fill);filter:brightness(.93)}.mk-btn--danger{background:transparent;color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.mk-btn--danger:hover{background:var(--danger-ring)}.mk-btn--danger:focus-visible{box-shadow:inset 0 0 0 1px var(--danger),0 0 0 3px var(--danger-ring)}.mk-btn--link{background:transparent;box-shadow:none;color:var(--mk-text-2);padding:0 8px;margin-left:-8px}.mk-btn:disabled{opacity:.5;cursor:not-allowed}.mk-kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;font:500 11px/1 var(--font-mono, ui-monospace, monospace);color:var(--mk-text-2);background:var(--mk-well);box-shadow:inset 0 0 0 1px var(--mk-line2)}.mk-beta{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:9px;font:500 11px/1 var(--font-sf, system-ui, sans-serif);text-transform:none;letter-spacing:0;color:var(--mk-text-2);background:var(--mk-well);box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-skel{display:block;height:12px;border-radius:6px;background:var(--mk-well);animation:mk-skel 1.2s ease-in-out infinite alternate}@keyframes mk-skel{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion: reduce){.mk-skel{animation:none}}
