@supports (-webkit-touch-callout: none){canvas[data-v-8152baf8]{touch-action:none;-webkit-tap-highlight-color:transparent}}.mobile-container[data-v-5d8397b9]{width:100%;height:100vh;overflow:hidden;--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));padding:0;position:relative}.content-layout[data-v-5d8397b9]{height:100%;width:100%;position:relative}.drawing-area[data-v-5d8397b9]{width:100%;height:100%;background-color:var(--pro-ant-color-white)}.floating-status[data-v-5d8397b9]{position:absolute;top:10px;right:10px;z-index:10;border-radius:.5rem;background-color:var(--pro-ant-color-white);padding:.375rem .75rem;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.connection-status[data-v-5d8397b9]{display:flex;align-items:center;gap:.75rem}.status-item[data-v-5d8397b9]{display:flex;align-items:center;font-weight:500;--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.status-item.error[data-v-5d8397b9]{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.status-text[data-v-5d8397b9]{margin-left:.25rem;font-size:.875rem;line-height:1.25rem}.floating-tools[data-v-5d8397b9]{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:10;border-radius:.5rem;background-color:var(--pro-ant-color-white);padding:.5rem .75rem;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);max-width:95%;width:auto}.drawing-tools[data-v-5d8397b9]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.tool-button[data-v-5d8397b9]{display:flex;align-items:center;justify-content:center}.action-button[data-v-5d8397b9]{min-width:70px}@media (orientation: landscape){.floating-status[data-v-5d8397b9]{top:10px;right:10px}.floating-tools[data-v-5d8397b9]{bottom:50%;left:auto;right:10px;transform:translateY(50%);padding:.75rem .5rem}.drawing-tools[data-v-5d8397b9]{flex-direction:column;align-items:stretch;gap:.5rem;min-width:80px}.action-button[data-v-5d8397b9]{margin-top:.25rem;margin-bottom:.25rem;width:100%}}@media (orientation: landscape) and (max-height: 450px){.floating-status[data-v-5d8397b9]{padding:.25rem .5rem}.floating-tools[data-v-5d8397b9]{padding:.375rem}.drawing-tools[data-v-5d8397b9]{gap:.375rem}.tool-button[data-v-5d8397b9],.action-button[data-v-5d8397b9]{font-size:.75rem;line-height:1rem;padding:2px 8px;height:28px}}.error-area[data-v-5d8397b9]{height:100%;display:flex;align-items:center;justify-content:center}.floating-status[data-v-5d8397b9],.floating-tools[data-v-5d8397b9]{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.mobile-container[data-v-5d8397b9]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.floating-tools[data-v-5d8397b9],.floating-status[data-v-5d8397b9]{touch-action:manipulation;-webkit-user-select:none;user-select:none}
