body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0;color:#000000}.assets-page-container{max-width:1300px;margin:40px auto;padding:0 30px}.assets-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.page-title{font-size:34px;font-weight:bold;margin:0}.filters-panel{display:flex;align-items:center;gap:25px}.control-group{display:flex;align-items:center;gap:8px;font-size:14px}.styled-dropdown{padding:6px 12px;border:1px solid #ccc;background-color:#ffffff;font-size:14px;cursor:pointer;outline:none;border-radius:2px}.styled-search-bar{padding:6px 8px;border:1px solid #ccc;width:260px;background-color:#ffffff;font-size:14px;outline:none;box-shadow:inset 1px 1px 2px rgba(0,0,0,.05)}.assets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px 20px;width:100%}.asset-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.asset-image-frame{background-color:#ffffff;border:1px solid #b5b5b5;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;margin-bottom:8px;overflow:hidden;transition:transform .1s ease}.asset-card:hover .asset-image-frame{transform:translateY(-2px);border-color:#777}.asset-image-frame img{width:90%;height:90%;object-fit:contain;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.asset-label-name{font-size:14px;margin:0 0 2px 0;color:#000000;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-label-uploader{font-size:12px;color:#666666;margin:0}.pagination-footer{display:flex;justify-content:center;align-items:center;width:100%;padding:50px 0}.grey-button-gradient{background:linear-gradient(to bottom,#ffffff 0%,#eaeaea 40%,#cccccc 100%);border:2px solid #555555;color:#333333;padding:10px 45px;font-size:16px;font-weight:bold;cursor:pointer;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);outline:none}.grey-button-gradient:hover{background:linear-gradient(to bottom,#eaeaea 0%,#cccccc 100%)}.grey-button-gradient:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}@media (max-width:1024px){.assets-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.assets-grid{grid-template-columns:repeat(2,1fr)}.assets-top-bar{flex-direction:column;align-items:flex-start;gap:15px}}.action-btn.primary{background:linear-gradient(to bottom,#999 0%,#0088ff 50%,#00b7ff 51%,#00aaff 100%);border:1px solid #222;color:white;border-radius:4px;padding:2px 10px;cursor:pointer;font-size:10px;font-weight:bold;text-transform:uppercase;box-shadow:inset 0 1px 0 rgb(0,183,255);transition:opacity .2s;height:fit-content;display:inline-flex;align-items:center;justify-content:center}.action-btn.primary:hover{opacity:.9}