/* V11 – discreet color picker and live palette preview for P/ HOSTING */
.studio-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 16px}
.studio-color-field{min-width:0;padding:16px;border-radius:15px;border:1px solid rgba(236,243,249,.19);background:rgba(7,23,34,.35)}
.studio-color-field>label{font-size:.9rem;font-weight:650;display:block;margin-bottom:12px}
.studio-color-field small{color:#b5c4cf;font-size:.75rem;display:block;margin-top:10px;line-height:1.45}
.studio-color-controls{display:flex;align-items:center;gap:10px;min-width:0}
.portal-form .studio-color-controls input[type=color]{cursor:pointer;padding:3px;width:54px;min-width:54px;height:50px;min-height:50px;border-radius:11px;overflow:hidden;background:rgba(10,23,32,.7)}
.studio-color-controls input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.studio-color-controls input[type=color]::-webkit-color-swatch{border-radius:7px;border:1px solid rgba(255,255,255,.2)}
.portal-form .studio-color-controls input[type=text]{min-width:0;width:100%;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.03em;font-size:.9rem;padding-inline:10px}
.studio-color-preview{--chosen-bg:#f5f5f2;--chosen-accent:#ffa649;--chosen-text:#283845;max-width:100%;overflow:hidden;border-radius:16px;background:var(--chosen-bg);color:var(--chosen-text);border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 28px rgba(0,0,0,.16);margin-bottom:8px}
.studio-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 18px;font-size:10px;font-weight:800;letter-spacing:.18em;border-bottom:1px solid currentColor;opacity:.7}
.studio-preview-dots{letter-spacing:.12em;font-size:10px}
.studio-preview-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px}
.studio-preview-body strong{font-size:clamp(1.05rem,2.7vw,1.55rem);line-height:1.2;letter-spacing:-.02em}
.studio-preview-body>span:not(.studio-preview-button){font-size:.87rem;opacity:.82}
.studio-preview-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-height:42px;padding:10px 19px;background:var(--chosen-accent);color:var(--chosen-bg);font-size:.85rem;font-weight:750}
.portal-panel .studio-contrast{font-size:.8rem;margin:9px 0 22px;line-height:1.6;color:#c8d6df;min-height:1em}
.portal-panel .studio-contrast.is-warning{color:#ffd39b}
.admin-palette-section{padding:17px 0 11px}
.admin-palette-swatches{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:18px}
.admin-palette-swatch{display:flex;align-items:center;gap:12px;min-width:165px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:13px}
.admin-color-swatch{display:inline-block;width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.35);border-radius:9px}
.admin-palette-swatch span:last-child{display:flex;flex-direction:column;gap:2px}.admin-palette-swatch small{color:#a9b7c0}
@media(max-width:850px){.studio-color-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.studio-color-preview{transition:none}}