/* ArtPlace Visualizer — style.css */

/* Container reset — prevents WordPress theme interference */
.artplace-visualizer-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    /* Isolate from theme styles */
    font-family: 'Futura','Century Gothic','Trebuchet MS',Georgia,serif;
    line-height: 1;
}

/* Remove common theme resets that break the app */
.artplace-visualizer-wrap *,
.artplace-visualizer-wrap *::before,
.artplace-visualizer-wrap *::after {
    box-sizing: border-box;
}

.artplace-visualizer-wrap button {
    font-family: 'Futura','Century Gothic','Trebuchet MS',monospace;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

.artplace-visualizer-wrap input[type="range"] {
    width: 100%;
    margin: 0;
    padding: 0;
}

.artplace-visualizer-wrap input[type="file"] {
    display: none;
}

.artplace-visualizer-wrap img {
    max-width: none; /* prevent WP themes capping images at 100% inside the scene */
}

/* Loading state placeholder */
.artplace-visualizer-wrap:empty::after {
    content: 'Loading ArtPlace Visualizer…';
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #666;
    font-family: sans-serif;
    font-size: 14px;
}

/* Gutenberg block: keep contained */
.wp-block-shortcode .artplace-visualizer-wrap,
.entry-content .artplace-visualizer-wrap {
    max-width: 100%;
}

/* Keep contained inside column blocks */
.wp-block-column .artplace-visualizer-wrap {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

/* Admin settings page tweaks */
.artplace-admin-shortcode-box {
    background: #f8f9fa;
    border-left: 4px solid #FE5000;
    padding: 12px 16px;
    margin: 16px 0;
    font-family: monospace;
    font-size: 13px;
}