.uxDialogText{white-space:pre-wrap;line-height:1.6}.uxModalOpen{overflow:hidden}#uxDialog{z-index:10000}.modalOverlay .modal{max-height:calc(100dvh - 36px);overflow-y:auto}.uxMessage{background:var(--surface);border:1px solid var(--stroke);border-left:4px solid var(--accent);border-radius:12px;padding:14px;box-shadow:0 8px 24px #0003}.uxMessage p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin-top:0}#uxMessages{position:fixed;bottom:20px;right:20px;width:min(440px,calc(100vw - 32px));z-index:12000;display:grid;gap:10px}.experienceToolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 16px}.experienceToolbar .btn{font-size:12px}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settingsGrid .panel{min-width:0}.settingsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settingsForm .wide{grid-column:1/-1}.settingsForm .field{min-width:0}.settingsForm input,.settingsForm select{width:100%}.setupSteps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.setupCheck{padding:14px 0;border-bottom:1px solid var(--stroke)}.setupCheck:last-child{border-bottom:0}.setupCheck p{line-height:1.6}.metricHelp{font-size:12px;line-height:1.65;max-width:100%;padding:12px 14px;border:1px solid var(--stroke);border-radius:10px;margin-bottom:16px}.metricHelp summary{cursor:pointer;font-weight:700}.metricHelp dl{margin-bottom:0}.metricHelp dt{font-weight:700;margin-top:10px}.metricHelp dd{margin:5px 0 12px}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skipLink{position:fixed;top:-80px;left:16px;padding:12px;background:var(--accent);color:#111;z-index:14000}.skipLink:focus{top:12px}#screen:focus{outline:none}@media(max-width:760px){.settingsGrid,.settingsForm{grid-template-columns:minmax(0,1fr)}.experienceToolbar{align-items:stretch}.experienceToolbar .btn{flex:1 1 140px}.modalOverlay .modal{max-width:100%;max-height:calc(100dvh - 24px)}#uxMessages{right:16px;bottom:16px}.setupSteps .btn{flex:1 1 130px}}

.settingsForm input[type="checkbox"]{width:auto}

.uxModalOpen .uxMessage[data-kind="success"]{display:none}
@media(max-width:760px){.panelhead .row{flex-wrap:wrap;max-width:100%;min-width:0}.panelhead .row input,.panelhead .row select{max-width:100%;min-width:0}.modalOverlay .field{min-width:0}.modalOverlay .field input,.modalOverlay .field select{max-width:100%;min-width:0}}