.effects-hero{position:relative;overflow:hidden;padding:20px 15px;border:1px solid #31528a;border-radius:14px;background:radial-gradient(ellipse at 25% 0,#2758a766,transparent 70%),#101b2d;margin-bottom:16px}
.effects-hero>span{font-size:30px}.effects-hero h3{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin:8px 0;color:#f2f6ff}.effects-hero p{font-size:11px;color:#a6bbd9;line-height:1.7;margin:0 0 14px}
.effects-hero .chip{background:#2869ee;color:#fff;border-color:#6c9bff;padding:10px 14px}
#celebration-state{display:block;margin-top:12px;font-size:10px;color:#b1bfd3}#celebration-state[data-enabled=true]{color:#9bc3ff}
.effects-section{padding:15px 0;border-top:1px solid #293b59}.effects-section h4{font-size:12px;color:#dce9ff;margin:0 0 8px}.effects-section .field{margin:12px 0}.effects-section .field>span{font-size:11px}.effects-section small{font-size:10px;color:#92a9cb;line-height:1.6}
#celebration-settings .switch-field{margin:0;font-size:11px}#celebration-settings .switch-field input{flex:none}
.effect-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:0;margin:12px 0;padding:0}.effect-palette legend{font-size:11px;color:#c5d8f3;margin-bottom:10px}.effect-palette label{display:grid;position:relative;place-items:center;padding:12px 5px 9px;gap:7px;border:1px solid #344b6b;border-radius:9px;background:#141f32;cursor:pointer;font-size:10px;color:#d7e4f9}.effect-palette label:has(input:checked){background:#1b3765;border-color:#81b0ff;box-shadow:0 0 0 1px #377dff44}.effect-palette input{position:absolute;opacity:0;width:1px;height:1px}.effect-palette label:has(input:focus-visible){outline:2px solid white;outline-offset:3px}.palette-dots{display:flex;gap:3px}.palette-dots i{width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot)}
.effects-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.effects-actions .chip{font-size:10px;padding:9px 10px}#celebration-stop{color:#ffabb8;border-color:#a3466055;background:#ad305018}
.effects-test{display:grid;gap:7px;margin:10px 0}.effects-test button{text-align:left;padding:10px;border:1px solid #324b70;border-radius:8px;background:#172741;color:#c6dcff;font-size:10px;cursor:pointer}.effects-test button:hover{border-color:#81b0ff;background:#213c63}
.effects-note{border-left:2px solid #4677c5;padding:4px 0 4px 10px;font-size:10px!important;color:#9bb2d1;line-height:1.7}
#celebration-status{font-size:11px;line-height:1.7;color:#9fc5ff;min-height:38px}