@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";body{--size: 10px;--a: #333;--b: #222;background:conic-gradient(var(--a) 25%,var(--b) 0 50%,var(--a) 0 75%,var(--b) 0) 0 0 / calc(var(--size) * 2) calc(var(--size) * 2);color:#fff;height:100dvh;display:grid;place-items:center}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}.elements,.settings{position:fixed;top:50%;left:12px;transform:translateY(-50%);padding:6px;background:#000}.settings{left:unset;right:12px;padding:12px}.elements{width:fit-content;display:flex;flex-direction:column;gap:6px}.elements button{border:none;background:transparent}.elements button:hover{cursor:pointer}.elements button:hover svg{stroke:#17d6f8;transform:scale(1.2);transition:transform .2s linear}.form-field{margin-bottom:8px;display:flex;align-items:center}.form-field label{min-width:100px}.form-field button{margin-right:2px;border:none;min-width:30px;padding:8px;background:#333;color:#fff;cursor:pointer}.active{background:#17d6f8!important;color:#000!important}hr{margin-block:8px;border:none;height:1px;background:#fff}textarea{width:100%;padding:2px;background:transparent;color:#fff;font-size:inherit}input[type=number]{border:1px solid #fff;max-width:60px;padding:8px;background:transparent;color:#fff}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=color]{-webkit-appearance:none;height:25px;width:25px;padding:0;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}#video-control{position:fixed;bottom:12px;left:50%;transform:translate(-50%);padding:3px;background:#000;display:flex;gap:3px}#video-control button{border:none;height:30px;min-width:100px;padding-inline:6px;background:#333;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600;cursor:pointer}#video-control button span{position:fixed;top:-58%;padding:4px;background:red}#video-control button svg{height:15px;width:15px}#video-control button:disabled{cursor:not-allowed}#image-control{position:fixed;top:12px;right:12px;display:flex;gap:6px}#image-control button{border:1px solid #fff;padding:6px;background:transparent;color:#fff;font-weight:600;display:flex;align-items:center;gap:4px;cursor:pointer}#image-control button svg{height:15px;width:15px}#image-control select{padding:8px;background:transparent;color:#fff}#image-control select option{color:#000}header{position:fixed;top:0;left:0;height:8vh;width:100%;padding-inline:12px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;gap:6px}header h1{font-size:24px}footer{position:fixed;right:12px;bottom:12px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px;text-align:center}