/* Compact visual choices for the three card appearances. */
.inspector #card-style-section>.card-style-menu-body{
  padding:12px 14px 15px!important;
}
.inspector .card-style-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.inspector .card-style-options>button{
  display:flex;
  min-width:0;
  min-height:92px;
  padding:8px 6px 9px;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-radius:8px;
  background:color-mix(in srgb,var(--panel) 88%,var(--panel2));
  color:var(--muted);
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.inspector .card-style-options>button:hover{
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
  color:var(--text);
  transform:translateY(-1px);
}
.inspector .card-style-options>button.active{
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 12%,var(--panel));
  color:var(--text);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent);
}
.inspector .card-style-options strong{
  overflow:hidden;
  max-width:100%;
  font-size:11px;
  font-weight:750;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inspector .card-style-preview{
  position:relative;
  display:block;
  width:54px;
  height:46px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
  border-radius:5px;
  box-shadow:0 3px 8px rgba(40,34,76,.14);
}
.inspector .card-style-preview::before{
  content:"";
  position:absolute;
  top:7px;
  left:7px;
  width:25px;
  height:4px;
  border-radius:2px;
  background:currentColor;
  opacity:.94;
}
.inspector .card-style-preview i{
  position:absolute;
  left:7px;
  right:8px;
  top:20px;
  height:2px;
  border-radius:1px;
  background:currentColor;
  opacity:.48;
}
.inspector .card-style-preview i+ i{top:27px;right:14px}
.inspector .card-style-preview-intel{
  background:linear-gradient(145deg,#20242d,#343847);
  color:#f4c86c;
}
.inspector .card-style-preview-analysis{
  background:linear-gradient(145deg,#325c9f,#5487c9);
  color:#eef7ff;
}
.inspector .card-style-preview-analysis::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.2;
  background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);
  background-size:8px 8px;
}
.inspector .card-style-preview-finding{
  background:linear-gradient(145deg,#fff5e7,#f4dfc2);
  color:#b84f43;
  border-color:#e2b9aa;
}
@media (max-width:1080px){
  .inspector .card-style-options{gap:6px}
  .inspector .card-style-options>button{padding-inline:4px}
}