@keyframes toastSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wizardFadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.ga4EventPage{min-height:100vh;background:linear-gradient(180deg, #0f172a 0%, #111827 100%);color:#f8fafc;padding:32px 5% 48px}.ga4Event{max-width:1200px;margin:0 auto}.ga4EventMainContent{display:flex;flex-direction:column;gap:32px}.ga4Event__intro{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:24px;margin-bottom:24px;background:linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(6, 182, 212, 0.05) 100%);border-color:rgba(6,182,212,.3)}.ga4Event__introTitle{font-size:1.5rem;font-weight:700;margin:0;color:#f8fafc}.ga4Event__introSubtitle{font-size:1rem;color:rgba(248,250,252,.75);margin:8px 0 0}.ga4Event__editor{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:24px;margin-bottom:24px}.ga4Event__editorTitle{font-size:1.25rem;font-weight:600;color:#f8fafc;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.25)}.ga4EventForm{display:flex;flex-direction:column;gap:32px}.ga4EventForm__section{display:flex;flex-direction:column;gap:16px}.ga4EventForm__sectionTitle{font-size:1.125rem;font-weight:600;color:#f8fafc;margin:0 0 16px}.ga4EventForm__field{display:flex;flex-direction:column;gap:4px}.ga4EventForm__label{display:block;font-size:.9375rem;font-weight:500;color:rgba(248,250,252,.75);margin-bottom:4px}.ga4EventForm__input{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#f8fafc;font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.ga4EventForm__input::-moz-placeholder{color:rgba(248,250,252,.75)}.ga4EventForm__input::placeholder{color:rgba(248,250,252,.75)}.ga4EventForm__input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.ga4EventForm__input:focus-visible{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}.ga4EventForm__input_small{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#f8fafc;font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;padding:8px;font-size:.9375rem}.ga4EventForm__input_small::-moz-placeholder{color:rgba(248,250,252,.75)}.ga4EventForm__input_small::placeholder{color:rgba(248,250,252,.75)}.ga4EventForm__input_small:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.ga4EventForm__input_small:focus-visible{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}.ga4EventForm__select{width:100%;padding:14px 18px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);border-radius:8px;color:#f8fafc;font-size:1rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.ga4EventForm__select::-moz-placeholder{color:rgba(248,250,252,.75)}.ga4EventForm__select::placeholder{color:rgba(248,250,252,.75)}.ga4EventForm__select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.ga4EventForm__select:focus-visible{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.3)}.ga4EventForm__parametersList{display:flex;flex-direction:column;gap:8px}.ga4EventForm__parameter{display:flex;gap:8px;align-items:center}.ga4EventForm__addButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;background:#60a5fa;color:#0f172a;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;align-self:flex-start}.ga4EventForm__addButton:hover{background:#93c5fd;box-shadow:0 10px 20px rgba(96,165,250,.35);transform:translateY(-2px)}.ga4EventForm__addButton:active{transform:translateY(0);box-shadow:0 4px 12px rgba(96,165,250,.25)}.ga4EventForm__addButton:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.ga4EventForm__addButton:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ga4EventForm__deleteButton{padding:4px 8px;background:#f87171;color:#0f172a;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;transition:opacity .15s ease}.ga4EventForm__deleteButton:hover{opacity:.9}.ga4Event__result{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:24px;margin-bottom:24px}.ga4EventResult__tabs{display:flex;gap:4px;border-bottom:1px solid rgba(148,163,184,.25);margin-bottom:24px}.ga4EventResult__tab{padding:8px 16px;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);color:rgba(248,250,252,.75);font-size:.9375rem;cursor:pointer;margin-bottom:-1px;transition:all .15s ease}.ga4EventResult__tab:hover{color:#f8fafc}.ga4EventResult__tab_active{color:#60a5fa;border-bottom-color:#60a5fa}.ga4EventResult__panel{display:none}.ga4EventResult__panel_active{display:block}.ga4EventResult__code,.ga4EventResult__html{background:rgba(0,0,0,.3);border-radius:12px;padding:16px;overflow-x:auto}.ga4EventResult__code pre,.ga4EventResult__html pre{margin:0;font-family:"Monaco","Consolas",monospace;font-size:.9375rem;color:#f8fafc;white-space:pre-wrap;word-break:break-all}.ga4EventResult__actions{display:flex;gap:8px;margin-top:24px}.ga4EventResult__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;background:#60a5fa;color:#0f172a;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.ga4EventResult__button:hover{background:#93c5fd;box-shadow:0 10px 20px rgba(96,165,250,.35);transform:translateY(-2px)}.ga4EventResult__button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(96,165,250,.25)}.ga4EventResult__button:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.ga4EventResult__button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ga4EventToast{position:fixed;bottom:24px;right:24px;padding:14px 24px;background:#34d399;color:#0f172a;border-radius:12px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;display:none;animation:toastSlideIn .3s ease forwards;display:none}@media(max-width: 640px){.ga4EventToast{left:16px;right:16px;bottom:16px;text-align:center}}.ga4EventToast_success{display:block;background:#34d399;color:#0f172a}.ga4EventToast_success::before{content:"✓ "}.ga4EventToast_error{display:block;background:#f87171;color:#0f172a}.ga4EventToast_error::before{content:"✕ "}.ga4EventToast_info{display:block;background:#60a5fa;color:#0f172a}.ga4EventToast_info::before{content:"ⓘ "}.ga4EventToast_warning{display:block;background:#fbbf24;color:#0f172a}.ga4EventToast_warning::before{content:"⚠ "}.ga4EventToast_success{background:#34d399}.ga4EventToast_error{background:#f87171}