*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#222;background:#fff;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{min-height:100dvh}.lyt-dsp-gdr{display:grid;grid-auto-flow:row}.lyt-dsp-gdc{display:grid;grid-auto-flow:column}.lay-zix-100{z-index:100}.lay-dsp-non{display:none}.grd-plc-1-1{grid-area:1/1}.grd-plc-1-2{grid-area:2/12}.grd-gtr-0-1{grid-template-rows:min-content auto}.grd-gtc-1-0{grid-template-columns:auto min-content}.grd-gtr-0-1-0{grid-template-rows:min-content auto min-content}.grd-gda-1-1{grid-area:1/1}.grd-pic{place-items:center}.box-mar-5{margin:5px}.box-mar-0-0-0-5{margin:0 0 0 5px}.box-mar-5-0-0-5{margin:5px 0 0 5px}.box-mar-0-0-5-5{margin:0 0 5px 5px}.box-wth-100pc{width:100%}.box-hgt-100pc{height:100%}.box-hgt-100dvh{height:100dvh}.box-bdr-2-5{border:2px solid #444;border-radius:5px}.box-brb-1-dotted{border-bottom:1px dotted #444}.bgd-bgc-green{background-color:green}.bgd-bgc-blue{background-color:#00f}.bgd-bgc-yellow{background-color:#ff0}.bgd-bgc-cyan{background-color:#0ff}.bgd-bgc-white{background-color:#fff}.bgd-bgc-white-75{background:#ffffffbf}.bgd-bgc-olive{background-color:olive}.bgd-bgc-fuchsia{background-color:#f0f}.typ-fcr-darkgray{color:#444}.app-menu input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.app-menu{display:flex;flex-direction:row;gap:5px;align-items:center}.app-menu label{display:inline-flex;align-items:center;cursor:pointer}.app-menu-item{position:relative;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #555;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s ease}.app-menu-item:before{content:"";width:26px;height:26px;background-color:#444;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:contain;-webkit-mask-size:contain;z-index:2}.app-menu input[type=radio]:checked+.app-menu-item{background:#444;border-color:#444}.app-menu input[type=radio]:checked+.app-menu-item:before{background-color:#fff}.app-icon-bots:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a1 1 0 00-1 1v1H8v2h8V4h-3V3a1 1 0 00-1-1zm7 6H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2zM9 13a1 1 0 110-2 1 1 0 010 2zm6 0a1 1 0 110-2 1 1 0 010 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a1 1 0 00-1 1v1H8v2h8V4h-3V3a1 1 0 00-1-1zm7 6H5a2 2 0 00-2 2v7a2 2 0 002 2h14a2 2 0 002-2v-7a2 2 0 00-2-2zM9 13a1 1 0 110-2 1 1 0 010 2zm6 0a1 1 0 110-2 1 1 0 010 2z'/%3E%3C/svg%3E")}.app-icon-inputs:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 -960 960 960' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 -960 960 960' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E")}.app-icon-outputs:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 -960 960 960' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 -960 960 960' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z'/%3E%3C/svg%3E")}.app-hdr-1{font-family:Roboto Mono,Segoe UI;font-weight:700;font-size:28px}.app-hdr-2{font-family:Roboto Mono,Segoe UI;--font-weight: bold;font-size:18px}