:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;--main-color: #f0d9b5;--main-color-lighter: #f5e8d3;--main-color-darker: #ceba9b;--main-color-dimmed: #b39c77;--main-background-color: #222225;--accent-color: #b58863;--accent-background-color: #9c7758;--accent-background-color-dimmed: #685342;--accent-background-color-disabled: #3a332f;--accent-background-color-reddish: #684242;color-scheme:dark;color:var(--main-color);background-color:var(--main-background-color)}*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%}button{color:var(--main-color);border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-variant:small-caps;font-family:inherit;background-color:var(--accent-background-color);cursor:pointer;transition:border-color .25s;display:flex}button:hover{border-color:var(--main-color)}button:disabled{color:#696969;background-color:var(--accent-background-color-disabled)}button:disabled:hover{border:1px solid transparent;cursor:auto}select{color:var(--main-color);background-color:var(--accent-background-color);padding:5px;border:1px solid transparent;border-radius:4px}select:hover{border-color:var(--main-color)}select:disabled{color:#696969;background-color:var(--accent-background-color-disabled)}select:disabled:hover{border:1px solid transparent;cursor:auto}input{border:none;background:red;font-variant:small-caps;padding:4px 6px;border-radius:4px;flex-grow:2;color:var(--main-color);border:1px solid var(--accent-background-color-dimmed);background-color:var(--accent-background-color-disabled)}#root{height:100%;width:100%}.view{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between}.panel{display:flex;flex-direction:column;width:16vw;height:100%;min-width:250px;padding:10px 20px;gap:40px}.module{display:flex;flex-direction:column;gap:5px;width:100%;border-top:1px dotted var(--accent-background-color-dimmed)}.module.scrollable{overflow-y:auto}.module header{height:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;font-size:large;margin-bottom:10px;padding:15px 5px 5px;background:radial-gradient(ellipse at top,var(--accent-background-color-disabled) 0%,transparent 75%)}.module header .icon{height:100%;min-width:20px}.module header .main{display:flex;align-items:center;font-weight:700}.module header .secondary{height:100%;display:flex;align-items:center;font-size:x-small;text-wrap:nowrap;gap:3px}.action{background-color:var(--accent-background-color-dimmed);padding:5px;min-height:30px;min-width:30px;justify-content:center;align-items:center;text-align:center}.action:hover{background-color:var(--accent-background-color)}.module select,.module input{width:100%}.module select.action{cursor:pointer;appearance:none;width:auto}.module .inline{display:flex;flex-direction:row;width:100%;gap:5px;height:30px}.module.centered{flex-grow:1;justify-content:center}.panel .inline button{padding:5px}@media (orientation: portrait){.view{flex-direction:column}.panel{width:100%;padding-left:5px;padding-right:5px}}