.theme-cog-icon{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:1040;background:#fff;border:1px solid #dee2e6;border-right:none;padding:15px;border-radius:12px 0 0 12px;cursor:pointer;box-shadow:-4px 0 15px rgba(0,0,0,0.1);transition:all .4s cubic-bezier(.4, 0, .2, 1)}.theme-cog-icon i{color:black;font-size:1.5rem;animation:fa-spin 8s linear infinite}body.offcanvas-is-open .theme-cog-icon{opacity:0;right:-60px;pointer-events:none}.offcanvas-end{width:340px !important;border:none;box-shadow:-10px 0 30px rgba(0,0,0,0.15);background:#fff}.theme-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.theme-item{cursor:pointer;border-radius:4px;overflow:hidden;position:relative;aspect-ratio:1.5;filter:grayscale(1);transition:.3s}.theme-item.active,.theme-item:hover{filter:grayscale(0)}.theme-label{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;font-size:10px;text-align:center;padding:2px 0;text-transform:uppercase}.color-mixer-area{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 0}#honeycomb{display:flex;flex-direction:column;align-items:center}.hex-row{display:flex;justify-content:center;margin-top:-5px}.hex-cell{width:18px;height:22px;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);cursor:pointer;transition:transform .1s;margin:0 1px}.hex-cell:hover{transform:scale(1.3);z-index:10}.luminance-column{display:flex;flex-direction:column;gap:2px}.lum-cell{width:18px;height:22px;border-radius:2px;cursor:pointer;border:1px solid rgba(0,0,0,0.05)}.hex-info{background-color:var(--primary-color);color:var(--primary-contrast-color);padding:10px;text-align:center;border-radius:4px;font-family:monospace;font-weight:bold;margin-top:15px;text-transform:uppercase}.toggle-section{display:block;text-align:center;color:#bbb;font-size:11px;text-decoration:none;margin-top:25px;text-transform:uppercase;letter-spacing:1px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-item{cursor:pointer}.filter-preview{padding:15px 5px;border:1px solid #ddd;border-radius:8px;text-align:center;font-size:11px;transition:all .2s;background:#f9f9f9}.filter-item input:checked+.filter-preview{border-color:#000;background:#eee;font-weight:bold}