/* =========================
   Umbreon v2 Layout
========================= */


body {

    background:var(--bg-main);

    color:var(--text-main);

}



.site-layout {

    width:100%;

    max-width:var(--container);

    margin:0 auto;

    padding:30px 24px;

}



.main-content {

    width:100%;

}



/* legacy container override */

.container {

    width:100%;

    max-width:var(--container);

    margin:0 auto;

    padding:30px 24px;

}




/* card system */

.upload-box,
.online-users,
.gallery-grid,
.gallery-item {

    background:var(--bg-card);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    box-shadow:var(--shadow);

}




.upload-box {

    padding:24px;

    margin-bottom:30px;

}




.upload-title {

    font-size:22px;

    font-weight:bold;

    margin-bottom:20px;

}




.online-users {

    padding:20px;

    text-align:center;

    margin:25px 0;

}



.online-users strong {

    display:block;

    font-size:36px;

    color:var(--accent-light);

}




.gallery-grid {

    padding:20px;

}




@media(max-width:768px){

    .site-layout,
    .container {

        padding:15px;

    }


    .upload-box {

        padding:16px;

    }

}