/* Media controls have their own compact dimensions; general form rules must not resize the range. */
html body.gm-refined.gm-media-open {overflow:hidden!important}
html:has(body.gm-media-open) {overflow:hidden!important;scrollbar-gutter:stable}
html body.gm-refined .doc-lightbox .doc-lb-bar {
 display:grid;grid-template-columns:38px minmax(70px,220px) 38px 56px 48px 38px;
 align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:12px 20px;
 background:var(--ui-surface);border-bottom:1px solid var(--ui-border);box-shadow:0 8px 24px #0003;
 font-family:var(--ui-body);box-sizing:border-box;
}
html body.gm-refined .doc-lightbox .doc-lb-btn {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:100%;height:38px;min-width:0;min-height:38px;padding:0;margin:0;
 border:1px solid var(--ui-border-strong);border-radius:var(--gm-radius,3px);
 background:var(--ui-surface-2);color:var(--ui-text);font:700 15px/1 var(--ui-body);
 box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s;
}
html body.gm-refined .doc-lightbox .doc-lb-btn:hover {background:color-mix(in srgb,var(--ui-red) 10%,var(--ui-surface));border-color:var(--ui-red)}
html body.gm-refined .doc-lightbox .ss-lb-close {position:static;top:auto;right:auto;font-size:13px}
html body.gm-refined .doc-lightbox input[type=range].doc-lb-range {
 appearance:none;-webkit-appearance:none;display:block;align-self:center;box-sizing:border-box;
 width:100%;height:6px;min-height:6px;max-height:6px;padding:0;margin:0;border:0;border-radius:999px;
 background:linear-gradient(to right,var(--ui-red) 0%,var(--ui-red) var(--lb-progress,0%),var(--ui-border-strong) var(--lb-progress,0%),var(--ui-border-strong) 100%);
 box-shadow:none;cursor:pointer;touch-action:pan-y;
}
html body.gm-refined .doc-lightbox .doc-lb-range::-webkit-slider-runnable-track {height:6px;background:transparent;border:0;border-radius:999px}
html body.gm-refined .doc-lightbox .doc-lb-range::-moz-range-track {height:6px;background:transparent;border:0;border-radius:999px}
html body.gm-refined .doc-lightbox .doc-lb-range::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border:2px solid var(--ui-red);border-radius:50%;background:var(--ui-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-red) 12%,transparent)}
html body.gm-refined .doc-lightbox .doc-lb-range::-moz-range-thumb {width:12px;height:12px;border:2px solid var(--ui-red);border-radius:50%;background:var(--ui-text);box-shadow:none}
html body.gm-refined .doc-lightbox :is(.doc-lb-btn,.doc-lb-range):focus-visible {outline:2px solid var(--ui-red);outline-offset:5px}
html body.gm-refined .doc-lightbox .doc-lb-pct {min-width:0;margin:0;color:var(--ui-text);font:600 12px/1 var(--ui-body);font-variant-numeric:tabular-nums;letter-spacing:0}
html body.gm-refined .doc-lightbox .doc-lb-cap {background:transparent;color:var(--ui-muted);font:400 12px/1.6 var(--ui-body)}
html body.gm-refined .doc-lightbox .ss-lb-img {image-rendering:auto}

/* Home CTA editor shares the existing feature/social icon field and live preview. */
html body.gm-refined #homeform .hs-row {border-radius:var(--gm-radius,3px)}
html body.gm-refined #homeform .hs-row-cta {
 display:grid;grid-template-columns:28px 38px minmax(120px,1fr) minmax(180px,1fr) 34px;
 grid-template-areas:"move preview title title delete" "move icon icon link delete" "move style style flags delete";
 align-items:center;gap:12px;padding:16px;
}
html body.gm-refined #homeform .hs-row-cta>.ne-move {grid-area:move;align-self:start}
html body.gm-refined #homeform .hs-row-cta>.hs-ic-prev {grid-area:preview;width:38px;height:38px;border-radius:var(--gm-radius,3px)}
html body.gm-refined #homeform .hs-row-cta>.hs-icon {grid-area:icon}
html body.gm-refined #homeform .hs-row-cta>.hs-title {grid-area:title}
html body.gm-refined #homeform .hs-row-cta>.hs-text {grid-area:link}
html body.gm-refined #homeform .hs-row-cta>.hs-cta-style {grid-area:style}
html body.gm-refined #homeform .hs-row-cta>.hs-cta-flags {grid-area:flags;display:flex;align-items:center;flex-wrap:wrap;gap:16px}
html body.gm-refined #homeform .hs-row-cta>.ne-del {grid-area:delete;align-self:start}
html body.gm-refined #homeform .hs-row-cta .ne-chk {margin:0;white-space:nowrap}
html body.gm-refined .gm-home-actions .gm-home-btn>i {flex:0 0 auto;line-height:1}
@media(max-width:600px) {
 html body.gm-refined .doc-lightbox .doc-lb-bar {grid-template-columns:32px minmax(48px,1fr) 32px 43px 39px 32px;gap:7px;min-height:58px;padding:11px 12px}
 html body.gm-refined .doc-lightbox .doc-lb-btn {height:34px;min-height:34px;font-size:13px}
 html body.gm-refined .doc-lightbox .doc-lb-pct {font-size:11px}
 html body.gm-refined #homeform .hs-row-cta {grid-template-columns:28px minmax(0,1fr) 34px;grid-template-areas:"move title delete" "preview icon icon" ". link link" ". style style" ". flags flags";gap:10px;padding:12px}
}
@media(prefers-reduced-motion:reduce) {html body.gm-refined .doc-lightbox .doc-lb-btn {transition:none}}

/* Home action labels use the configured icon only. */
html body.gm-refined .gm-home-actions .gm-home-btn-secondary::after {content:none;display:none}