/* MODALS & CANVAS */
.taa-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.75); z-index: 99999; display: flex;
    justify-content: center; align-items: center; backdrop-filter: blur(3px);
}
.taa-modal-content {
    background: #fff; width: 95%; max-width: 1000px; border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3); overflow: hidden;
    display: flex; flex-direction: column; max-height: 90vh; transition: all 0.3s ease;
}
.taa-modal-content.fullscreen {
    width: 100%; height: 100%; max-width: none; max-height: none;
    border-radius: 0; top: 0; left: 0;
}
.taa-modal-header {
    padding: 10px 15px; border-bottom: 1px solid #eee; display: flex;
    justify-content: space-between; align-items: center; background: #f8f9fa;
}
.taa-modal-close {
    background: none; border: none; font-size: 24px; cursor: pointer; color: #888;
}
.taa-modal-body {
    padding: 10px; overflow-y: auto; overflow-x: auto;
    display: flex; flex-direction: column; gap: 10px; flex-grow: 1; background: #f4f4f4;
}
.taa-modal-footer {
    padding: 10px 15px; border-top: 1px solid #eee; text-align: right; background: #fff;
}

/* Info Bar */
.taa-modal-info-bar {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 5px; background: #fff; padding: 8px; border-radius: 4px;
    border: 1px solid #ddd; text-align: center;
}
.taa-info-item { display: flex; flex-direction: column; }
.taa-info-item .label { font-size: 10px; color: #888; font-weight: bold; }
.taa-info-item .val { font-size: 13px; font-weight: bold; color: #333; }

/* NEW EDITOR CONTAINER STYLE */
#taa-editor-holder {
    width: 100%;
    height: 450px;
    background: #e0e0e0;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
/* =========================================
   7. VIEWER JS OVERRIDES (Force Drag Hand)
   ========================================= */

/* Force the Grab Hand Cursor on the Viewer Canvas */
.taa-native-viewer .viewer-canvas {
    cursor: grab !important; 
    cursor: -webkit-grab !important;
    touch-action: pan-x pan-y !important; /* Allow drag, block pinch */
}

/* When actively dragging */
.taa-native-viewer .viewer-canvas.viewer-move {
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
}

/* Ensure image doesn't capture touch events in a way that blocks dragging */
.taa-native-viewer .viewer-canvas img {
    pointer-events: none; 
}

/* Fix Z-Index to ensure it sits above everything */
.viewer-container {
    z-index: 999999 !important;
}