@media (min-width: 1024px) {
    #style-toggle {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 4px;
        margin: 8px 0 12px;
        background: #fff;
        border: 1px solid #e5e9ed;
        border-radius: 12px;
        box-shadow: 0 2px 5px rgb(30 48 66 / 4%);
    }
    #style-toggle .view-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 34px;
        padding: 0;
        margin: 0;
        border: 1px solid transparent;
        border-radius: 8px;
        background: transparent;
        color: #73808b;
        box-shadow: none;
        cursor: pointer;
        transition: background .15s, color .15s;
    }
    #style-toggle .view-btn:hover { background: #f4f6f8; color: #273849; }
    #style-toggle .view-btn.active {
        background: var(--color--Theme--Background--Primary-9, #fff1dd);
        color: var(--color--Theme--Icon--Primary-2, #c47d13);
        border-color: var(--color--Theme--Border--Primary-9, #f0d6b0);
    }
    #style-toggle .view-btn:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
    #style-toggle .material-icons {
        display: block;
        width: 20px;
        height: 20px;
        font-size: 0 !important;
        line-height: 0;
        background: currentColor;
        mask: var(--view-icon) center / contain no-repeat;
        -webkit-mask: var(--view-icon) center / contain no-repeat;
        pointer-events: none;
    }
    #style-toggle .view-btn:nth-child(1) { --view-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h5v5H3zm7 0h5v5h-5zm7 0h5v5h-5zM3 10h5v5H3zm7 0h5v5h-5zm7 0h5v5h-5zM3 17h5v5H3zm7 0h5v5h-5zm7 0h5v5h-5z'/%3E%3C/svg%3E"); }
    #style-toggle .view-btn:nth-child(2) { --view-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.3'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.3'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.3'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.3'/%3E%3C/g%3E%3C/svg%3E"); }
    #style-toggle .view-btn:nth-child(3) { --view-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='3' width='18' height='4' rx='1'/%3E%3Crect x='3' y='10' width='18' height='4' rx='1'/%3E%3Crect x='3' y='17' width='18' height='4' rx='1'/%3E%3C/g%3E%3C/svg%3E"); }
}