/* /Layout/MainLayout.razor.rz.scp.css */
/* App shell layout is defined in wwwroot/css/app.css */
/* Scoped overrides go here if needed */
/* /Layout/MobileHeader.razor.rz.scp.css */
.mobile-header[b-rlicytdfez] {
    display: none;
}

@media (max-width: 767px) {
    .mobile-header[b-rlicytdfez] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 16px 16px 12px 16px;
        border-bottom: 2px solid var(--border-muted);
        background: var(--bg-page);
    }
}

.mobile-header-top[b-rlicytdfez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-left[b-rlicytdfez] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-header-logo[b-rlicytdfez] {
    width: 24px;
    height: 24px;
    border-radius: 0;
}

.mobile-header-title[b-rlicytdfez] {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
}

.mobile-header-top svg[b-rlicytdfez] {
    color: var(--text-secondary);
}

.mobile-header-subtitle[b-rlicytdfez] {
    font-size: 12px;
    color: var(--text-secondary);
    font-family: var(--font-body);
    padding-left: 34px;
}
/* /Layout/MobileTabBar.razor.rz.scp.css */
.mobile-tab-bar[b-77co0t44b9] {
    display: none;
}

@media (max-width: 767px) {
    .mobile-tab-bar[b-77co0t44b9] {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 64px;
        background: var(--bg-card);
        border-top: 2px solid var(--border-muted);
        z-index: 100;
        padding: 0 8px;
        justify-content: space-around;
        align-items: center;
    }
}

[b-77co0t44b9] .tab-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 8px 0;
    text-decoration: none;
    color: var(--text-tertiary);
    font-size: 10px;
    font-family: var(--font-body);
    font-weight: 500;
    min-width: 48px;
}

[b-77co0t44b9] .tab-item.active {
    color: var(--accent-primary);
}

[b-77co0t44b9] .tab-item.active svg {
    stroke: var(--accent-primary);
}

[b-77co0t44b9] .tab-item svg {
    width: 20px;
    height: 20px;
}
/* /Layout/Sidebar.razor.rz.scp.css */
.sidebar[b-45pecpd6cj] {
    width: 240px;
    min-height: 100vh;
    background: var(--bg-card);
    border-right: 2px solid var(--border-heavy);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.sidebar-header[b-45pecpd6cj] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-lg);
    border-bottom: 2px solid var(--border-heavy);
}

.sidebar-logo[b-45pecpd6cj] {
    width: 36px;
    height: 36px;
    border-radius: 0;
}

.sidebar-brand[b-45pecpd6cj] {
    font-family: var(--font-display);
    font-size: var(--text-sm);
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--text-primary);
}

.sidebar-nav[b-45pecpd6cj] {
    flex: 1;
    padding: var(--space-md) var(--space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

[b-45pecpd6cj] .nav-item {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-nav);
    color: var(--text-secondary);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: 500;
    transition: background 0.15s, color 0.15s;
}

[b-45pecpd6cj] .nav-item:hover {
    background: rgba(183, 65, 41, 0.06);
    color: var(--text-primary);
}

[b-45pecpd6cj] .nav-item.active {
    background: var(--accent-primary-20);
    color: var(--accent-primary);
}

[b-45pecpd6cj] .nav-item.active svg {
    stroke: var(--accent-primary);
}

@media (max-width: 767px) {
    .sidebar[b-45pecpd6cj] {
        display: none;
    }
}
/* /Layout/TopBar.razor.rz.scp.css */
.topbar[b-9ddzxf8zne] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);
    border-bottom: 2px solid var(--border-heavy);
}

.topbar-title[b-9ddzxf8zne] {
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.topbar-subtitle[b-9ddzxf8zne] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-top: var(--space-xs);
}

.topbar-right[b-9ddzxf8zne] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

@media (max-width: 767px) {
    .topbar[b-9ddzxf8zne] {
        display: none;
    }
}
/* /Pages/Assets.razor.rz.scp.css */
/* Assets Layout — Nordic Brutalist */
.assets[b-k4tb1bfisa] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Filter Row */
.filter-row[b-k4tb1bfisa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tabs-container[b-k4tb1bfisa] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 4px;
    display: flex;
    gap: 2px;
}

.tab[b-k4tb1bfisa] {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 8px 20px;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
}

.tab--active[b-k4tb1bfisa] {
    background: var(--accent-primary);
    color: var(--text-inverted);
    font-weight: 600;
}

.tab-count[b-k4tb1bfisa] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin-left: 6px;
}

.search-bar[b-k4tb1bfisa] {
    width: 300px;
    height: 40px;
    border-radius: 0;
    border: 2px solid var(--border-muted);
    background: var(--bg-input);
    padding: 0 14px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.search-bar svg[b-k4tb1bfisa] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.search-placeholder[b-k4tb1bfisa] {
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--text-tertiary);
}

/* Asset Grid */
.asset-grid[b-k4tb1bfisa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.asset-tile[b-k4tb1bfisa] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    overflow: hidden;
}

.asset-image[b-k4tb1bfisa] {
    height: 200px;
    width: 100%;
    object-fit: cover;
    display: block;
    background: var(--bg-elevated);
}

.asset-info[b-k4tb1bfisa] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.asset-top-row[b-k4tb1bfisa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.asset-name[b-k4tb1bfisa] {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--text-primary);
}

.asset-desc[b-k4tb1bfisa] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
    line-height: 1.4;
}

/* Badge Variants */
.badge[b-k4tb1bfisa] {
    font-family: var(--font-mono);
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.badge--env[b-k4tb1bfisa] {
    background: rgba(37, 99, 235, 0.125);
    color: #2563EB;
}

.badge--char[b-k4tb1bfisa] {
    background: rgba(124, 58, 237, 0.125);
    color: #7C3AED;
}

.badge--prop[b-k4tb1bfisa] {
    background: rgba(183, 65, 41, 0.125);
    color: var(--accent-primary);
}

@media (max-width: 767px) {
    .filter-row[b-k4tb1bfisa] { flex-direction: column; gap: 12px; align-items: stretch; }
    .tabs-container[b-k4tb1bfisa] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .tab[b-k4tb1bfisa] { padding: 8px 14px; font-size: 12px; white-space: nowrap; }
    .search-bar[b-k4tb1bfisa] { width: 100%; }
    .asset-grid[b-k4tb1bfisa] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .asset-image[b-k4tb1bfisa] { height: 130px; }
    .asset-info[b-k4tb1bfisa] { padding: 12px; gap: 6px; }
    .asset-name[b-k4tb1bfisa] { font-size: 13px; }
    .asset-desc[b-k4tb1bfisa] { font-size: 11px; }
}
/* /Pages/Community.razor.rz.scp.css */
/* Community Layout — Nordic Brutalist */
.community[b-wi2vzw6mwh] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Filter Row */
.filter-row[b-wi2vzw6mwh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tabs-container[b-wi2vzw6mwh] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 4px;
    display: flex;
    gap: 2px;
}

.tab[b-wi2vzw6mwh] {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 8px 20px;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
}

.tab--active[b-wi2vzw6mwh] {
    background: var(--accent-primary);
    color: var(--text-inverted);
    font-weight: 600;
}

.search-bar[b-wi2vzw6mwh] {
    width: 240px;
    height: 40px;
    border-radius: 0;
    border: 2px solid var(--border-muted);
    background: var(--bg-input);
    padding: 0 14px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.search-bar svg[b-wi2vzw6mwh] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.search-placeholder[b-wi2vzw6mwh] {
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--text-tertiary);
}

/* Featured World */
.featured-world[b-wi2vzw6mwh] {
    height: 200px;
    border-radius: 0;
    border: 2px solid var(--border-muted);
    overflow: hidden;
    position: relative;
    background: var(--bg-elevated);
}

.featured-world > img[b-wi2vzw6mwh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-overlay[b-wi2vzw6mwh] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(17, 17, 17, 0.87) 0%, rgba(17, 17, 17, 0.2) 100%);
    display: flex;
    align-items: center;
}

.featured-content[b-wi2vzw6mwh] {
    padding: 28px;
    position: relative;
}

.community-tag[b-wi2vzw6mwh] {
    background: var(--accent-primary);
    border-radius: 0;
    padding: 4px 10px;
    font-size: var(--text-xs);
    font-weight: 600;
    font-family: var(--font-body);
    text-transform: uppercase;
    color: white;
}

.featured-title[b-wi2vzw6mwh] {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font-display);
    color: var(--text-primary);
    margin-top: 12px;
}

.featured-stats[b-wi2vzw6mwh] {
    display: flex;
    gap: 16px;
    margin-top: 8px;
    font-size: 14px;
    font-family: var(--font-body);
    color: var(--text-secondary);
}

/* Worlds Grid */
.worlds-grid[b-wi2vzw6mwh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.world-card[b-wi2vzw6mwh] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    overflow: hidden;
}

.world-image[b-wi2vzw6mwh] {
    height: 140px;
    width: 100%;
    object-fit: cover;
    display: block;
    background: var(--bg-elevated);
}

.world-info[b-wi2vzw6mwh] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.world-name[b-wi2vzw6mwh] {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--text-primary);
}

.world-creator[b-wi2vzw6mwh] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
}

.world-stats[b-wi2vzw6mwh] {
    display: flex;
    gap: 12px;
    margin-top: 4px;
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-secondary);
}

/* Bottom Row */
.bottom-row[b-wi2vzw6mwh] {
    display: flex;
    gap: 20px;
}

/* Creators Section */
.creators-section[b-wi2vzw6mwh] {
    flex: 1;
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 20px;
}

.section-header-row[b-wi2vzw6mwh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.section-title[b-wi2vzw6mwh] {
    font-size: var(--text-xs);
    font-weight: 700;
    font-family: var(--font-display);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.view-all-btn[b-wi2vzw6mwh] {
    background: transparent;
    border: none;
    color: var(--accent-primary);
    font-size: var(--text-sm);
    font-family: var(--font-body);
    cursor: pointer;
}

.creator-row[b-wi2vzw6mwh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 2px solid var(--border-subtle);
}

.creator-row:last-child[b-wi2vzw6mwh] {
    border-bottom: none;
}

.creator-avatar[b-wi2vzw6mwh] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg-elevated);
    flex-shrink: 0;
}

.creator-info[b-wi2vzw6mwh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.creator-name[b-wi2vzw6mwh] {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--text-primary);
}

.creator-stats[b-wi2vzw6mwh] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
}

.rank-badge[b-wi2vzw6mwh] {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-body);
    color: var(--text-secondary);
}

/* Activity Section */
.activity-section[b-wi2vzw6mwh] {
    flex: 1;
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 20px;
}

.activity-section .section-title[b-wi2vzw6mwh] {
    margin-bottom: 16px;
}

.activity-row[b-wi2vzw6mwh] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 2px solid var(--border-subtle);
}

.activity-row:last-child[b-wi2vzw6mwh],
.activity-row--last[b-wi2vzw6mwh] {
    border-bottom: none;
}

.activity-avatar[b-wi2vzw6mwh] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg-elevated);
    flex-shrink: 0;
}

.activity-text[b-wi2vzw6mwh] {
    font-size: 14px;
    font-family: var(--font-body);
    color: var(--text-primary);
    flex: 1;
}

.activity-action[b-wi2vzw6mwh] {
    color: var(--text-secondary);
}

.activity-time[b-wi2vzw6mwh] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-muted);
    margin-left: auto;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .filter-row[b-wi2vzw6mwh] { flex-direction: column; gap: 12px; align-items: stretch; }
    .tabs-container[b-wi2vzw6mwh] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .tab[b-wi2vzw6mwh] { padding: 8px 14px; font-size: 12px; white-space: nowrap; }
    .search-bar[b-wi2vzw6mwh] { width: 100%; }
    .featured-world[b-wi2vzw6mwh] { height: 160px; }
    .featured-content[b-wi2vzw6mwh] { padding: 16px; }
    .featured-title[b-wi2vzw6mwh] { font-size: 18px; margin-top: 8px; }
    .worlds-grid[b-wi2vzw6mwh] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .world-image[b-wi2vzw6mwh] { height: 110px; }
    .world-info[b-wi2vzw6mwh] { padding: 12px; }
    .world-name[b-wi2vzw6mwh] { font-size: 13px; }
    .bottom-row[b-wi2vzw6mwh] { flex-direction: column; }
    .creators-section[b-wi2vzw6mwh] { padding: 16px; }
    .activity-section[b-wi2vzw6mwh] { padding: 16px; }
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* Dashboard Layout — Nordic Brutalist */
.dashboard[b-gnd2o3pqb6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Metrics Row */
.metrics-row[b-gnd2o3pqb6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.metric-card[b-gnd2o3pqb6] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.metric-top[b-gnd2o3pqb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.metric-top svg[b-gnd2o3pqb6] {
    color: var(--text-tertiary);
}

.metric-label[b-gnd2o3pqb6] {
    font-size: var(--text-xs);
    font-family: var(--font-body);
    font-weight: 500;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.metric-value[b-gnd2o3pqb6] {
    font-size: var(--text-3xl);
    font-weight: 800;
    font-family: var(--font-display);
    color: var(--text-primary);
}

.metric-sub[b-gnd2o3pqb6] {
    font-size: 12px;
    font-family: var(--font-mono);
}

.metric-sub--orange[b-gnd2o3pqb6] {
    color: var(--accent-primary);
}

.metric-sub--purple[b-gnd2o3pqb6] {
    color: var(--accent-purple);
}

.metric-sub--muted[b-gnd2o3pqb6] {
    color: var(--text-secondary);
}

/* Section Header */
.section-header[b-gnd2o3pqb6] {
    font-size: var(--text-xs);
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

/* Character Grid */
.character-grid[b-gnd2o3pqb6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.character-card[b-gnd2o3pqb6] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    overflow: hidden;
}

.character-image[b-gnd2o3pqb6] {
    height: 180px;
    width: 100%;
    object-fit: cover;
    display: block;
    background: var(--bg-elevated);
}

.character-info[b-gnd2o3pqb6] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.character-name[b-gnd2o3pqb6] {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--text-primary);
}

.character-meta[b-gnd2o3pqb6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.level-badge[b-gnd2o3pqb6] {
    font-size: var(--text-xs);
    font-family: var(--font-mono);
    color: var(--accent-primary);
    background: var(--accent-primary-20);
    padding: 2px 8px;
    border-radius: 0;
}

.character-type[b-gnd2o3pqb6] {
    font-size: var(--text-sm);
    font-family: var(--font-body);
    color: var(--text-secondary);
}

/* Bottom Row */
.bottom-row[b-gnd2o3pqb6] {
    display: flex;
    gap: 20px;
}

/* Active Worlds */
.active-worlds[b-gnd2o3pqb6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.world-card[b-gnd2o3pqb6] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    padding: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.world-thumbnail[b-gnd2o3pqb6] {
    width: 64px;
    height: 64px;
    border-radius: 0;
    object-fit: cover;
    background: var(--bg-elevated);
    flex-shrink: 0;
}

.world-info[b-gnd2o3pqb6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.world-name[b-gnd2o3pqb6] {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--text-primary);
}

.world-detail[b-gnd2o3pqb6] {
    font-size: var(--text-sm);
    font-family: var(--font-body);
    color: var(--text-tertiary);
}

.world-status[b-gnd2o3pqb6] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.status-dot[b-gnd2o3pqb6] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-dot--live[b-gnd2o3pqb6] {
    background: var(--success);
}

.status-dot--paused[b-gnd2o3pqb6] {
    background: var(--text-muted);
}

.status-label[b-gnd2o3pqb6] {
    font-size: var(--text-xs);
    font-family: var(--font-body);
    color: var(--text-secondary);
}

/* Quick Actions */
.quick-actions[b-gnd2o3pqb6] {
    width: 340px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.action-btn[b-gnd2o3pqb6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0;
    font-family: var(--font-body);
    cursor: pointer;
}

.action-btn--primary[b-gnd2o3pqb6] {
    height: 52px;
    background: var(--accent-primary);
    border: none;
    color: white;
    font-weight: 600;
}

.action-btn--outline[b-gnd2o3pqb6] {
    height: 48px;
    background: transparent;
    border: 2px solid var(--border-muted);
    color: var(--text-primary);
    font-weight: 500;
}

@media (max-width: 767px) {
    .metrics-row[b-gnd2o3pqb6] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .metric-card[b-gnd2o3pqb6] { padding: 16px; gap: 8px; }
    .metric-value[b-gnd2o3pqb6] { font-size: var(--text-2xl); }
    .section-header[b-gnd2o3pqb6] { font-size: var(--text-xs); }
    .character-grid[b-gnd2o3pqb6] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .character-image[b-gnd2o3pqb6] { height: 120px; }
    .character-info[b-gnd2o3pqb6] { padding: 12px; }
    .character-name[b-gnd2o3pqb6] { font-size: 13px; }
    .bottom-row[b-gnd2o3pqb6] { flex-direction: column; }
    .quick-actions[b-gnd2o3pqb6] { width: 100%; }
    .action-btn[b-gnd2o3pqb6] { width: 100%; }
}
/* /Pages/Login.razor.rz.scp.css */
/* Login page — Nordic Brutalist theme */

/* Page layout */
.login-page[b-sq1kkh4434] {
    display: flex;
    min-height: 100vh;
    background: var(--bg-page);
}

/* Hero panel (left column, fills remaining width) */
.hero-panel[b-sq1kkh4434] {
    flex: 1;
    min-height: 100vh;
    background: var(--bg-card);
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 64px;
    justify-content: center;
    align-items: center;
}

.hero-image[b-sq1kkh4434] {
    width: 600px;
    height: 400px;
    object-fit: cover;
    border-radius: 0;
}

.hero-text[b-sq1kkh4434] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.hero-tag[b-sq1kkh4434] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: var(--accent-primary-20);
    border: 2px solid var(--accent-primary);
    border-radius: 0;
}

.hero-tag-text[b-sq1kkh4434] {
    color: var(--accent-primary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: 2px;
}

.hero-title[b-sq1kkh4434] {
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.hero-sub[b-sq1kkh4434] {
    color: var(--text-secondary);
    font-family: var(--font-body);
    font-size: var(--text-lg);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    max-width: 400px;
    margin: 0;
}

/* Auth panel (right column, fixed 520px) */
.auth-panel[b-sq1kkh4434] {
    width: 520px;
    flex-shrink: 0;
    min-height: 100vh;
    background: var(--bg-page);
    border-left: 2px solid var(--border-heavy);
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 64px;
    justify-content: center;
    align-items: center;
}

.auth-logo[b-sq1kkh4434] {
    width: 120px;
    height: 120px;
    border-radius: 0;
    object-fit: contain;
}

.auth-header[b-sq1kkh4434] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.auth-title[b-sq1kkh4434] {
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.auth-sub[b-sq1kkh4434] {
    color: var(--text-secondary);
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: 400;
    text-align: center;
    margin: 0;
}

/* OAuth buttons */
.auth-buttons[b-sq1kkh4434] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 360px;
}

.provider-btn[b-sq1kkh4434] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    gap: 10px;
    padding: 0 16px;
    border-radius: 0;
    border-width: 2px;
    border-style: solid;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
}

.provider-btn:hover[b-sq1kkh4434] {
    opacity: 0.9;
}

.provider-btn--steam[b-sq1kkh4434] {
    background: #4C6B22;
    border-color: #3D3D3D;
    color: #FFFFFF;
}

.provider-btn--google[b-sq1kkh4434] {
    background: #FFFFFF;
    border-color: #3D3D3D;
    color: #3c4043;
}

.provider-btn--apple[b-sq1kkh4434] {
    background: #000000;
    border-color: #3D3D3D;
    color: #FFFFFF;
}

/* Divider */
.auth-divider[b-sq1kkh4434] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 360px;
}

.divider-line[b-sq1kkh4434] {
    flex: 1;
    height: 2px;
    background: var(--border-muted);
}

.divider-text[b-sq1kkh4434] {
    color: var(--text-tertiary);
    font-family: var(--font-body);
    font-size: var(--text-sm);
}

/* Terms text */
.terms-text[b-sq1kkh4434] {
    color: var(--text-muted);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    max-width: 360px;
    margin: 0;
}

@media (max-width: 767px) {
    .login-page[b-sq1kkh4434] { flex-direction: column; }
    .hero-panel[b-sq1kkh4434] { display: none; }
    .auth-panel[b-sq1kkh4434] {
        width: 100%;
        min-height: 100vh;
        padding: 40px 24px;
        border-left: none;
    }
    .auth-logo[b-sq1kkh4434] { width: 80px; height: 80px; }
    .auth-buttons[b-sq1kkh4434] { width: 100%; }
    .auth-divider[b-sq1kkh4434] { width: 100%; }
    .auth-title[b-sq1kkh4434] { font-size: var(--text-xl); }
}
/* /Pages/Settings.razor.rz.scp.css */
/* Settings Layout — Nordic Brutalist */
.settings[b-c37o73uqdp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Section Card */
.settings-section[b-c37o73uqdp] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.settings-section--danger[b-c37o73uqdp] {
    border-color: rgba(239, 68, 68, 0.4);
}

/* Section Header */
.section-header[b-c37o73uqdp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-c37o73uqdp] {
    font-size: var(--text-xs);
    font-weight: 700;
    font-family: var(--font-display);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.section-title--danger[b-c37o73uqdp] {
    color: #EF4444;
}

.edit-btn[b-c37o73uqdp] {
    background: var(--bg-elevated);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 8px 16px;
    color: var(--text-primary);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-sm);
}

/* Avatar — square brutalist */
.avatar[b-c37o73uqdp] {
    width: 72px;
    height: 72px;
    border-radius: 0;
    background: var(--bg-elevated);
}

/* Field Rows */
.field-row[b-c37o73uqdp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field-label[b-c37o73uqdp] {
    font-size: var(--text-xs);
    font-family: var(--font-body);
    font-weight: 500;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.field-value[b-c37o73uqdp] {
    font-size: var(--text-base);
    font-family: var(--font-body);
    color: var(--text-primary);
}

/* Action Rows (Account & Security) */
.action-row[b-c37o73uqdp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 2px solid var(--border-subtle);
}

.action-row:last-child[b-c37o73uqdp] {
    border-bottom: none;
}

.action-left[b-c37o73uqdp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.action-name[b-c37o73uqdp] {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--text-primary);
}

.action-desc[b-c37o73uqdp] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
}

.action-btn[b-c37o73uqdp] {
    background: var(--bg-elevated);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 8px 16px;
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    cursor: pointer;
}

/* Preference Rows */
.pref-row[b-c37o73uqdp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 2px solid var(--border-subtle);
}

.pref-row:last-child[b-c37o73uqdp] {
    border-bottom: none;
}

.pref-left[b-c37o73uqdp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pref-name[b-c37o73uqdp] {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--text-primary);
}

.pref-desc[b-c37o73uqdp] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
}

/* Toggle Switch — SQUARE brutalist (not rounded) */
.toggle[b-c37o73uqdp] {
    width: 44px;
    height: 24px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

.toggle--on[b-c37o73uqdp] {
    background: var(--accent-primary);
}

.toggle--off[b-c37o73uqdp] {
    background: var(--bg-elevated);
    border: 2px solid var(--border-muted);
}

.toggle-circle[b-c37o73uqdp] {
    width: 18px;
    height: 18px;
    border-radius: 0;
    background: var(--text-primary);
    position: absolute;
    top: 3px;
    transition: left 0.2s;
}

.toggle--on .toggle-circle[b-c37o73uqdp] {
    left: 22px;
}

.toggle--off .toggle-circle[b-c37o73uqdp] {
    left: 3px;
}

/* Dropdown Button */
.dropdown-btn[b-c37o73uqdp] {
    background: var(--bg-elevated);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 8px 16px;
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.dropdown-btn svg[b-c37o73uqdp] {
    color: var(--text-secondary);
}

/* Danger Zone */
.danger-row[b-c37o73uqdp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.danger-left[b-c37o73uqdp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.danger-name[b-c37o73uqdp] {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--text-primary);
}

.danger-desc[b-c37o73uqdp] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
    max-width: 400px;
}

.danger-btn[b-c37o73uqdp] {
    background: rgba(239, 68, 68, 0.125);
    color: #EF4444;
    border: none;
    border-radius: 0;
    padding: 8px 16px;
    font-weight: 600;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .settings-section[b-c37o73uqdp] { padding: 16px; gap: 16px; }
    .section-title[b-c37o73uqdp] { font-size: var(--text-xs); }
    .avatar[b-c37o73uqdp] { width: 56px; height: 56px; }
    .danger-row[b-c37o73uqdp] { flex-direction: column; gap: 12px; align-items: flex-start; }
    .danger-desc[b-c37o73uqdp] { max-width: 100%; }
}
/* /Pages/Shop.razor.rz.scp.css */
/* Shop Layout — Nordic Brutalist */
.shop[b-w5rpdi2prn] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Currency Badge */
.currency-badge[b-w5rpdi2prn] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--text-primary);
}

.currency-badge svg[b-w5rpdi2prn] {
    color: var(--accent-primary);
}

.add-coins-btn[b-w5rpdi2prn] {
    background: var(--accent-primary);
    border: none;
    border-radius: 0;
    padding: 8px 14px;
    color: white;
    font-weight: 600;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    cursor: pointer;
}

/* Featured Banner */
.featured-banner[b-w5rpdi2prn] {
    height: 200px;
    border-radius: 0;
    border: 2px solid var(--border-muted);
    overflow: hidden;
    position: relative;
    background: var(--bg-elevated);
}

.featured-banner > img[b-w5rpdi2prn] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-overlay[b-w5rpdi2prn] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(17, 17, 17, 0.87) 0%, rgba(17, 17, 17, 0.2) 100%);
    display: flex;
    align-items: center;
}

.featured-content[b-w5rpdi2prn] {
    padding: 28px;
}

.featured-tag[b-w5rpdi2prn] {
    background: var(--accent-primary);
    border-radius: 0;
    padding: 4px 10px;
    font-size: var(--text-xs);
    font-weight: 600;
    font-family: var(--font-body);
    text-transform: uppercase;
    color: white;
}

.featured-title[b-w5rpdi2prn] {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font-display);
    color: var(--text-primary);
    margin-top: 12px;
}

.featured-desc[b-w5rpdi2prn] {
    font-size: 14px;
    font-family: var(--font-body);
    color: var(--text-secondary);
    margin-top: 4px;
}

.featured-actions[b-w5rpdi2prn] {
    margin-top: 16px;
    display: flex;
    gap: 10px;
}

.featured-btn[b-w5rpdi2prn] {
    border-radius: 0;
    padding: 10px 20px;
    font-family: var(--font-body);
    font-size: 14px;
    cursor: pointer;
}

.featured-btn--primary[b-w5rpdi2prn] {
    background: var(--accent-primary);
    border: none;
    color: white;
    font-weight: 600;
}

.featured-btn--secondary[b-w5rpdi2prn] {
    background: transparent;
    border: 2px solid var(--border-muted);
    color: var(--text-primary);
}

/* Filter Row */
.filter-row[b-w5rpdi2prn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tabs-container[b-w5rpdi2prn] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 4px;
    display: flex;
    gap: 2px;
}

.tab[b-w5rpdi2prn] {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 8px 20px;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    cursor: pointer;
}

.tab--active[b-w5rpdi2prn] {
    background: var(--accent-primary);
    color: var(--text-inverted);
    font-weight: 600;
}

.tab-count[b-w5rpdi2prn] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    margin-left: 6px;
}

.search-bar[b-w5rpdi2prn] {
    width: 300px;
    height: 40px;
    border-radius: 0;
    border: 2px solid var(--border-muted);
    background: var(--bg-input);
    padding: 0 14px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.search-bar svg[b-w5rpdi2prn] {
    color: var(--text-tertiary);
    flex-shrink: 0;
}

.search-placeholder[b-w5rpdi2prn] {
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--text-tertiary);
}

/* Item Grid */
.item-grid[b-w5rpdi2prn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.item-card[b-w5rpdi2prn] {
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    overflow: hidden;
}

.item-image[b-w5rpdi2prn] {
    height: 180px;
    width: 100%;
    object-fit: cover;
    display: block;
    background: var(--bg-elevated);
}

.item-info[b-w5rpdi2prn] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.item-top-row[b-w5rpdi2prn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-name[b-w5rpdi2prn] {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--font-display);
    color: var(--text-primary);
}

.item-desc[b-w5rpdi2prn] {
    font-size: 12px;
    font-family: var(--font-body);
    color: var(--text-tertiary);
    line-height: 1.4;
}

.price-row[b-w5rpdi2prn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
}

.price[b-w5rpdi2prn] {
    font-family: var(--font-mono);
    font-size: 14px;
    color: var(--text-primary);
}

.buy-btn[b-w5rpdi2prn] {
    background: var(--accent-primary);
    border: none;
    border-radius: 0;
    padding: 6px 14px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    font-family: var(--font-body);
    cursor: pointer;
}

/* Badge Variants */
.badge[b-w5rpdi2prn] {
    font-family: var(--font-mono);
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.badge--env[b-w5rpdi2prn] {
    background: rgba(37, 99, 235, 0.125);
    color: #2563EB;
}

.badge--char[b-w5rpdi2prn] {
    background: rgba(124, 58, 237, 0.125);
    color: #7C3AED;
}

.badge--prop[b-w5rpdi2prn] {
    background: rgba(183, 65, 41, 0.125);
    color: var(--accent-primary);
}

.badge--bundle[b-w5rpdi2prn] {
    background: rgba(107, 142, 94, 0.125);
    color: var(--accent-green);
}

@media (max-width: 767px) {
    .featured-banner[b-w5rpdi2prn] { height: 160px; }
    .featured-content[b-w5rpdi2prn] { padding: 16px; }
    .featured-title[b-w5rpdi2prn] { font-size: 18px; margin-top: 8px; }
    .featured-desc[b-w5rpdi2prn] { font-size: 12px; }
    .featured-actions[b-w5rpdi2prn] { margin-top: 12px; }
    .featured-btn[b-w5rpdi2prn] { padding: 8px 14px; font-size: 12px; }
    .filter-row[b-w5rpdi2prn] { flex-direction: column; gap: 12px; align-items: stretch; }
    .tabs-container[b-w5rpdi2prn] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .tab[b-w5rpdi2prn] { padding: 8px 14px; font-size: 12px; white-space: nowrap; }
    .search-bar[b-w5rpdi2prn] { width: 100%; }
    .item-grid[b-w5rpdi2prn] { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .item-image[b-w5rpdi2prn] { height: 130px; }
    .item-info[b-w5rpdi2prn] { padding: 12px; gap: 6px; }
    .item-name[b-w5rpdi2prn] { font-size: 13px; }
    .item-desc[b-w5rpdi2prn] { font-size: 11px; }
}
/* /Pages/Worlds.razor.rz.scp.css */
/* Worlds Layout — Nordic Brutalist */
.worlds[b-9gkvne6tjr] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Steps Indicator */
.steps-indicator[b-9gkvne6tjr] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0 var(--space-lg);
}

.step[b-9gkvne6tjr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.step-circle[b-9gkvne6tjr] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    font-family: var(--font-body);
    font-weight: 600;
    background: var(--bg-elevated);
    color: var(--text-secondary);
}

.step-circle--active[b-9gkvne6tjr] {
    background: var(--accent-primary);
    color: white;
}

.step-label[b-9gkvne6tjr] {
    font-size: var(--text-sm);
    font-family: var(--font-body);
    font-weight: 500;
    color: var(--text-secondary);
}

.step-label--active[b-9gkvne6tjr] {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--text-primary);
}

.step-line[b-9gkvne6tjr] {
    height: 2px;
    flex: 1;
    background: var(--border-muted);
    margin: 0 12px;
}

/* Builder Content */
.builder-content[b-9gkvne6tjr] {
    display: flex;
    gap: 24px;
    flex: 1;
}

/* Environment Preview */
.env-preview[b-9gkvne6tjr] {
    flex: 1;
    min-height: 400px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.env-image[b-9gkvne6tjr] {
    width: 100%;
    height: 100%;
    min-height: 400px;
    object-fit: cover;
    display: block;
    background: var(--bg-elevated);
}

.env-overlay[b-9gkvne6tjr] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(transparent, rgba(17, 17, 17, 0.9));
}

.env-name[b-9gkvne6tjr] {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--font-display);
    color: var(--text-primary);
}

/* Selection Panel */
.selection-panel[b-9gkvne6tjr] {
    width: 380px;
    background: var(--bg-card);
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.panel-section[b-9gkvne6tjr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.panel-header[b-9gkvne6tjr] {
    font-size: var(--text-xs);
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 4px;
}

.panel-divider[b-9gkvne6tjr] {
    height: 2px;
    background: var(--border-subtle);
}

.option-row[b-9gkvne6tjr] {
    padding: 10px;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    gap: 12px;
    align-items: center;
}

.option-row:hover[b-9gkvne6tjr] {
    background: var(--bg-elevated);
}

.option-row--selected[b-9gkvne6tjr] {
    background: var(--bg-elevated);
    border: 2px solid var(--accent-primary);
}

.option-thumb[b-9gkvne6tjr] {
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: var(--bg-elevated);
    flex-shrink: 0;
}

.option-row--selected .option-thumb[b-9gkvne6tjr] {
    background: var(--bg-card);
}

.option-name[b-9gkvne6tjr] {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-body);
    color: var(--text-primary);
}

/* TopBar Buttons */
.cancel-btn[b-9gkvne6tjr] {
    background: transparent;
    border: 2px solid var(--border-muted);
    border-radius: 0;
    padding: 8px 16px;
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    cursor: pointer;
}

.simulate-btn[b-9gkvne6tjr] {
    background: var(--accent-primary);
    border: none;
    border-radius: 0;
    padding: 8px 16px;
    color: white;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--text-sm);
    cursor: pointer;
}

@media (max-width: 767px) {
    .steps-indicator[b-9gkvne6tjr] { padding: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .step-label[b-9gkvne6tjr] { font-size: 11px; }
    .step-line[b-9gkvne6tjr] { margin: 0 6px; min-width: 16px; }
    .builder-content[b-9gkvne6tjr] { flex-direction: column; }
    .env-preview[b-9gkvne6tjr] { min-height: 200px; }
    .env-image[b-9gkvne6tjr] { min-height: 200px; }
    .selection-panel[b-9gkvne6tjr] { width: 100%; padding: 16px; }
    .cancel-btn[b-9gkvne6tjr] { padding: 6px 12px; font-size: 12px; }
    .simulate-btn[b-9gkvne6tjr] { padding: 6px 12px; font-size: 12px; }
}