.op-shader-thumb{display:block;flex-shrink:0;border-radius:4px;background:#ececec center / cover no-repeat;box-shadow:inset 0 0 0 .5px #0000001f}.op-shader-thumb[data-loading]{background-image:linear-gradient(90deg,#eee,#f6f6f6,#eee)}.op-shader-picker{width:360px;max-height:min(620px,calc(100vh - 32px));display:flex;flex-direction:column;padding:0;overflow:hidden}.op-shader-picker-head{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px 6px;font-weight:600;font-size:12px}.op-shader-picker-hint{font-weight:400;font-size:11px;color:#8a8a8a}.op-shader-picker-search{margin:0 10px 6px}.op-shader-picker-list{overflow:auto;padding:0 6px 8px}.op-shader-picker-cat{font-size:11px;color:#8a8a8a;padding:8px 6px 4px}.op-shader-picker-empty{padding:16px;color:#8a8a8a;font-size:12px}.op-shader-row{padding:4px 6px 6px;border-radius:6px}.op-shader-row:hover{background:#00000008}.op-shader-row-name{font-size:12px;margin-bottom:4px}.op-shader-row-presets{display:flex;gap:6px}.op-shader-preset{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px;border:0;border-radius:6px;background:none;font:inherit;font-size:10px;color:#6b6b6b;cursor:pointer;max-width:80px}.op-shader-preset span{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-shader-preset:hover .op-shader-thumb{box-shadow:inset 0 0 0 .5px #0000001f,0 0 0 2px #00000026}.op-shader-preset[data-active] .op-shader-thumb{box-shadow:0 0 0 2px var(--op-accent, #2f4bff)}.op-shader-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0 4px}.op-shader-presets .op-shader-preset{max-width:none;min-width:0}.op-shader-presets .op-shader-thumb{width:100%!important;height:auto!important;aspect-ratio:3 / 2}.op-shader-presets .op-shader-preset span{max-width:100%}.op-shader-row-param{display:grid;grid-template-columns:76px 1fr 64px;gap:8px;align-items:center;min-height:28px}.op-shader-row-param>label,.op-shader-colors-head>label{font-size:11px;color:#6b6b6b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-shader-row-param.is-wide{grid-template-columns:76px 1fr}.op-shader-row-param.is-check{grid-template-columns:1fr}.op-shader-colors{display:flex;flex-direction:column;gap:4px;margin:4px 0}.op-shader-colors-head{display:flex;align-items:center;justify-content:space-between}.op-shader-color{display:grid;grid-template-columns:1fr 24px;gap:6px;align-items:center}.op-shader-image{display:flex;align-items:center;gap:6px;min-width:0}.op-shader-image .op-pbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px}.op-shader-image-thumb{width:28px;height:28px;border-radius:4px;background:#eee center / cover no-repeat;flex-shrink:0}.op-shader-more{border:0;background:none;padding:6px 0 0;font:inherit;font-size:11px;color:#8a8a8a;cursor:pointer;text-align:left}.op-shader-more:hover{color:#333}.op-shader-sec .op-psec-body{display:flex;flex-direction:column;gap:4px}.op-shader-type-btn{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px 0 4px;border-radius:6px;background:#f1f1f1;color:#1c1c1c;font-weight:500}.op-shader-type-btn:hover,.op-shader-type-btn[data-open]{background:#e8e8e8}.op-shader-type-btn .op-shader-thumb{border-radius:4px;flex-shrink:0}.op-shader-type-btn span:not(.op-shader-thumb){flex:1;text-align:left}.op-shader-gallery{display:flex;flex-direction:column;min-height:0;flex:1}.op-shader-linked{margin:0 0 8px;font-size:11px;line-height:1.45;color:var(--panel-text-2, #6b6b6b)}.op-shader-linked b{font-weight:600;color:var(--panel-text, #1c1c1c)}.op-shader-linked-actions{display:flex;gap:6px}.op-pilot-badge{position:relative;display:inline-block;flex-shrink:0}.op-pilot-badge svg{display:block;overflow:visible;filter:grayscale(1);opacity:.38;transform:scale(.94);transition:filter .5s ease,opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.op-pilot-badge[data-on] svg{filter:none;opacity:1;transform:none;animation:op-pilot-earn .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes op-pilot-earn{0%{transform:scale(.94) rotate(0)}45%{transform:scale(1.12) rotate(-8deg)}to{transform:none}}.op-pilot-ribbons{transform-origin:60px 80px}.op-pilot-badge[data-on] .op-pilot-ribbons{animation:op-pilot-sway 3.2s ease-in-out .9s infinite}@keyframes op-pilot-sway{50%{transform:rotate(3deg)}}.op-pilot-shine{opacity:0}.op-pilot-badge[data-on] .op-pilot-shine{animation:op-pilot-shine 3.6s ease-in-out .6s infinite}@keyframes op-pilot-shine{0%,70%,to{opacity:0}80%{opacity:1}}.op-pilot-spark{position:absolute;width:10px;height:10px;opacity:0;background:#ffc94d;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.op-pilot-badge[data-on] .op-pilot-spark{animation:op-pilot-spark 2.4s ease-in-out .4s infinite}@keyframes op-pilot-spark{0%,to{opacity:0;transform:scale(.4) rotate(0)}40%{opacity:1;transform:scale(1.1) rotate(45deg)}}@media(prefers-reduced-motion:reduce){.op-pilot-badge *,.op-pilot-badge svg{animation:none!important}}