#al31hub .ml36-top{display:flex!important;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding:12px 0 20px;scrollbar-width:thin}#al31hub .ml36-top>.al32-rank{flex:0 0 220px;display:flex;flex-direction:column;align-items:stretch;position:relative;scroll-snap-align:start;padding:0;overflow:hidden;background:var(--al33-surface)}#al31hub .ml36-top .al32-rank-cover{width:100%;height:260px}#al31hub .ml36-top .al31-cover,#al31hub .ml36-top img{width:100%;height:100%;object-fit:cover}#al31hub .ml36-top .al32-rank-number{position:absolute;z-index:1;top:10px;left:10px;background:var(--al33-accent);color:var(--al33-on-accent);font-size:20px;border-radius:8px;padding:5px 10px}#al31hub .ml36-top .al32-rank>div{padding:15px}#al31hub .ml36-top .al32-rank>b{padding:0 15px 15px;color:var(--al33-accent)}.ml36-controls{display:flex;justify-content:flex-end;gap:8px}.ml36-controls button{min-width:44px;min-height:44px;border:1px solid var(--al33-line);border-radius:10px;background:var(--al33-surface);color:var(--al33-text);cursor:pointer}#appearance36{background:#17191f;color:#f8f8fa;border:1px solid #343741;border-radius:24px;padding:28px;width:min(520px,calc(100% - 32px));box-sizing:border-box}#appearance36::backdrop{background:#000a}#appearance36 header{display:flex;align-items:center;justify-content:space-between}#appearance36 p{color:#b9bbc5}#appearance36 button{min-height:46px;background:#101116;color:#f8f8fa;border:1px solid #454752;border-radius:12px;padding:12px;cursor:pointer}#appearance36 label{display:flex;align-items:center;justify-content:space-between;margin:24px 0}#appearance36 .ml36-swatches{display:grid;grid-template-columns:1fr 1fr;gap:12px}#appearance36 [data-color]{border-left:7px solid var(--swatch)}#appearance36 [aria-pressed=true]{outline:2px solid var(--swatch);outline-offset:2px}@media(max-width:700px){#al31hub .ml36-top>.al32-rank{flex-basis:160px}#al31hub .ml36-top .al32-rank-cover{height:215px}}