.editor [hidden]{display:none!important}
.layout > *{min-width:0}
.editor [data-wizard-panel],#inlineGameDesign,#inlineCertificateDesign{min-width:0;max-width:100%}
#flowSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}
#flowSteps button{cursor:pointer;font:inherit;min-height:52px;border:1px solid #ccd9e4;border-radius:12px;background:#edf5fa;color:#143650;padding:10px}
#flowSteps button[aria-current="step"]{background:#0070bd;color:white;border-color:#0070bd;font-weight:700}
.wizard-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;border-top:1px solid #dce5ed;padding-top:20px}
.wizard-nav #wizardNext{margin-left:auto}
#flowSteps{scroll-margin-top:90px}
.game-option{text-transform:none;letter-spacing:normal}
.wizard-template{padding:20px;background:#edf6fc;border:1px solid #c5dfef;border-radius:16px;margin:20px 0}
[data-wizard-panel] .design-entry{margin:20px 0;padding:20px;box-shadow:none}
[data-wizard-panel] .brand-options{margin-top:20px}
#wizardSummary{padding:12px 0;line-height:1.6}
@media(max-width:600px){#flowSteps button{font-size:13px;padding:8px 4px}}
.design-entry[hidden],.brand-options[hidden]{display:none!important}
.sidebar #sessionCenter,.sidebar #cbwLivePanel{margin-top:24px;padding:20px 0 0;border-top:1px solid #cfdeea;border-radius:0;box-shadow:none;background:white}
.design-editor--inline{display:block;width:100%;height:auto;max-height:none;border:0;border-radius:0;background:white}
.design-editor--inline .design-editor__body{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}
.design-editor--inline .design-editor__settings,.design-editor--inline .design-editor__preview{overflow:visible;height:auto}
.design-editor--inline .design-editor__preview{align-self:start;position:sticky;top:12px;background:#edf5fa;border-radius:18px}
.design-editor--inline [hidden]{display:none!important}
.design-editor--inline .design-mobile-tabs{display:none}
.design-editor--inline header{padding:20px 0}
.design-editor--inline footer{padding:16px 0}
#sectorPicker .btn{margin-top:16px}
@media(max-width:760px){
 #flowSteps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .design-editor--inline .design-editor__body{display:flex;flex-direction:column}
 .design-editor--inline .design-editor__settings,.design-editor--inline .design-editor__preview{display:block!important;width:100%}
 .design-editor--inline .design-editor__preview{position:static}
}

/* The game template is chosen before either editor opens. */
.wizard-mode{min-width:0;margin:0 0 24px;padding:20px;border:1px solid #bfd9e9;border-radius:16px;background:#edf6fc;color:#143650}
.wizard-mode>label{margin:0 0 10px;color:#0070bd;font-size:12px;letter-spacing:.08em}
#gameMode{width:100%;max-width:420px;min-width:0;min-height:48px;padding:12px 42px 12px 14px;border:1.5px solid #a9c9df;border-radius:12px;background-color:#fff;color:#143650;font-size:16px;font-weight:700}
#gameMode:focus-visible{outline:3px solid #e2a03f;outline-offset:3px}
#gameModeHelp{max-width:720px;margin:10px 0 0;color:#536e83;font-size:12px;line-height:1.6}
#liveQuizTemplate,#liveQuizPreview{min-width:0;max-width:100%;color:#143650;overflow-wrap:anywhere}
#liveQuizTemplate .design-editor__live{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);min-width:0;border:1px solid #cfdeea;border-radius:18px;overflow:hidden}
#liveQuizTemplate .design-live-info{min-width:0;padding:24px;border-right:1px solid #dce6ed;background:#fff}
#liveQuizTemplate .design-live-eyebrow{color:#0070bd;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}
#liveQuizTemplate .design-live-info h3{font-size:22px;line-height:1.3;margin:0 0 12px}
#liveQuizTemplate .design-live-info p,#liveQuizTemplate .design-live-info li{font-size:12px;line-height:1.7}
#liveQuizTemplate .design-live-info ul{margin:20px 0;padding-left:18px}
#liveQuizTemplate .design-live-info li{margin-bottom:10px}
#liveQuizTemplate .design-live-note{background:#edf7fe;border-left:3px solid #0070bd;padding:12px;border-radius:0 9px 9px 0}
#liveQuizTemplate .design-live-example{padding:18px;min-width:0;background:linear-gradient(145deg,#143650 0%,#0d5281 52%,#0072bc 100%)}
#liveQuizTemplate .design-live-example__caption{font-size:11px;line-height:1.5;color:#fff;margin:0 0 12px}
#liveQuizTemplate .design-live-preview{min-width:0;border:1px solid #c7dce9;border-radius:18px;background:#fff;padding:22px}
#liveQuizTemplate .design-live-preview__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#0070bd;font-weight:700}
#liveQuizTemplate .design-live-preview__meta>span:last-child{flex:none;white-space:nowrap;background:#edf7fe;padding:5px 10px;border-radius:8px}
#liveQuizTemplate .design-live-art{display:grid;grid-template-columns:minmax(0,1fr) 15% minmax(0,1fr);align-items:center;gap:12px;max-width:460px;margin:12px auto 18px}
#liveQuizTemplate .design-live-art img{display:block;width:100%;min-width:0;height:auto}
#liveQuizTemplate .design-live-art svg{display:block;width:100%;height:auto;overflow:visible;animation:design-live-flow 2.6s ease-in-out infinite}
#liveQuizTemplate .design-live-art path{stroke:#0072bc;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
#liveQuizTemplate .design-live-preview h3{font-size:21px;line-height:1.35;margin:0}
#liveQuizTemplate .design-live-bars{display:grid;gap:14px;margin-top:20px}
#liveQuizTemplate .design-live-bar>div:first-child{display:flex;gap:10px;align-items:baseline;margin-bottom:6px;font-size:12px}
#liveQuizTemplate .design-live-bar>div:first-child>span{flex:1;min-width:0}
#liveQuizTemplate .design-live-bar>div:first-child>strong{flex:none;white-space:nowrap}
#liveQuizTemplate .design-live-bar__track{height:12px;border-radius:4px;background:#edf3f7;overflow:hidden}
#liveQuizTemplate .design-live-bar__track span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#0072bc,#5fa9d5)}
#liveQuizTemplate .design-live-preview__foot{font-size:10px;color:#526d84;border-top:1px solid #dce6ed;padding-top:14px;margin:20px 0 0}
.wizard-live-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #cfdeea}
.wizard-live-actions [role=status]{flex:1;min-width:0;margin:0;font-size:12px;line-height:1.6;color:#536e83}
.wizard-live-actions .btn{flex:none;min-height:48px}
@keyframes design-live-flow{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){#liveQuizTemplate .design-live-art svg{animation:none}}
@media(max-width:760px){
 .wizard-mode{padding:16px;margin-bottom:20px}
 #gameMode{max-width:none}
 #liveQuizTemplate .design-editor__live{grid-template-columns:minmax(0,1fr)}
 #liveQuizTemplate .design-live-info{padding:18px;border-right:0}
 #liveQuizTemplate .design-live-info h3{font-size:20px}
 #liveQuizTemplate .design-live-info li{margin-bottom:6px}
 #liveQuizTemplate .design-live-example{padding:14px;order:-1}
 #liveQuizTemplate .design-live-preview{padding:16px}
 #liveQuizTemplate .design-live-preview h3{font-size:18px}
 #liveQuizTemplate .design-live-art{gap:8px}
 .wizard-live-actions{flex-direction:column;align-items:stretch;gap:12px}
 .wizard-live-actions .btn{width:100%}
}