.g7-builder-shell .g7m-count-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--e-line,#435671);border-radius:18px;background:var(--e-panel,#182633);color:var(--e-ink,#e5edf8);box-shadow:0 24px 80px #0006;font:13px/1.5 system-ui,sans-serif}
.g7-builder-shell .g7m-count-dialog[open]{display:flex;flex-direction:column}
.g7-builder-shell .g7m-count-dialog::backdrop{background:#07131eb3;backdrop-filter:blur(3px)}
.g7-builder-shell .g7m-count-dialog>header{display:flex;align-items:center;gap:12px;flex:none;padding:16px 18px;border-bottom:1px solid var(--e-line,#435671)}
.g7-builder-shell .g7m-count-dialog h2{flex:1;min-width:0;margin:0;font:700 18px/1.3 system-ui,sans-serif}
.g7-builder-shell .g7m-count-icon{padding:8px;border:1px solid var(--e-line,#435671);border-radius:9px;color:var(--e-accent,#71d5cb);font:700 12px/1.3 system-ui,sans-serif}
.g7-builder-shell .g7m-count-dialog .g7m-count-close{width:34px;min-height:34px;padding:0;border-radius:50%;font-size:22px}
.g7-builder-shell .g7m-count-body{min-height:0;overflow:auto;padding:16px 18px;overscroll-behavior:contain}
.g7-builder-shell .g7m-count-intro,.g7-builder-shell .g7m-count-help{margin:0 0 14px;color:var(--e-muted,#afbdcc);font:400 12px/1.6 system-ui,sans-serif}
.g7-builder-shell .g7m-count-demo{margin-bottom:16px;padding:15px;border:1px solid var(--e-line,#435671);border-radius:12px;background:var(--e-field,#14212d)}
.g7-builder-shell .g7m-count-demo>span{font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:var(--e-accent,#71d5cb)}
.g7-builder-shell .g7m-count-demo-value{margin:8px 0;font:700 27px/1.35 system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.g7-builder-shell .g7m-count-demo-note{margin:0;color:var(--e-muted,#afbdcc);font-size:11px;overflow-wrap:break-word}
.g7-builder-shell .g7m-count-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0 0 14px;font-weight:600}
.g7-builder-shell .g7m-count-field>input:not([type=range]),.g7-builder-shell .g7m-count-field>select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--e-line,#435671);border-radius:8px;background:var(--e-field,#14212d);color:var(--e-ink,#e5edf8);font:400 12px/1.4 system-ui,sans-serif}
.g7-builder-shell .g7m-count-field>input[type=range]{width:100%;margin:0;accent-color:var(--e-accent,#71d5cb);min-height:28px}
.g7-builder-shell .g7m-count-field>output{align-self:flex-end;color:var(--e-accent,#71d5cb);font:600 12px/1.4 system-ui,sans-serif}
.g7-builder-shell .g7m-count-error{margin:8px 0 0;color:var(--e-danger,#ffb0b0);font-size:12px}
.g7-builder-shell .g7m-count-error:empty{display:none}
.g7-builder-shell .g7m-count-dialog>footer{display:flex;justify-content:flex-end;gap:9px;flex:none;padding:14px 18px;border-top:1px solid var(--e-line,#435671)}
.g7-builder-shell .g7m-count-dialog button{min-height:40px;padding:9px 14px;border:1px solid var(--e-line,#435671);border-radius:9px;background:var(--e-field,#14212d);color:var(--e-ink,#e5edf8);font:600 12px/1.4 system-ui,sans-serif;cursor:pointer}
.g7-builder-shell .g7m-count-dialog .g7m-count-apply{background:var(--e-accent,#71d5cb);color:var(--e-accent-ink,#102c32);border-color:var(--e-accent,#71d5cb)}
.g7-builder-shell .g7m-count-dialog button:disabled{opacity:.5;cursor:default}
.g7-builder-shell .g7m-count-dialog :is(button,input,select):focus-visible{outline:2px solid var(--e-accent,#71d5cb);outline-offset:3px}
.g7-builder-shell .ib-beginner-motion-panel>.g7m-count-settings{width:100%;min-height:40px;margin-bottom:12px;border:1px solid var(--e-line,#435671);border-radius:9px;background:var(--e-field,#14212d);color:var(--e-accent,#71d5cb);font-weight:600}
@media(max-width:760px){.g7-builder-shell .g7m-count-dialog button,.g7-builder-shell .g7m-count-field>input:not([type=range]),.g7-builder-shell .g7m-count-field>select{min-height:44px}.g7-builder-shell .g7m-count-body{padding:14px}}

/* Compact typewriter settings share the existing accessible motion dialog. */
.g7-builder-shell .g7m-type-dialog{width:min(480px,calc(100vw - 24px))}
.g7-builder-shell .g7m-type-dialog .g7m-count-field{margin-bottom:10px}
.g7-builder-shell .g7m-type-speed-controls{display:flex;align-items:center;gap:12px;min-width:0}
.g7-builder-shell .g7m-type-speed-controls>input[type=range]{flex:1;min-width:0;width:auto}
.g7-builder-shell .g7m-type-speed-controls>input[type=number]{box-sizing:border-box;flex:none;width:78px;min-height:40px;padding:9px 10px;border:1px solid var(--e-line,#435671);border-radius:8px;background:var(--e-field,#14212d);color:var(--e-ink,#e5edf8);font:400 12px/1.4 system-ui,sans-serif}
.g7-builder-shell .g7m-type-dialog .g7m-count-demo-value{font-size:24px;line-height:1.3}
.g7-builder-shell .g7m-type-dialog .g7m-count-demo{margin-bottom:12px}
@media(max-width:760px){.g7-builder-shell .g7m-type-speed-controls>input[type=number]{min-height:44px}}