/* V11.36.17 — roda de cores interativa + gradientes inteligentes */
.harmony-wheel{width:220px!important;height:220px!important;cursor:crosshair;touch-action:none;background:conic-gradient(from 0deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;box-shadow:0 12px 30px #0f172a1f!important;overflow:hidden}
.harmony-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.78) 22%,rgba(255,255,255,.25) 55%,rgba(255,255,255,0) 76%);pointer-events:none}
.harmony-wheel:after{content:"Arraste para escolher a cor base";position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:#fffE;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;color:#334155;z-index:2;pointer-events:none}
.harmony-wheel span{display:none!important}.harmony-wheel i{width:20px!important;height:20px!important;margin:0!important;transition:left .12s ease,top .12s ease,background .12s ease;pointer-events:none}
.gradient-studio{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 4%,#fff),#fff)}
.gradient-studio-head,.gradient-card-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.gradient-studio-head h3{margin:2px 0 4px}.gradient-studio-head p{margin:0;color:var(--muted)}.gradient-studio-head>.material-symbols-outlined{font-size:30px;color:var(--brand)}
.gradient-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.gradient-editor-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.gradient-preview{height:84px;border-radius:14px;border:1px solid #ffffff88;box-shadow:inset 0 0 0 1px #0f172a0d,0 8px 18px #0f172a0d;margin-bottom:12px}.gradient-card-title{margin-bottom:12px}.btn-mini{padding:7px 10px;font-size:12px}.gradient-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gradient-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.gradient-options label,.gradient-stops label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.gradient-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.gradient-stops output{float:right;color:var(--ink)}.gradient-stops input[type=range]{width:100%;accent-color:var(--brand)}
@media(max-width:980px){.gradient-editor-grid{grid-template-columns:1fr}.harmony-wheel{width:190px!important;height:190px!important}}@media(max-width:650px){.gradient-colors,.gradient-options,.gradient-stops{grid-template-columns:1fr}.harmony-wheel{width:170px!important;height:170px!important}}