/* Gorilla UTM Builder — scoped styles. Inherits site fonts; tokens fall back gracefully. */
.gutm { --g-ink: var(--gp-ink, #141613); --g-paper: var(--gp-paper, #f1f1ec); --g-ember: var(--gp-ember, #fe8437); --g-ember-deep: var(--gp-ember-deep, #e4671c); --g-line: var(--gp-line, #d6d7cd); --g-soft: var(--gp-ink-soft, #3c403a);
  max-width: 860px; border: 1.5px solid var(--g-ink); border-radius: 6px; background: #fff; padding: clamp(20px, 4vw, 34px); }
.gutm__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 20px; }
@media (max-width: 640px) { .gutm__grid { grid-template-columns: 1fr; } }
.gutm__field { margin-bottom: 16px; }
.gutm__field label { display: block; font-family: var(--gp-mono, 'Courier New', monospace); font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 7px; color: var(--g-ink); }
.gutm input[type="text"], .gutm input[type="url"], .gutm textarea { width: 100%; font-size: 1rem; color: var(--g-ink); background: var(--g-paper); border: 1.5px solid var(--g-ink); border-radius: 6px; padding: 12px 14px; box-sizing: border-box; }
.gutm textarea { font-family: var(--gp-mono, 'Courier New', monospace); font-size: 0.88rem; resize: vertical; word-break: break-all; }
.gutm__hint { font-size: 0.82rem; color: var(--g-soft); margin: 6px 0 0; min-height: 1em; }
.gutm__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.gutm__chips button { font-family: var(--gp-mono, 'Courier New', monospace); font-size: 0.76rem; letter-spacing: 0.05em; text-transform: uppercase; background: var(--g-paper); border: 1.5px solid var(--g-ink); border-radius: 100px; padding: 8px 16px; cursor: pointer; color: var(--g-ink); }
.gutm__chips button:hover { background: var(--g-ember); }
.gutm__chips button.is-active { background: var(--g-ink); color: var(--g-paper); }
.gutm__toggle { display: flex !important; align-items: center; gap: 10px; text-transform: none !important; letter-spacing: 0 !important; font-family: inherit !important; font-size: 0.92rem !important; cursor: pointer; }
.gutm__toggle input { accent-color: var(--g-ember-deep); width: 18px; height: 18px; margin: 0; }
.gutm__result { border-top: 1px dashed var(--g-line); margin-top: 8px; padding-top: 20px; }
.gutm__actions { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
.gutm__copy { font-family: var(--gp-mono, 'Courier New', monospace); font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; background: var(--g-ember); color: var(--g-ink); border: 2px solid var(--g-ink); border-radius: 6px; padding: 12px 24px; cursor: pointer; box-shadow: 3px 3px 0 var(--g-ink); transition: transform 0.12s ease, box-shadow 0.12s ease; }
.gutm__copy:hover:not(:disabled) { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--g-ink); }
.gutm__copy:disabled { opacity: 0.45; cursor: not-allowed; box-shadow: none; }
.gutm__status { font-family: var(--gp-mono, 'Courier New', monospace); font-size: 0.78rem; color: var(--g-ember-deep); }
.gutm__privacy { font-family: var(--gp-mono, 'Courier New', monospace); font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--g-soft); margin: 18px 0 0; }