@charset "UTF-8";

/* PrompTree Custom Cyber-Dark Studio Styling */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #090c12;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00f2fe;
}

/* Masonry Multi-Column Layout */
.gallery-masonry {
    column-count: 1;
    column-gap: 1.25rem;
}
@media (min-width: 640px) {
    .gallery-masonry { column-count: 2; }
}
@media (min-width: 1024px) {
    .gallery-masonry { column-count: 3; }
}
@media (min-width: 1536px) {
    .gallery-masonry { column-count: 4; }
}
.gallery-masonry > div {
    break-inside: avoid;
    margin-bottom: 1.25rem;
}

/* Standard Grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

/* Standard List */
.gallery-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Completion Badge Neon Borders */
.border-completion-high {
    border-color: #00f2fe !important;
    box-shadow: 0 0 10px rgba(0, 242, 254, 0.15);
}
.border-completion-mid {
    border-color: #f59e0b !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.15);
}
.border-completion-low {
    border-color: #f43f5e !important;
    box-shadow: 0 0 10px rgba(244, 63, 94, 0.15);
}

/* Interactive Node Canvas */
#tree-canvas {
    touch-action: none;
    background-image: radial-gradient(#1f293d 1px, transparent 1px);
    background-size: 24px 24px;
}