.ud-config{
--ud-bg:#0b1220; --ud-panel:#0f172a; --ud-border:#1f2937;
--ud-text:#e5e7eb; --ud-muted:#94a3b8; --ud-primary:#22c55e;
background:var(--ud-bg); color:var(--ud-text);
border:1px solid var(--ud-border); border-radius:12px;
overflow:hidden; display:flex; flex-direction:column; max-height:100%; min-height:0;
}
.ud-config .modal-header{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--ud-border); background:var(--ud-bg); flex:0 0 auto; }
.ud-config .modal-body{ padding:16px; background:var(--ud-panel); overflow:auto; flex:1 1 auto; min-height:0; }
.ud-config .ud-form{ display:grid; gap:12px; }
.ud-config .ud-form label{ color:var(--ud-muted); font-size:.9rem; }
.ud-config .ud-form input[type="text"], .ud-config .ud-form select{ background:#0b1220; color:var(--ud-text); border:1px solid var(--ud-border); border-radius:8px; padding:10px 12px; }
.ud-config #ud-btn-preview{ position:relative; height:120px; background:#0b1220; background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, transparent 0); background-size:12px 12px; border:1px solid var(--ud-border); border-radius:8px; overflow:hidden; }
.ud-config #ud-btn-demo button{ box-shadow:0 12px 36px rgba(0,0,0,.45); }
.ud-config .actions-row{ display:flex; gap:10px; justify-content:flex-end; margin-top:10px; }
.ud-config .btn.btn-primary{ background:var(--ud-primary); color:#fff; border:none; padding:10px 14px; border-radius:8px; cursor:pointer; }
.ud-config .btn.btn-dark{ background:#111827; color:#e5e7eb; border:1px solid var(--ud-border); padding:10px 14px; border-radius:8px; cursor:pointer; }
.ud-config .btn.btn-ghost{ background:transparent; color:#e5e7eb; border:1px solid var(--ud-border); padding:6px 10px; border-radius:8px; cursor:pointer; }

.inline-notice{
display:none; padding:10px 12px; border-radius:8px; border:1px solid #374151;
background:#111827; color:#e5e7eb; font-size:.9rem;
}
.inline-notice[data-type="warning"]{ border-color:#f59e0b33; background:#1f1b14; color:#fbbf24; }
.inline-notice[data-type="error"]{ border-color:#ef444433; background:#1f1414; color:#f87171; }

.color-choices{ display:flex; gap:10px; }
.color-option{
position:relative; display:flex; align-items:center; gap:8px;
background:#0b1220; border:1px solid var(--ud-border); border-radius:8px;
padding:8px 10px; cursor:pointer; user-select:none;
}
.color-swatch{ width:20px; height:20px; border-radius:4px; border:1px solid #00000033; }
.lock-badge{
display:none; font-size:.75rem; color:#fbbf24; background:#111827; border:1px solid #374151;
padding:2px 6px; border-radius:6px;
}
.color-option.locked .lock-badge{ display:inline-block; }
.color-option input[type="radio"]{ accent-color:var(--ud-primary); }

/* Efeitos suaves para o ícone */
.ud-anim-pulse { animation: udPulse 1.6s ease-in-out infinite; }
.ud-anim-vibrate { animation: udVibrate 0.35s linear infinite; }
.ud-anim-bounce { animation: udBounce 1.4s ease-in-out infinite; }
.ud-anim-wiggle { animation: udWiggle 0.9s ease-in-out infinite; }
.ud-anim-float { animation: udFloat 2.2s ease-in-out infinite; }

@keyframes udPulse {
0%,100% { transform: scale(1); }
50% { transform: scale(1.06); }
}
@keyframes udVibrate {
0% { transform: translate(0,0); }
25% { transform: translate(-0.8px, 0.6px); }
50% { transform: translate(0.8px, -0.6px); }
75% { transform: translate(-0.6px, -0.8px); }
100% { transform: translate(0,0); }
}
@keyframes udBounce {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-3px); }
}
@keyframes udWiggle {
0%,100% { transform: rotate(0deg); }
25% { transform: rotate(2.2deg); }
75% { transform: rotate(-2.2deg); }
}
@keyframes udFloat {
0%,100% { transform: translateY(0); }
50% { transform: translateY(-2px); }
}

@media (max-height: 900px) { .modal-content.theme-dark{ max-height: min(88dvh, 640px); } }
@media (max-height: 700px) { .modal-content.theme-dark{ max-height: clamp(360px, 82dvh, 520px); } }
@media (max-width: 600px) { .ud-config{ max-height: 72dvh; } .ud-config .modal-body{ overflow:auto; } }