/*! Copyright Mobkoi 2025 (v5.3.13) */
a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}:root{--input-background-color: light-dark(white, var(--quick-silver));--input-border-color: light-dark(var(--quick-silver), var(--chinese-silver));--input-background-color_disabled: light-dark(var(--white-smoke), var(--light-gray))}input,select{padding:.3em .45em;border:1px solid var(--input-border-color);font-family:inherit;border-radius:inherit}:is(input,select)[readonly]{opacity:.5}select,::picker(select){appearance:base-select}select{--transition: .2s;padding:.2em .5em;border:1px solid var(--input-border-color);border-radius:.2em;transition:var(--transition);background-color:var(--input-background-color)}select::picker(select){border:none;border-end-end-radius:.5em;border-end-start-radius:.5em;opacity:0;transform-origin:top;transition:all var(--transition) allow-discrete;transform:scaleY(.9)}select::picker(select):popover-open{transform:scaleY(1);opacity:1;box-shadow:0 1px 1px #0202030f,0 2px 2px #0202030f,0 4px 4px #0202030f,0 8px 8px #0202030f,0 0 1px #0202031f}select option{padding:.15em .5em}select option:hover{background-color:#ebf1ff}select::picker-icon{color:var(--color-border);transition:var(--transition) rotate}select:open::picker-icon{rotate:180deg}label{display:inline-block;-webkit-user-select:none;user-select:none}label>*{margin-left:.5em;vertical-align:middle}form label,.form-label{display:block;margin-bottom:.4em}.icon{display:inline-block;fill:currentColor;width:16px;height:16px;vertical-align:middle}label>.icon{margin-left:0}button,.button{--color: light-dark(var(--grey), var(--chinese-silver));--background-color: light-dark(var(--quick-silver), var(--davys-grey));--color_selected: light-dark(white, white);--background-color_selected: var(--celtic-blue);display:inline-block;appearance:none;border:none;vertical-align:middle;font-size:.8em;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.4em .5em;border-radius:.25em;text-align:center;color:var(--color);background-color:var(--background-color);overflow:hidden}:is(button,.button):not([disabled]):has(input:focus-visible){outline:medium auto}:is(button,.button):not([disabled]):hover,:is(button,.button):not([disabled]):focus{color:var(--color_selected)}:is(button,.button).transparent{background-color:transparent}:is(button,.button).transparent .label{display:none}:is(button,.button).transparent:not([disabled]):hover,:is(button,.button).transparent:not([disabled]):focus{background-color:var(--background-color)}:is(button,.button):disabled{cursor:not-allowed;--color: light-dark(var(--davys-grey), var(--quick-silver));--color_selected: var(--color)}.toggle,button,.button{display:flex;align-items:center}:is(.toggle,button,.button) .icon+*{margin-left:4px}.toggle{--background-color: light-dark(transparent, transparent)}.toggle input[type=checkbox]{position:absolute;left:-9999px}.toggle:has(input:checked){color:var(--color_selected);background-color:var(--background-color_selected)}:root{--eerie-black: rgb(29, 29, 29);--davys-grey: rgb(86, 86, 86);--gray: rgb(126, 126, 126);--light-gray: rgba(229, 229, 229, .6);--quick-silver: rgb(166, 166, 166);--chinese-silver: rgb(199, 199, 199);--white-smoke: rgb(250, 250, 250);--white_transparent: rgba(255, 255, 255, .87);--celtic-blue: rgb(48, 111, 219);--dark-pastel-purple: rgb(157, 122, 217);--red: rgb(220, 53, 69)}:root{color-scheme:light dark;--color-text: light-dark(var(--eerie-black), --white_transparent);--desk-background-color: light-dark(var(--chinese-silver), var(--davys-grey));--color-border: light-dark(var(--quick-silver), var(--chinese-silver));--color-border_light: light-dark(var(--light-gray), var(--quick-silver));--color-error: var(--red);--color-area_focusable: light-dark(var(--light-gray), var(--davys-grey));--color-area_focused: light-dark(var(--white), var(--chinese-silver));--header-background-color: light-dark(var(--chinese-silver), var(--eerie-black));--pane-background-color: light-dark(var(--chinese-silver), var(--eerie-black));--header-color: light-dark(black, var(--chinese-silver));--color-focus: light-dark(var(--celtic-blue), var(--celtic-blue));--color-link: light-dark(var(--celtic-blue), var(--celtic-blue));--color-link-hover: light-dark(var(--dark-pastel-purple), var(--dark-pastel-purple))}dialog{border:none;overflow-x:auto;overflow-y:auto;padding:0;z-index:10;max-height:100%;max-width:100%;border-radius:.5em;box-shadow:0 1px 1px #0202030f,0 2px 2px #0202030f,0 4px 4px #0202030f,0 8px 8px #0202030f,0 16px 16px #0202030f,0 0 1px #0202031f;opacity:0;transform:scale(.9);transition-property:opacity,transform,overlay,display,width,height,backdrop-filter;transition-duration:.2s;transition-timing-function:ease-out;transition-behavior:allow-discrete;background-color:light-dark(white,var(--desk-background-color))}dialog[open]{opacity:1;transform:scale(1)}dialog.dialog-with-menus{overflow:visible}dialog.dialog-with-menus>.dialog-content{overflow:auto;max-height:calc(100% - var(--header-height))}@starting-style{dialog[open]{opacity:0;transform:scale(.9)}}dialog.movable{--x: 20vw;--y: 20vh;z-index:10;margin:0;position:fixed;top:var(--y);left:var(--x);resize:both}:root{--font: system-ui, Avenir, Helvetica, Arial;--font-size: .8em;font-family:var(--font) sans-serif;font-size:var(--font-size) 1rem;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--header-height: 48px;--footer-height: 32px;--composition-title-max-width: 40em}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}input{background-color:var(--input-background-color)}.composition-title{display:inline-block;text-overflow:ellipsis;overflow:hidden;max-width:var(--composition-title-max-width);white-space:nowrap;vertical-align:middle;font-weight:700;font-size:.9em;padding:.3em}.mbk-tree{--size: 1em;--padding: calc(var(--size) * .75);--item-padding: calc(var(--size) / 3);--color-node: white;--color-node-background: black;--color-hover: blue;--border: 2px solid lightgrey;list-style:none;padding-left:0;margin:0;input{position:absolute;left:-100vw;~ul{display:none}&:checked~ul{display:block}}li{position:relative;padding:0 0 0 var(--size);&:before{position:absolute;top:0;bottom:0;left:calc(var(--size) / 2);display:block;width:0;border-left:var(--border);content:""}&:last-child:before{height:var(--size);bottom:auto}}>li{&:last-child:not(:has(input:checked)):before{display:none}&:last-child{padding-bottom:0}}ul li{padding:0 0 0 var(--size)}.tree_label:has(+ul){font-weight:700;&:before{position:relative;z-index:1;float:left;margin:0 var(--size) 0 calc(-1 * var(--size));width:var(--size);height:var(--size);border-radius:var(--size);content:"📁";text-align:center;line-height:calc(var(--size) * .9)}&:after{border-bottom:0}}}.tree_label:not(:has(+ul)){margin-left:calc(-1 * var(--item-padding));margin-top:calc(-1 * var(--item-padding));padding:.4em .5em;border-radius:var(--item-padding);position:relative;&:before{content:"🖼";margin-right:var(--item-padding);z-index:1}&:after{margin-top:calc(1 * var(--item-padding));margin-left:var(--item-padding)}&:hover{background:#111;color:#fff}}.tree_label{position:relative;display:inline-block;user-select:none;cursor:pointer;padding-bottom:var(--item-padding);&:after{position:absolute;top:0;left:calc(-.5 * var(--size));display:block;height:calc(var(--size) / 2);width:var(--size);border-bottom:var(--border);border-left:var(--border);border-radius:0 0 0 calc(var(--size) / 3);content:""}&:hover{color:var(--color-hover)}}:checked~.tree_label:has(+ul){&:before{content:"📂"}&:after{border-radius:0 calc(var(--size) / 3) 0 0;border-top:var(--border);border-right:var(--border);border-bottom:0;border-left:0;bottom:0;left:calc(-1 * var(--size) / 2);top:calc(var(--size) / 2);height:auto}}
