/*! CSS Portal — CSS Link Generator (builds on code-tool.css and generator-tool.css) */
.gt .lk-contrast { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; font-size: 12px; font-weight: 600; line-height: 1.6; border-radius: 99px; white-space: nowrap; }
.gt .lk-contrast::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.gt .lk-contrast.is-good { color: var(--ct-ok); background: color-mix(in srgb, var(--ct-ok) 12%, transparent); }
.gt .lk-contrast.is-ok { color: var(--ct-warn); background: color-mix(in srgb, var(--ct-warn) 12%, transparent); }
.gt .lk-contrast.is-low { color: var(--ct-err); background: color-mix(in srgb, var(--ct-err) 12%, transparent); }
.gt .lk-head-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: auto; }
.gt .lk-notes { display: grid; gap: 6px; margin: 0; padding: 10px 14px; list-style: none; border-top: 1px solid var(--ct-border); }
.gt .lk-notes[hidden] { display: none; }
.gt .lk-notes li { display: flex; gap: 8px; margin: 0; font-size: 13px; line-height: 1.5; color: var(--ct-text); }
.gt .lk-notes i { flex: none; margin-top: 2px; font-size: 15px; }
.gt .lk-notes .is-warn i { color: var(--ct-warn); }
.gt .lk-notes .is-info i { color: var(--ct-accent); }
.gt [data-gt="code"].ce { height: clamp(260px, 42vh, 460px); }
@media (max-width: 560px) { .gt .lk-head-tools { margin-left: 0; width: 100%; } }