.gc-tools-page {
--gc-brand: var(--g-brand, #34af99);
--gc-ink: var(--g-brand-ink, #0f766e);
--gc-ink-dark: #0b5d57;
--gc-text: var(--g-ink, #111827);
--gc-muted: var(--g-muted, #4b5563);
--gc-soft: var(--g-soft, #6b7280);
--gc-line: var(--g-line, #e5e7eb);
--gc-tint: var(--g-tint, #e8f5f1);
--gc-surface: #ffffff;
--gc-surface-2: #f7faf9;
--gc-radius: var(--g-radius, 14px);
--gc-ok: #047857;
--gc-warn: #92400e;
--gc-warn-bg: #fff7e6;
--gc-bad: #b42318;
--gc-wave: #0f766e;
--gc-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
} .gc-breadcrumb { margin: 0 0 10px; font-size: 14px; color: var(--gc-soft); }
.gc-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; }
.gc-breadcrumb li { margin: 0; }
.gc-breadcrumb li + li::before { content: "\203A"; margin-right: 8px; color: #9ca3af; }
.gc-breadcrumb a { color: var(--gc-ink); text-decoration: none; }
.gc-breadcrumb a:hover { text-decoration: underline; }
.gc-tools-page .entry-header { margin-bottom: 8px; } .gc-tool { margin: 0 0 40px; color: var(--gc-text); }
.gc-tool *, .gc-tool *::before, .gc-tool *::after { box-sizing: border-box; }
.gc-lede { font-size: 1.15em; line-height: 1.5; margin: 0 0 10px; color: var(--gc-text); }
.gc-privacy { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; padding: 6px 12px; border-radius: 999px; background: var(--gc-tint); color: var(--gc-ink); font-size: 14px; font-weight: 600; line-height: 1.4; }
.gc-privacy svg { flex: none; }
.gc-noscript { padding: 12px 14px; border-radius: 10px; background: var(--gc-warn-bg); color: var(--gc-warn); }
.gc-label { display: block; font-weight: 650; font-size: 15px; margin: 0 0 6px; color: var(--gc-text); }
.gc-label code, .gc-tool code { font-family: var(--gc-mono); font-size: 0.85em; background: var(--gc-surface-2); border: 1px solid var(--gc-line); border-radius: 5px; padding: 0 4px; color: var(--gc-muted); font-weight: 500; }
.gc-help { margin: 6px 0 0; font-size: 14px; color: var(--gc-muted); line-height: 1.5; }
.gc-meta { margin: 6px 0 0; font-size: 13px; color: var(--gc-soft); }
.gc-req { font-size: 12px; font-weight: 600; color: var(--gc-ink); background: var(--gc-tint); border-radius: 999px; padding: 1px 7px; margin-left: 4px; }
.gc-mono { font-family: var(--gc-mono); font-size: 14px; }
.gc-textarea, .gc-input, .gc-tool select {
width: 100%; max-width: 100%; border: 1px solid #cfd8d5; border-radius: 10px; background: var(--gc-surface);
color: var(--gc-text); font: inherit; font-size: 15px; line-height: 1.5; padding: 10px 12px;
}
.gc-textarea { min-height: 220px; resize: vertical; }
.gc-textarea--out { background: var(--gc-surface-2); }
.gc-tool select { padding: 9px 10px; min-height: 42px; }
.gc-textarea:focus, .gc-input:focus, .gc-tool select:focus { outline: 2px solid var(--gc-brand); outline-offset: 1px; border-color: var(--gc-ink); } .gc-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px;
padding: 9px 16px; border-radius: 10px; border: 1px solid #cfd8d5; background: var(--gc-surface);
color: var(--gc-text); font: inherit; font-size: 15px; font-weight: 650; line-height: 1.2; cursor: pointer;
text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.gc-btn:hover { background: var(--gc-tint); border-color: var(--gc-brand); color: var(--gc-text); }
.gc-btn:focus-visible { outline: 3px solid var(--gc-brand); outline-offset: 2px; }
.gc-btn[disabled] { opacity: .45; cursor: not-allowed; }
.gc-btn--primary { background: var(--gc-ink); border-color: var(--gc-ink); color: #fff; }
.gc-btn--primary:hover { background: var(--gc-ink-dark); border-color: var(--gc-ink-dark); color: #fff; }
.gc-btn--ghost { background: transparent; border-color: transparent; color: var(--gc-ink); }
.gc-btn--ghost:hover { background: var(--gc-tint); border-color: transparent; color: var(--gc-ink-dark); }
.gc-btn--sm { min-height: 34px; padding: 6px 11px; font-size: 14px; border-radius: 8px; }
.gc-btn--lg { min-height: 52px; padding: 12px 26px; font-size: 17px; }
.gc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 0; }
.gc-actions--center { justify-content: center; }
.gc-file { position: relative; }
.gc-file:focus-within { outline: 3px solid var(--gc-brand); outline-offset: 2px; }
.gc-visually-hidden, .gc-status { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } .gc-tabs { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; border: 1px solid var(--gc-line); border-radius: 10px; background: var(--gc-surface-2); }
.gc-tab { border: 0; background: transparent; color: var(--gc-muted); font: inherit; font-size: 14px; font-weight: 600; padding: 6px 12px; border-radius: 8px; cursor: pointer; }
.gc-tab[aria-selected="true"] { background: var(--gc-surface); color: var(--gc-ink); box-shadow: 0 1px 2px rgba(17, 24, 39, .08); }
.gc-tab:focus-visible { outline: 2px solid var(--gc-brand); outline-offset: 1px; }
.gc-tabs--bar { display: flex; margin: 0 0 18px; }
.gc-tabs--bar .gc-tab { font-size: 15px; padding: 8px 14px; }
.gc-badge { display: inline-block; min-width: 20px; padding: 0 6px; margin-left: 4px; border-radius: 999px; background: var(--gc-tint); color: var(--gc-ink); font-size: 12px; text-align: center; } .gc-panel { min-width: 0; }
.gc-panel__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.gc-panel__head .gc-label { margin: 0; }
.gc-panel__actions { display: flex; flex-wrap: wrap; gap: 4px; }
.gc-cleaner__grid, .gc-utm__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
@media (min-width: 900px) {
.gc-cleaner__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.gc-utm__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; }
}
.gc-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 600px) { .gc-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gc-field { min-width: 0; }
.gc-field--full { grid-column: 1 / -1; }
.gc-form--inner { margin-top: 12px; }
.gc-more { border: 1px solid var(--gc-line); border-radius: 10px; padding: 10px 14px; background: var(--gc-surface); }
.gc-more > summary { cursor: pointer; font-weight: 650; color: var(--gc-ink); }
.gc-rules { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; }
.gc-rules legend { margin-bottom: 6px; padding: 0; }
.gc-check { display: inline-flex; align-items: flex-start; gap: 8px; font-size: 15px; line-height: 1.4; cursor: pointer; }
.gc-check input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--gc-ink); flex: none; }
.gc-check small { color: var(--gc-soft); }
.gc-select { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 15px; }
.gc-select select { width: auto; }
.gc-options { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); padding: 14px 16px 16px; margin: 20px 0 0; background: var(--gc-surface); }
.gc-options legend { padding: 0 6px; }
.gc-options__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px 20px; align-items: center; } .gc-rich { min-height: 220px; max-height: 480px; overflow: auto; border: 1px solid #cfd8d5; border-radius: 10px; background: var(--gc-surface-2); padding: 12px 16px; font-size: 15px; line-height: 1.6; }
.gc-rich table { border-collapse: collapse; margin: 8px 0; }
.gc-rich :first-child { margin-top: 0; }
.gc-findings { margin: 20px 0 0; padding: 16px; border-radius: var(--gc-radius); background: var(--gc-surface-2); border: 1px solid var(--gc-line); }
.gc-findings__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; }
.gc-findings__title { margin: 0; font-size: 16px; font-weight: 700; }
.gc-findings__empty { margin: 8px 0 0; color: var(--gc-muted); font-size: 14px; }
.gc-findings__list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.gc-finding { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 10px; border-radius: 999px; background: var(--gc-surface); border: 1px solid var(--gc-line); font-size: 14px; }
.gc-finding__n { font-weight: 700; color: var(--gc-ink); font-variant-numeric: tabular-nums; }
.gc-finding--hidden { border-color: #f3c98b; background: var(--gc-warn-bg); }
.gc-finding--ok { border-color: var(--gc-brand); background: var(--gc-tint); }
.gc-reveal { margin-top: 12px; max-height: 320px; overflow: auto; padding: 12px; border-radius: 10px; background: var(--gc-surface); border: 1px solid var(--gc-line); font-family: var(--gc-mono); font-size: 13.5px; line-height: 1.7; white-space: pre-wrap; word-break: break-word; }
.gc-reveal mark { border-radius: 4px; padding: 0 3px; font-size: 11px; font-weight: 700; }
.gc-reveal .gc-hid { background: #fde68a; color: #78350f; }
.gc-reveal .gc-dash, .gc-reveal .gc-quote { background: #ccfbf1; color: #115e59; font-size: inherit; font-weight: inherit; padding: 0 1px; } .gc-utm__result { min-width: 0; border: 1px solid var(--gc-line); border-radius: var(--gc-radius); padding: 16px; background: var(--gc-surface-2); }
.gc-utm__result .gc-textarea { min-height: 110px; word-break: break-all; }
.gc-utm__template { margin-top: 14px; }
.gc-utm__template .gc-textarea { min-height: 70px; }
.gc-channel { margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: var(--gc-surface); border: 1px solid var(--gc-line); font-size: 15px; }
.gc-channel__label { color: var(--gc-muted); }
.gc-channel strong { color: var(--gc-ink); }
.gc-channel__hint { display: block; margin-top: 4px; font-size: 13px; color: var(--gc-soft); }
.gc-warnings { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; }
.gc-warnings li { margin: 0; padding: 7px 10px; border-radius: 8px; background: var(--gc-warn-bg); color: var(--gc-warn); font-size: 14px; line-height: 1.45; }
.gc-ok { color: var(--gc-ok); font-weight: 600; }
.gc-error { color: var(--gc-bad); font-weight: 600; }
.gc-qr { margin-top: 14px; text-align: center; }
.gc-qr__img { display: inline-block; width: 220px; max-width: 100%; padding: 8px; background: #fff; border-radius: 10px; border: 1px solid var(--gc-line); }
.gc-qr__img svg { display: block; width: 100%; height: auto; }
.gc-qr .gc-actions { justify-content: center; }
.gc-table-wrap { overflow-x: auto; margin-top: 12px; border: 1px solid var(--gc-line); border-radius: 10px; background: var(--gc-surface); }
.gc-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
.gc-table th, .gc-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--gc-line); vertical-align: top; word-break: break-all; }
.gc-table tr:last-child th, .gc-table tr:last-child td { border-bottom: 0; }
.gc-table thead th { background: var(--gc-surface-2); font-size: 13px; color: var(--gc-muted); word-break: normal; }
.gc-history { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.gc-history__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; margin: 0; padding: 10px 12px; border: 1px solid var(--gc-line); border-radius: 10px; background: var(--gc-surface); }
.gc-history__item code { word-break: break-all; background: none; border: 0; padding: 0; color: var(--gc-text); }
.gc-history__meta { grid-column: 1; font-size: 12.5px; color: var(--gc-soft); }
.gc-history__actions { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 6px; }
.gc-history__empty { color: var(--gc-muted); font-size: 14px; }
.gc-tabpanel { min-width: 0; } .gc-device__start { text-align: center; padding: 28px 16px; border: 2px dashed #b9d9d1; border-radius: var(--gc-radius); background: var(--gc-surface-2); }
.gc-device__panel { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); padding: 18px; background: var(--gc-surface); }
.gc-device__row { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; }
.gc-device__row .gc-field { flex: 1 1 260px; }
.gc-device__error { margin-top: 14px; padding: 12px 14px; border-radius: 10px; background: #fef2f2; color: #7f1d1d; line-height: 1.5; border: 1px solid #fecaca; }
.gc-meter__track { position: relative; height: 22px; border-radius: 999px; overflow: hidden; background: linear-gradient(90deg, #e5e7eb 0 33%, #d1fae5 33% 83%, #fde68a 83% 100%); }
.gc-meter__fill { position: absolute; inset: 0 auto 0 0; width: 0; background: linear-gradient(90deg, #34af99, #0f766e); border-radius: 999px; transition: width .06s linear; }
.gc-meter__peak { position: absolute; top: 0; bottom: 0; width: 3px; left: 0; background: var(--gc-text); opacity: .6; }
.gc-meter__scale { display: flex; justify-content: space-between; margin-top: 4px; font-size: 12px; color: var(--gc-soft); }
.gc-meter__value { margin: 6px 0 0; font-size: 14px; color: var(--gc-muted); font-variant-numeric: tabular-nums; }
.gc-verdict { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--gc-surface-2); border: 1px solid var(--gc-line); font-weight: 600; }
.gc-verdict[data-state="ok"] { background: var(--gc-tint); border-color: var(--gc-brand); color: #065f46; }
.gc-verdict[data-state="warn"] { background: var(--gc-warn-bg); border-color: #f3c98b; color: var(--gc-warn); }
.gc-wave { display: block; width: 100%; height: 80px; margin-top: 12px; border-radius: 10px; background: var(--gc-surface-2); }
.gc-audio { display: block; width: 100%; margin-top: 12px; }
.gc-specs { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; margin: 12px 0; font-size: 14px; }
.gc-specs dt { color: var(--gc-muted); font-weight: 600; margin: 0; }
.gc-specs dd { margin: 0; word-break: break-word; }
.gc-cam__stage { background: #0b1110; border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 9; display: grid; place-items: center; max-width: 100%; }
.gc-cam__video { width: 100%; height: 100%; object-fit: contain; }
.gc-cam__video.is-mirrored { transform: scaleX(-1); }
.gc-spk__stage { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 22px 12px; border-radius: var(--gc-radius); background: var(--gc-surface-2); border: 1px solid var(--gc-line); }
.gc-spk__side { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; font-size: 26px; font-weight: 800; color: var(--gc-muted); background: var(--gc-surface); border: 2px solid var(--gc-line); transition: all .15s ease; }
.gc-spk__side.is-on { color: #fff; background: var(--gc-ink); border-color: var(--gc-ink); box-shadow: 0 0 0 8px rgba(52, 175, 153, .2); }
.gc-spk__wave { flex: 0 1 220px; height: 4px; border-radius: 4px; background: var(--gc-line); }
.gc-spk__wave.is-on { background: linear-gradient(90deg, #0f766e, #34af99, #8ad8c7); }
.gc-spk__controls { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: flex-end; margin-top: 16px; }
.gc-range { display: grid; gap: 6px; font-weight: 600; font-size: 15px; min-width: 220px; }
.gc-range input { accent-color: var(--gc-ink); }  .gc-img .gc-drop p, .gc-img .gc-img__item p, .gc-img .gc-img__summary p, .gc-img .gc-compare p { margin: 0; }
.gc-img .gc-img__item .gc-img__meta, .gc-img .gc-img__item .gc-img__note { margin-top: 2px; }
.gc-img .gc-compare .gc-meta { margin-top: 8px; }
.gc-drop { display: grid; justify-items: center; gap: 6px; text-align: center; padding: 28px 16px; border: 2px dashed #b9d9d1; border-radius: var(--gc-radius); background: var(--gc-surface-2); transition: border-color .15s ease, background-color .15s ease; }
.gc-drop.is-over { border-color: var(--gc-ink); background: var(--gc-tint); }
.gc-drop__icon { color: var(--gc-ink); }
.gc-drop__title { margin: 0; font-size: 19px; font-weight: 750; }
.gc-drop__sub, .gc-drop__hint { margin: 0; font-size: 14px; color: var(--gc-muted); }
.gc-drop .gc-btn { margin: 8px 0 2px; }
.gc-img__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 16px 22px; align-items: start; }
.gc-img__wide { grid-column: 1 / -1; }
.gc-img__opt { color: var(--gc-soft); font-weight: 500; }
.gc-seg { display: inline-flex; padding: 3px; border: 1px solid var(--gc-line); border-radius: 10px; background: var(--gc-surface-2); }
.gc-seg__opt { position: relative; margin: 0; cursor: pointer; }
.gc-seg__opt input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.gc-seg__opt span { display: block; padding: 7px 14px; border-radius: 8px; font-size: 14.5px; font-weight: 650; color: var(--gc-muted); }
.gc-seg__opt input:checked + span { background: var(--gc-surface); color: var(--gc-ink); box-shadow: 0 1px 2px rgba(17, 24, 39, .08); }
.gc-seg__opt input:focus-visible + span { outline: 2px solid var(--gc-brand); outline-offset: 1px; }
.gc-img__range { width: 100%; accent-color: var(--gc-ink); }
.gc-label output { margin-left: 4px; color: var(--gc-ink); font-weight: 750; }
.gc-img__num { width: 104px; }
.gc-img__custom { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 15px; }
.gc-img__custom[hidden] { display: none; }
.gc-img__dims { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 10px; }
.gc-img__dim { display: grid; gap: 4px; font-size: 13px; color: var(--gc-muted); }
.gc-img__px { padding-bottom: 10px; font-size: 14px; color: var(--gc-soft); }
.gc-img__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 20px 0 0; padding: 14px 16px; border-radius: var(--gc-radius); background: var(--gc-tint); border: 1px solid #bfe5dc; }
.gc-img__summary[hidden] { display: none; }
.gc-img__summary .gc-actions { margin: 0; }
.gc-img__totals { margin: 0; font-size: 15px; font-variant-numeric: tabular-nums; }
.gc-img__list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.gc-img__item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto auto; gap: 6px 14px; align-items: center; margin: 0; padding: 10px 12px; border: 1px solid var(--gc-line); border-radius: 12px; background: var(--gc-surface); }
.gc-img__thumb { width: 56px; height: 56px; padding: 0; border: 1px solid var(--gc-line); border-radius: 8px; overflow: hidden; cursor: zoom-in; background: repeating-conic-gradient(#eef2f1 0 25%, #fff 0 50%) 50% / 12px 12px; }
.gc-img__thumb[disabled] { cursor: default; }
.gc-img__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gc-img__name { margin: 0; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gc-img__meta, .gc-img__note { margin: 2px 0 0; font-size: 13px; color: var(--gc-soft); line-height: 1.45; }
.gc-img__note:empty { display: none; }
.gc-img__note--warn { color: var(--gc-warn); }
.gc-img__item[data-state="working"] .gc-img__note::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; border: 2px solid var(--gc-brand); border-right-color: transparent; border-radius: 50%; vertical-align: -1px; animation: gc-spin .8s linear infinite; }
@keyframes gc-spin { to { transform: rotate(360deg); } }
.gc-img__sizes { margin: 0; font-size: 14.5px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.gc-img__before { color: var(--gc-soft); }
.gc-img__pct { display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px; background: var(--gc-tint); color: var(--gc-ok); font-size: 13px; font-weight: 700; }
.gc-img__pct.is-flat { background: var(--gc-surface-2); color: var(--gc-muted); }
.gc-img__summary .gc-img__pct { background: var(--gc-surface); }
.gc-img__actions { display: flex; gap: 6px; }
.gc-compare { width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 16px; border: 0; border-radius: 16px; color: var(--gc-text); box-shadow: 0 30px 80px rgba(17, 24, 39, .35); }
.gc-compare::backdrop { background: rgba(17, 24, 39, .6); }
.gc-compare__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.gc-compare__title { margin: 0; font-weight: 700; }
.gc-compare__stage { position: relative; max-width: 100%; margin: 0 auto; overflow: hidden; border-radius: 10px; background: repeating-conic-gradient(#eef2f1 0 25%, #fff 0 50%) 50% / 16px 16px; cursor: ew-resize; touch-action: none; user-select: none; }
.gc-compare__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.gc-compare__line { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 0 1px rgba(17, 24, 39, .35); pointer-events: none; }
.gc-compare__tag { position: absolute; top: 10px; padding: 3px 8px; border-radius: 6px; background: rgba(17, 24, 39, .72); color: #fff; font-size: 12px; font-weight: 600; pointer-events: none; }
.gc-compare__tag--l { left: 10px; }
.gc-compare__tag--r { right: 10px; }
.gc-compare__range { display: block; margin-top: 10px; }
.gc-compare__range input { width: 100%; accent-color: var(--gc-ink); } .gc-toast { position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 20px); opacity: 0; pointer-events: none; z-index: 99999; max-width: min(92vw, 520px); padding: 10px 16px; border-radius: 10px; background: #111827; color: #fff; font-size: 15px; line-height: 1.4; box-shadow: 0 10px 30px rgba(17, 24, 39, .25); transition: opacity .2s ease, transform .2s ease; }
.gc-toast.is-visible { opacity: 1; transform: translate(-50%, 0); } .gc-hub__group { margin: 0 0 28px; }
.gc-hub__title { margin: 0 0 12px; }
.gc-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 14px; }
.gc-card { margin: 0; }
.gc-card__link { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 16px; border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: var(--gc-surface); color: var(--gc-text); text-decoration: none; transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
.gc-card__link:hover { border-color: var(--gc-brand); box-shadow: 0 12px 28px rgba(17, 24, 39, .08); transform: translateY(-2px); color: var(--gc-text); }
.gc-card__link:focus-visible { outline: 3px solid var(--gc-brand); outline-offset: 2px; }
.gc-card__cat { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--gc-ink); }
.gc-card__name { font-size: 17px; font-weight: 750; }
.gc-card__desc { font-size: 14.5px; color: var(--gc-muted); line-height: 1.5; }
.gc-related { margin: 36px 0 0; }
.gc-related__all { margin: 12px 0 0; font-weight: 600; }
.gc-related__all a { color: var(--gc-ink); } .gc-tools-page .entry-content .wp-block-details { border: 1px solid var(--gc-line); border-radius: 12px; padding: 12px 16px; margin: 0 0 10px; background: var(--gc-surface); }
.gc-tools-page .entry-content .wp-block-details summary { cursor: pointer; font-weight: 700; }
.gc-tools-page .entry-content .wp-block-details[open] summary { margin-bottom: 8px; }
.gc-tools-page .entry-content .wp-block-details > :last-child { margin-bottom: 0; }
.gc-tools-page .entry-content .gc-io { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: var(--gc-surface-2); padding: 4px 16px; }
.gc-tools-page .entry-content .gc-updated { font-size: 14px; color: var(--gc-soft); }
@media (max-width: 599px) {
.gc-actions .gc-btn { flex: 1 1 auto; }
.gc-specs { grid-template-columns: minmax(0, 1fr); }
.gc-specs dt { margin-top: 6px; }
.gc-history__item { grid-template-columns: minmax(0, 1fr); }
.gc-history__actions { grid-column: 1; grid-row: auto; }
.gc-spk__side { width: 60px; height: 60px; font-size: 22px; }
.gc-img__item { grid-template-columns: 48px minmax(0, 1fr); }
.gc-img__thumb { width: 48px; height: 48px; }
.gc-img__sizes, .gc-img__actions { grid-column: 1 / -1; }
.gc-img__actions .gc-btn { flex: 1 1 auto; }
.gc-img__summary .gc-actions { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.gc-tool *, .gc-card__link, .gc-toast { transition: none !important; }
.gc-img__item[data-state="working"] .gc-img__note::before { animation: none; }
}#ez-toc-container,.ez-toc-split-section{background:#F9F9F9;border:1px solid #AAAAAA;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05);display:table;margin-bottom:1em;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:10px;position:relative;width:auto}div.ez-toc-widget-container{padding:0;position:relative}#ez-toc-container.ez-toc-light-blue,.ez-toc-split-section.ez-toc-light-blue{background:#EDF6FF}#ez-toc-container.ez-toc-white,.ez-toc-split-section.ez-toc-white{background:#FFFFFF}#ez-toc-container.ez-toc-black,.ez-toc-split-section.ez-toc-black{background:#000000}#ez-toc-container.ez-toc-transparent,.ez-toc-split-section.ez-toc-transparent{background:none transparent}div.ez-toc-widget-container ul{display:block}div.ez-toc-widget-container li{border:none;padding:0}div.ez-toc-widget-container ul.ez-toc-list{padding:10px}#ez-toc-container ul ul,.ez-toc-split-section ul ul,.ez-toc div.ez-toc-widget-container ul ul{margin-left:1.5em}#ez-toc-container ul,#ez-toc-container li,.ez-toc-split-section ul,.ez-toc-split-section li{margin:0;padding:0}#ez-toc-container ul,#ez-toc-container li,#ez-toc-container ul li,.ez-toc-split-section ul,.ez-toc-split-section li,.ez-toc-split-section ul li,div.ez-toc-widget-container,div.ez-toc-widget-container li{background:none;list-style:none none;line-height:1.6;margin:0;overflow:hidden;z-index:1}#ez-toc-container .ez-toc-title,.ez-toc-split-section .ez-toc-title{text-align:left;line-height:1.45;margin:0;padding:0}.ez-toc-title-container{display:table;width:100%}.ez-toc-title,.ez-toc-title-toggle{display:inline;text-align:left;vertical-align:middle}#ez-toc-container.ez-toc-black p.ez-toc-title,.ez-toc-split-section.ez-toc-black p.ez-toc-title{color:#FFF}#ez-toc-container div.ez-toc-title-container+ul.ez-toc-list,.ez-toc-split-section div.ez-toc-title-container+ul.ez-toc-list{margin-top:1em}.ez-toc-wrap-left{margin:0px auto 1em 0px !important}.ez-toc-wrap-left-text{float:left}.ez-toc-wrap-right{margin:0px 0px 1em auto !important}.ez-toc-wrap-right-text{float:right}#ez-toc-container a,.ez-toc-split-section a{color:#444444;box-shadow:none;text-decoration:none;text-shadow:none;border-bottom:none;display:inline-flex;align-items:stretch;flex-wrap:nowrap}#ez-toc-container a:visited,.ez-toc-split-section a:visited{color:#9f9f9f}#ez-toc-container a:hover,.ez-toc-split-section a:hover{text-decoration:underline}#ez-toc-container.ez-toc-black a,.ez-toc-split-section.ez-toc-black a{color:#FFF}#ez-toc-container.ez-toc-black a:visited,.ez-toc-split-section.ez-toc-black a:visited{color:#FFF}#ez-toc-container a.ez-toc-toggle,.ez-toc-split-section a.ez-toc-toggle{display:flex;align-items:center;color:#444444}.ez-toc-widget-container ul.ez-toc-list li::before{content:' ';position:absolute;left:0;right:0;height:30px;line-height:30px;z-index:-1}.ez-toc-widget-container ul.ez-toc-list li.active{background-color:#EDEDED}.ez-toc-widget-container li.active>a{font-weight:900}.ez-toc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ez-toc-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ez-toc-btn:hover,.ez-toc-btn:focus{color:#333;text-decoration:none}.ez-toc-btn:active,.ez-toc-btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ez-toc-btn-default{color:#333;background-color:#fff;border-color:#ccc}.ez-toc-btn-default:hover,.ez-toc-btn-default:focus,.ez-toc-btn-default:active,.ez-toc-btn-default.active{color:#333;background-color:#ebebeb;border-color:#adadad}.ez-toc-btn-default:active,.ez-toc-btn-default.active{background-image:none}.ez-toc-btn-sm,.ez-toc-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ez-toc-btn-xs{padding:1px 5px}.ez-toc-btn-default{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.ez-toc-btn-default:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ez-toc-btn:active,.btn.active{background-image:none}.ez-toc-btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.ez-toc-btn-default:hover,.ez-toc-btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.ez-toc-btn-default:active,.ez-toc-btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.ez-toc-pull-right{float:right !important;margin-left:10px}#ez-toc-container label.cssicon,.ez-toc-split-section label.cssicon,#ez-toc-widget-container label.cssicon{height:30px}.ez-toc-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.ez-toc-glyphicon:empty{width:1em}.ez-toc-toggle i.ez-toc-glyphicon{font-size:16px;margin-left:2px}#ez-toc-container input,.ez-toc-split-section input{position:absolute;left:-999em}#ez-toc-container input[type="checkbox"]:checked+nav,.ez-toc-split-section input[type="checkbox"]:checked+nav,#ez-toc-widget-container input[type="checkbox"]:checked+nav{opacity:0;max-height:0;border:none;display:none}#ez-toc-container label,.ez-toc-split-section label{position:relative;cursor:pointer;display:initial}#ez-toc-container .ez-toc-js-icon-con,.ez-toc-split-section .ez-toc-js-icon-con{position:relative;cursor:pointer;display:initial}#ez-toc-container .ez-toc-toggle label,.ez-toc-split-section .ez-toc-toggle label{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}#ez-toc-container .ez-toc-js-icon-con,.ez-toc-split-section .ez-toc-js-icon-con{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}div#ez-toc-container .ez-toc-title,.ez-toc-split-section .ez-toc-title{display:initial}.ez-toc-wrap-center{margin:0 auto 1em auto !important}#ez-toc-container a.ez-toc-toggle,.ez-toc-split-section a.ez-toc-toggle{color:#444444;background:inherit;border:inherit}.ez-toc-toggle #item{position:absolute;left:-999em}label.cssicon .ez-toc-glyphicon:empty{font-size:16px;margin-left:2px}label.cssiconcheckbox{display:none}.ez-toc-widget-container ul li a{padding-left:10px;display:inline-flex;align-items:stretch;flex-wrap:nowrap;box-shadow:none;text-decoration:none;border-bottom:none}.ez-toc-widget-container ul.ez-toc-list li{height:auto !important}.ez-toc-cssicon{float:right;position:relative;font-size:16px;padding:0;border:1px solid #999191;border-radius:5px;cursor:pointer;left:10px;width:35px}.ez-toc-icon-toggle-span{display:flex;align-items:center;width:35px;height:30px;justify-content:center;direction:ltr}#ez-toc-container .eztoc-toggle-hide-by-default,.ez-toc-split-section .eztoc-toggle-hide-by-default{display:none}.eztoc_no_heading_found{background-color:yellow;padding-left:10px}.eztoc-hide{display:none}.term-description .ez-toc-title-container p:nth-child(2){width:50px;float:right;margin:0}.ez-toc-list.ez-toc-columns-2{column-count:2;column-gap:20px;column-fill:balance}.ez-toc-list.ez-toc-columns-2>li{display:block;break-inside:avoid;margin-bottom:8px;page-break-inside:avoid}.ez-toc-list.ez-toc-columns-3{column-count:3;column-gap:20px;column-fill:balance}.ez-toc-list.ez-toc-columns-3>li{display:block;break-inside:avoid;margin-bottom:8px;page-break-inside:avoid}.ez-toc-list.ez-toc-columns-4{column-count:4;column-gap:20px;column-fill:balance}.ez-toc-list.ez-toc-columns-4>li{display:block;break-inside:avoid;margin-bottom:8px;page-break-inside:avoid}.ez-toc-list.ez-toc-columns-optimized{column-fill:balance;orphans:2;widows:2}.ez-toc-list.ez-toc-columns-optimized>li{display:block;break-inside:avoid;page-break-inside:avoid}@media (max-width:768px){.ez-toc-list.ez-toc-columns-2,.ez-toc-list.ez-toc-columns-3,.ez-toc-list.ez-toc-columns-4{column-count:1;column-gap:0}}@media (max-width:1024px) and (min-width:769px){.ez-toc-list.ez-toc-columns-4{column-count:2}.ez-toc-list.ez-toc-columns-3{column-count:2}}.fusion-footer #ez-toc-container,.fusion-footer .ez-toc-split-section{display:none}.ez-toc-split-section{margin-top:1.5em;float:none !important;clear:both}