.qn-module-picker{width:100%;min-width:0}.qn-picker-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.qn-picker-toolbar strong{color:#fff;font-size:16px}.qn-picker-toolbar p{color:#c9c3c0;margin:5px 0 0;font-size:13px}.qn-picker-swipe-hint{display:none}.qn-picker-navigation{flex-shrink:0;align-items:center;gap:8px;display:flex}.qn-picker-navigation span{text-align:center;color:#d0cbc9;font-variant-numeric:tabular-nums;min-width:48px;font-size:13px}.qn-picker-navigation button{color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff30;border-radius:12px;font-size:22px}.qn-picker-navigation button:disabled{opacity:.3;cursor:default}.qn-picker-navigation button:not(:disabled):hover{background:#fff2}.qn-picker-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.qn-picker-item{background:color-mix(in srgb, var(--module-color) 12%, #1b1721);color:#eee;min-height:64px;font:inherit;text-align:left;cursor:pointer;border:1px solid #ffffff25;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:10px;transition:background .18s,border-color .18s;display:grid;position:relative}.qn-picker-icon{background:color-mix(in srgb, var(--module-color) 40%, #252033);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.qn-picker-icon svg{width:20px;height:20px}.qn-picker-name{font-size:13px;font-weight:750;line-height:1.4}.qn-picker-sub{display:none}.qn-picker-item[aria-pressed=true]{background:color-mix(in srgb, var(--module-color) 65%, #19151d);color:#fff;border-color:#fff;box-shadow:inset 0 0 0 1px #fff}.qn-picker-item:hover{background:color-mix(in srgb, var(--module-color) 45%, #19151d)}.qn-picker-item:focus-visible,.qn-picker-navigation button:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (min-width:1000px){.qn-picker-list{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (max-width:599px){.qn-picker-desktop-hint{display:none}.qn-picker-toolbar .qn-picker-swipe-hint{color:#ffbd8d;font-size:12px;display:block}.qn-picker-toolbar strong{font-size:14px}.qn-picker-navigation{gap:5px}.qn-picker-navigation span{min-width:39px;font-size:12px}.qn-picker-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c77e52 #ffffff10;gap:12px;padding:4px 3px 14px;display:flex;overflow-x:auto}.qn-picker-item{scroll-snap-align:start;background:linear-gradient(135deg, color-mix(in srgb, var(--module-color) 75%, white), var(--module-color));flex-direction:column;flex:0 0 146px;justify-content:flex-start;align-items:flex-start;min-height:148px;padding:14px;display:flex}.qn-picker-icon{background:#ffffff25;width:34px;height:34px}.qn-picker-name{font-size:14px}.qn-picker-sub{color:#ffffffdc;margin-top:auto;font-size:11px;line-height:1.4;display:block}.qn-picker-item[aria-pressed=true]{background:linear-gradient(135deg, color-mix(in srgb, var(--module-color) 75%, white), var(--module-color))}}@media (prefers-reduced-motion:reduce){.qn-picker-item{transition:none}}