/* Preset-first room setup; only the lobby is restyled. */
.group-timer-page #groupCreatePanel .group-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 10px}
.group-timer-page #groupCreatePanel .group-preset{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:74px;padding:10px 4px;border:1px solid var(--gt-line,#d6e0d9);border-radius:12px;background:var(--sc-surface,#fff);color:inherit;cursor:pointer;text-align:center;line-height:1.25;transition:border-color .15s,box-shadow .15s}
.group-timer-page #groupCreatePanel .group-preset strong{font-size:clamp(17px,2.3vw,23px);font-weight:750;font-variant-numeric:tabular-nums}
.group-timer-page #groupCreatePanel .group-preset span{font-size:11px;font-weight:550;color:var(--gt-muted,#65796b)}
.group-timer-page #groupCreatePanel .group-preset.is-selected{border:2px solid var(--sc-primary,#638b76);background:var(--sc-surface,#f4faf6);box-shadow:0 0 0 2px rgba(94,145,114,.10)}
.group-timer-page #groupCreatePanel .group-preset:focus-visible,.group-timer-page #groupCreatePanel .group-create-advanced>summary:focus-visible{outline:3px solid var(--sc-primary,#68ab8e);outline-offset:3px}
.group-timer-page #groupCreatePanel .group-preset-summary{text-align:center;margin:2px 0 12px;font-variant-numeric:tabular-nums}
.group-timer-page #groupCreatePanel .group-create-advanced{border-top:1px solid var(--gt-line,#d6e0d9);border-bottom:1px solid var(--gt-line,#d6e0d9);margin:0 0 12px;padding:0}
.group-timer-page #groupCreatePanel .group-create-advanced>summary{padding:13px 2px;cursor:pointer;font-size:13px;font-weight:650;list-style:none;display:flex;justify-content:space-between;align-items:center}
.group-timer-page #groupCreatePanel .group-create-advanced>summary::-webkit-details-marker{display:none}
.group-timer-page #groupCreatePanel .group-create-advanced>summary::after{content:'⌄';font-size:18px;line-height:1;color:var(--gt-muted,#65796b)}
.group-timer-page #groupCreatePanel .group-create-advanced[open]>summary::after{transform:rotate(180deg)}
.group-timer-page #groupCreatePanel .group-advanced-fields{padding:6px 0 8px}
.group-timer-page #groupCreatePanel .group-cycle-rule{margin:5px 0 12px;line-height:1.45}
.group-timer-page #groupCreatePanel #groupCreateButton{display:block;width:100%;min-height:46px;margin:0}
html[data-theme="dark"] .group-timer-page #groupCreatePanel .group-preset{background:#202925;border-color:#526259;color:#edf4f0}
html[data-theme="dark"] .group-timer-page #groupCreatePanel .group-preset span{color:#baccbf}
html[data-theme="dark"] .group-timer-page #groupCreatePanel .group-preset.is-selected{border-color:#a9e6cb;background:#273e33;box-shadow:0 0 0 2px rgba(169,230,203,.12)}
@media(max-width:390px){.group-timer-page #groupCreatePanel .group-preset-grid{gap:6px}.group-timer-page #groupCreatePanel .group-preset{padding:9px 2px;min-height:67px}.group-timer-page #groupCreatePanel .group-preset span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.group-timer-page #groupCreatePanel .group-preset{transition:none}}