.thumbnail-demo-capabilities {
  display: grid;
  gap: 7px;
  padding: 14px;
  color: #17345f;
  background: linear-gradient(135deg, #e9f2ff, #f7fbff);
  border: 1px solid #bcd5fa;
  border-radius: 12px;
}

.thumbnail-demo-capabilities strong { font-size: .9rem; }
.thumbnail-demo-capabilities p { margin: 0; color: #526987; font-size: .74rem; line-height: 1.35; }
.thumbnail-demo-capabilities ul { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 0; margin: 0; list-style: none; }
.thumbnail-demo-capabilities li { display: grid; grid-template-columns: 27px 1fr; gap: 5px; align-items: center; font-size: .7rem; font-weight: 700; line-height: 1.2; }
.thumbnail-demo-capabilities li b { display: grid; place-items: center; min-height: 25px; color: #fff; background: #1768e8; border-radius: 6px; }
.thumbnail-editor-tab-copy b { color:#17345f; }
.thumbnail-demo-capabilities details { border-top: 1px solid #c8dcf6; }
.thumbnail-demo-capabilities summary { display: flex; justify-content: space-between; gap: 8px; padding: 9px 0; color: #17345f; cursor: pointer; font-size: .78rem; font-weight: 850; }
.thumbnail-demo-capabilities summary span { color: #1768e8; font-size: .68rem; }
.thumbnail-demo-capabilities details p { padding: 0 0 9px; font-size: .72rem; }
.thumbnail-editor-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.thumbnail-editor-tabs button { min-height: 44px; padding: 5px; color: #315179; background: #fff; border: 1px solid #bdd0e8; border-radius: 7px; font: inherit; font-size: .68rem; font-weight: 850; cursor: pointer; }
.thumbnail-editor-tabs button[aria-pressed="true"] { color: #fff; background: #1768e8; border-color: #1768e8; }
.thumbnail-editor-tab-copy { min-height: 32px; padding: 7px 8px; color: #315179!important; background: rgb(255 255 255 / .65); border-radius: 7px; font-size: .7rem!important; }
.thumbnail-demo-control-panel { display: grid; gap: 13px; }
.thumbnail-demo-control-panel > label { display: grid; gap: 7px; color: #172d4e; font-size: .82rem; font-weight: 850; }
.thumbnail-demo-control-panel input:not([type="range"]), .thumbnail-demo-control-panel select { width: 100%; }
.thumbnail-demo-text-tools { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px; background:#f6f9ff; border:1px solid #c8d9ef; border-radius:10px; }
.thumbnail-demo-text-tools label { display:grid; gap:6px; color:#294264; font-size:.74rem; font-weight:850; }
.thumbnail-demo-text-tools label:has([type="range"]),.thumbnail-demo-text-tools .thumbnail-demo-check { grid-column:1/-1; }
.thumbnail-demo-text-tools .thumbnail-demo-check { display:flex; min-height:40px; align-items:center; gap:8px; }
.thumbnail-demo-copy[data-demo-draggable] { cursor:grab; touch-action:none; }
.thumbnail-demo-copy[data-demo-draggable]:active { cursor:grabbing; }
.thumbnail-demo-copy strong { transform:scale(var(--demo-text-scale,1)); transform-origin:left center; }
.thumbnail-demo-copy.has-outline strong { -webkit-text-stroke:2px #07152f; text-shadow:0 3px 0 #07152f,0 4px 14px #000; }
.thumbnail-demo-stage[data-layout="right-gradient"] .thumbnail-demo-copy strong { transform-origin:right center; }
.thumbnail-demo-stage[data-layout="center-impact"] .thumbnail-demo-copy strong { transform-origin:center; }
.thumbnail-demo-badge { cursor:grab; touch-action:none; }
.thumbnail-demo-capabilities>p:first-of-type { font-size:.78rem; }
.thumbnail-demo-control-panel fieldset { display: grid; gap: 9px; padding: 0; margin: 0; border: 0; }
.thumbnail-demo-range-stack { display: grid; gap: 10px; padding: 12px; background: #f6f9ff; border: 1px solid #c8d9ef; border-radius: 10px; }
.thumbnail-demo-range-stack label { display: grid; grid-template-columns:1fr auto; gap: 5px; color: #294264; font-size: .74rem; font-weight: 850; }
.thumbnail-demo-range-stack input { grid-column: 1 / -1; width: 100%; }
.thumbnail-demo-layer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.thumbnail-demo-layer-actions button { min-height: 44px; color: #174b99; background: #edf5ff; border: 1px solid #abc7f2; border-radius: 9px; font: inherit; font-size: .74rem; font-weight: 850; cursor: pointer; }

.thumbnail-canvas-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  color: #d9e8ff;
  font-size: .68rem;
  font-weight: 800;
}

.thumbnail-canvas-toolbar span { color: #7db5ff; letter-spacing: .09em; }
.thumbnail-canvas-toolbar b, .thumbnail-canvas-toolbar i, .thumbnail-canvas-toolbar em { padding: 4px 7px; border: 1px solid rgb(181 213 255 / .3); border-radius: 999px; font-style: normal; }
.thumbnail-canvas-toolbar em { color: #9cf1cd; }

@media (max-width: 560px) {
  .thumbnail-demo-capabilities ul { grid-template-columns: 1fr; }
  .thumbnail-demo-text-tools { grid-template-columns:1fr; }
  .thumbnail-demo-text-tools label { grid-column:1!important; }
}