.layout-selector-dropdown{position:relative}.grid-selector-button{color:var(--text-secondary,#787b86);cursor:pointer;background:0 0;border:none;border-radius:4px;outline:none;align-items:center;gap:2px;height:32px;padding:8px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:flex;position:relative}.grid-selector-button:focus{outline:none}.grid-selector-button:hover{background:var(--background-tertiary,#2a2e39);color:var(--text-primary,#d1d4dc)}.grid-selector-button svg{color:currentColor;pointer-events:none;flex-shrink:0}.grid-selector-button svg *{pointer-events:none}.layout-label{color:#787b86;font-size:14px;font-family:var(--font-primary);margin-left:2px}.dropdown-arrow{margin-left:2px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.grid-selector-button:hover .dropdown-arrow:not(.open){transform:translateY(1px)}.layout-dropdown-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.layout-dropdown-menu{opacity:1;z-index:10000;backdrop-filter:none;background:#000;border:1px solid #2a2e39;border-radius:4px;min-width:240px;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000080}.layout-dropdown-header{color:#787b86;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2e39;margin-bottom:6px;padding:8px 12px;font-size:14px;font-weight:600}.layout-dropdown-content{opacity:1;background:#000;padding:6px}.layout-group{margin-bottom:4px}.layout-group:last-child{margin-bottom:0}.layout-row{align-items:center;gap:12px;display:flex}.layout-count-label{color:#d1d4dc;font-size:14px;font-weight:var(--font-weight-medium);text-align:right;min-width:20px}.layout-group-header{display:none}.layout-group-items{flex-wrap:wrap;gap:4px;display:flex}.layout-svg-wrapper{cursor:pointer;width:32px;height:32px;display:inline-block;position:relative}.layout-svg-wrapper svg{transition:opacity .2s;display:block}.layout-svg-wrapper:hover svg{opacity:.8}.layout-svg-wrapper.active svg rect{fill:#d1d4dc}.grid-selector-button svg rect,.layout-svg-wrapper svg rect{fill:#d1d4dc;opacity:1}.layout-dropdown-menu::-webkit-scrollbar{width:8px}.layout-dropdown-menu::-webkit-scrollbar-track{background:#1e222d;border-radius:4px}.layout-dropdown-menu::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.layout-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.layout-tooltip{color:#d1d4dc;white-space:nowrap;pointer-events:none;z-index:1001;opacity:.95;font-size:14px;font-family:var(--font-primary);background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;margin-bottom:8px;padding:6px 10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.layout-tooltip:after{content:"";border-top:5px solid #3a3a3a;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.layout-tooltip:before{content:"";border-top:4px solid #2a2a2a;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%)}.tooltip-wrapper[data-tooltip]:after{content:attr(data-tooltip);color:#d1d4dc;white-space:nowrap;pointer-events:none;z-index:1001;opacity:0;visibility:hidden;font-size:14px;font-family:var(--font-primary);background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;margin-bottom:8px;padding:6px 10px;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.tooltip-wrapper[data-tooltip]:hover:after{opacity:.95;visibility:visible}.tooltip-wrapper[data-tooltip]:before{content:"";opacity:0;visibility:hidden;z-index:1001;border-top:5px solid #3a3a3a;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper[data-tooltip]:hover:before{opacity:1;visibility:visible}