#grid-visual-container {
    width: 160px;
    height: 240px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    background: #ffffff;
    padding: 5px;
    gap: 2px;
    border-radius: 2px;
    border: 2px solid #2c3e50;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.grid-visual-pane {
    display: grid;
    gap: 3px;
    padding: 3px;
    background: #ffffff;
}
.grid-visual-pane + .grid-visual-pane {
    border-top: 2px solid #cccccc;
}
.grid-visual-grid {
    min-height: 16px;
    background: linear-gradient(180deg, #e8f4fc 0%, #d0e8f5 100%);
    border: 1px solid #b0b0b0;
}
/* Slider (horizontal) variant */
#grid-visual-container.grid-visual-horizontal {
    width: 240px;
    height: 160px;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}
#grid-visual-container.grid-visual-horizontal .grid-visual-pane + .grid-visual-pane {
    border-top: none;
    border-left: 2px solid #cccccc;
}
.window-visual-cart {
    margin-top: 12px;
    margin-left: 12px;
    margin-bottom: 10px;
}