/**
 * Dogo Stroke Component Styles
 * Interactive vector editor canvas
 */

.dogo-stroke {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 24;
    width: 100%;
    height: 100dvh;
    pointer-events: none;
}

/* Paper.js Canvas - pointer-events controlled by JS */
#dogo-canvas {
    display: block;
    width: 100%;
    height: 100dvh;
    pointer-events: none;
}

/* Hidden SVG source */
.dogo-source {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

/* Fallback for original SVG (if needed) */
.dogo-stroke .dogo {
    width: 100%;
    height: auto;
}

/* Touch devices - larger hit areas */
@media (hover: none) and (pointer: coarse) {
    #dogo-canvas {
        touch-action: none;
    }
}