:root{color-scheme:dark;background:#05070d}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}body{background:#05070d;-webkit-touch-callout:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.brand-label{position:absolute;top:16px;left:16px;z-index:2;color:#d8d8d8;font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;pointer-events:none}.custom-dimensions-form{position:absolute;top:16px;right:16px;z-index:2;width:min(160px,calc(100vw - 32px));padding:9px;border:1px solid rgba(196,196,196,.62);border-radius:0;background:#000000eb;box-shadow:0 0 0 1px #000000f2,0 20px 52px #00000094,inset 0 0 0 1px #c4c4c41f;color:#d8d8d8;font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:text;-webkit-user-select:text}.custom-dimensions-form__title{display:block;margin:0 0 9px;border-bottom:1px solid rgba(196,196,196,.5);color:#dedede;font-size:12px;letter-spacing:0;padding-bottom:6px;text-transform:uppercase}.custom-dimensions-form__field{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:2px;margin-top:6px}.custom-dimensions-form__field span{color:#c8c8c8;line-height:1.15;text-transform:uppercase}.custom-dimensions-form__field small{color:#d8d8d8;font:inherit;white-space:nowrap}.custom-dimensions-form input{width:100%;min-width:0;height:30px;border:1px solid rgba(196,196,196,.48);border-radius:0;background:#050505;color:#e0e0e0;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;padding:0 8px;box-shadow:inset 0 0 16px #000000b8}.custom-dimensions-form input:focus{border-color:#d8d8d8;box-shadow:0 0 0 1px #d8d8d857,0 0 18px #d8d8d81f,inset 0 0 16px #000000b8}.custom-dimensions-form input::-webkit-outer-spin-button,.custom-dimensions-form input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.custom-dimensions-form input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.custom-dimensions-form button{width:100%;height:32px;margin-top:10px;border:1px solid #cfcfcf;border-radius:0;background:#d8d8d8;color:#000;cursor:pointer;font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;box-shadow:0 0 18px #d8d8d81a}.custom-dimensions-form button:hover{background:#c4c4c4}.custom-dimensions-form__message{margin:0;color:#d8d8d8;font-size:12px}.custom-dimensions-form__message:not(:empty){margin-top:8px}@media (max-width: 520px){.brand-label{top:10px;left:10px;font-size:12px}.custom-dimensions-form{top:10px;right:10px;width:min(158px,calc(100vw - 20px));padding:8px}.custom-dimensions-form__field{grid-template-columns:minmax(0,1fr) 52px}}