*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,svg{display:block}input,textarea,select,button{font:inherit}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{border:0;padding:0;cursor:pointer;font-size:inherit;font:inherit}button:disabled{opacity:.3}button:disabled>*{opacity:.5}button:disabled{cursor:default}nav ul{list-style:none;padding:0}html,body{padding:0}:root{--nav-width: 70px;--color-accent: rgb(88 102 255);--color-accent: #c07cdc;--color-accent-contrast: #fff;--color-muted: #595959;--color-error: #ff4364;--color-border: rgb(0 0 0 / 15%);--color-border-muted: #eaecf0;--color-ssssss: rgb(236 238 239);--font-size-medium: 1.2em;--font-size-small: .9em;--font-size-xsmall: .8em;--font-weight-medium: 500;--font-weight-bold: 600;--ui-drop-shadow: 0px 1px 3px rgba(16, 24, 40, .1), 0px 1px 2px rgba(16, 24, 40, .06)}@media (prefers-color-scheme: dark){:root{--color-muted: #abadb7;--color-border: rgb(255 255 255 / 15%);--color-border-muted: rgb(255 255 255 / 5%);--color-ssssss: rgb(10 10 12)}}body{--ui-x: #fff;--ui-x-color: #000;--ui-y: #f9fafb;--ui-color: #000;--ui-accent-muted: rgba(88, 102, 255, .25);--debug: rgb(171, 163, 112);--ui-padding-x: 15px;--ui-radius-small: 4px;--ui-radius: 8px;color:var(--ui-color);overflow:hidden}@media (prefers-color-scheme: dark){body{--ui-x: #121316;--ui-x-color: #fff;--ui-y: #000;--ui-color: #fff;--ui-drop-shadow: drop-shadow(0 2px 3px rgba(0, 0, 0, .5))}}h1{font-weight:600;font-size:2em}h2{font-weight:600;font-size:1.3em}small{font-size:var(--font-size-small)}body{font-family:Inter,sans-serif;font-weight:400;font-size:14px}.header{grid-area:header;align-items:center;background:var(--ui-x);padding:var(--ui-padding-x) 0}.header nav{display:flex;justify-content:space-between;align-items:center;height:100%}.header ul{display:flex;align-items:center;flex-direction:column}.header a{align-items:center;display:flex;flex-direction:column;height:var(--nav-width);justify-content:center;width:var(--nav-width)}.header .router-link-active{color:var(--color-accent)}.header svg{font-size:1.5em}form{display:flex;flex-wrap:wrap;gap:30px}input,textarea,select,[contenteditable]{background:none;border-radius:var(--ui-radius);border:1px solid var(--color-border);color:inherit;padding:12px 14px;width:100%}input:focus,textarea:focus,select:focus,[contenteditable]:focus{border-color:var(--color-accent);outline:var(--ui-accent-muted) solid 3px}input[type=checkbox]{width:1.3em;height:1.3em}.ratio-1x1{aspect-ratio:1/1}.ratio-3x2{aspect-ratio:3/2}