/* STEMKIDS Affiliate HQ — Content Generator branch v1
   Frontend-only integration. All classes are cg1-* to avoid touching existing app styles. */
.cg1-generator-tab{position:relative}
.cg1-generator-tab::after{content:'NEW';position:absolute;top:-6px;right:-4px;background:#ffefb5;color:#876014;border-radius:999px;padding:2px 5px;font-size:6px;line-height:1;font-weight:900;letter-spacing:.04em}
.content-mode-tabs .cg1-secondary-mode{opacity:.78}

#stemkidsGeneratorPanel{display:none;margin-top:2px}
.page-section.cg1-generator-active #stemkidsGeneratorPanel{display:grid}
.page-section.cg1-generator-active > :not(.section-heading):not(.page-intro):not(.content-engine-card):not(.content-mode-tabs):not(#stemkidsGeneratorPanel){display:none!important}
.cg1-shell{gap:14px}
.cg1-preview-badge{width:max-content;background:linear-gradient(135deg,#eefaff,#f2edff);border:1px solid #dfe7f7;border-radius:999px;padding:6px 9px;color:#6b62aa;font-size:9px;font-weight:800;letter-spacing:.04em}
.cg1-head{padding:4px 2px 0}
.cg1-head h3{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:24px;letter-spacing:-.035em;margin:5px 0 0;color:var(--ink)}
.cg1-head p{color:var(--ink-soft);font-size:11px;line-height:1.55;margin:6px 0 0}
.cg1-card{background:var(--paper);border:1px solid #edf0f6;border-radius:22px;padding:15px;box-shadow:var(--shadow-soft)}
.cg1-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.cg1-card-head h4{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:15px;letter-spacing:-.02em;margin:0}
.cg1-card-head p{font-size:10px;color:var(--muted);margin:3px 0 0;line-height:1.4}
.cg1-step{flex:none;background:var(--lavender);border-radius:999px;padding:6px 9px;font-size:8px;color:#6758a9;font-weight:800}
.cg1-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cg1-field{display:grid;gap:5px;min-width:0}
.cg1-field.full{grid-column:1/-1}
.cg1-label{font-size:10px;color:var(--ink-soft);padding-left:2px;font-weight:800}
.cg1-input,.cg1-select{width:100%;min-height:43px;background:#fbfcff;border:1px solid var(--line);border-radius:13px;padding:10px 11px;font-size:11px;color:var(--ink);outline:none}
.cg1-input:focus,.cg1-select:focus{border-color:#8da2f5;box-shadow:0 0 0 3px #6f8cf617}
.cg1-formulas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cg1-formula{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:11px;cursor:pointer;min-height:91px;display:grid;align-content:start;gap:4px;color:var(--ink)}
.cg1-formula strong{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:12px}
.cg1-formula span{font-size:9px;color:var(--muted);line-height:1.35}
.cg1-formula.active{border-color:#8d7ee8;background:linear-gradient(145deg,#f7f4ff,var(--lavender));box-shadow:0 8px 20px #8976e71a}
.cg1-style-title{font-size:10px;color:var(--ink-soft);margin:12px 0 7px 2px;font-weight:800}
.cg1-styles{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.cg1-styles::-webkit-scrollbar{display:none}
.cg1-style{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:9px;cursor:pointer;color:var(--ink-soft)}
.cg1-style.active{background:var(--mint);border-color:#45b98538;color:var(--ink)}
.cg1-fact{display:flex;gap:8px;align-items:flex-start;background:linear-gradient(135deg,#fffdf2,var(--butter));border-radius:15px;padding:10px 11px;font-size:9px;color:#6d6034;margin-top:9px;line-height:1.45}
.cg1-fact b{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif}
.cg1-guard{background:linear-gradient(135deg,#eefaf4,#f0fbff);color:#356557}
.cg1-generate{width:100%;min-height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:13px;cursor:pointer;box-shadow:0 12px 24px #5c81cc30;display:flex;justify-content:center;align-items:center;gap:8px}
.cg1-generate:active{transform:translateY(1px)}
.cg1-output{display:none;gap:11px}
.cg1-output.show{display:grid}
.cg1-output-title{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:3px 2px}
.cg1-output-title h4{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:18px;margin:0}
.cg1-output-title small{font-size:9px;color:var(--muted)}
.cg1-variant{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow-soft)}
.cg1-variant-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.cg1-variant-tag{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:9px;border-radius:999px;padding:6px 8px;background:var(--sky)}
.cg1-variant-tag.b{background:var(--mint)}.cg1-variant-tag.c{background:var(--lavender)}
.cg1-char{font-size:9px;color:var(--muted)}
.cg1-copy{white-space:pre-wrap;font-size:12px;line-height:1.55;color:#263a55;background:#fbfcff;border-radius:14px;padding:12px;min-height:105px;user-select:text}
.cg1-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7px;margin-top:9px}
.cg1-action{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:38px;padding:8px;font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:9px;cursor:pointer;color:var(--ink)}
.cg1-action.primary{background:linear-gradient(135deg,var(--green-bright),var(--green-mid),var(--cyan));border-color:#8de4c0}
.cg1-action.saved{background:var(--mint);border-color:#45b98533}.cg1-action.posted{background:#eef8ff;border-color:#8fdbe8;color:#267087}
.cg1-support{background:linear-gradient(145deg,#fff,var(--sky));border:1px solid #cfecfa;border-radius:20px;padding:14px}
.cg1-support.dm{background:linear-gradient(145deg,#fff,#f3efff);border-color:#e2dcff}
.cg1-support-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.cg1-support-head strong{font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:12px}
.cg1-support-copy{white-space:pre-wrap;font-size:11px;line-height:1.5;color:#30445e;user-select:text}
.cg1-regenerate{width:100%;border:1px dashed #98a5b9;background:#fff;border-radius:14px;padding:11px;font-family:Fredoka,Nunito,Trebuchet MS,sans-serif;font-size:10px;cursor:pointer;color:var(--ink-soft)}
.cg1-log{display:none;background:var(--mint);border:1px solid #45b98530;border-radius:14px;padding:10px 11px;font-size:9px}.cg1-log.show{display:block}
.cg1-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(10px);background:#183153;color:#fff;border-radius:999px;padding:10px 15px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:100300;white-space:nowrap;box-shadow:var(--shadow)}
.cg1-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.cg1-addon{background:linear-gradient(145deg,#f5fbff,#faf7ff);border:1px solid #dce7f5;border-radius:20px;padding:14px;margin:0 0 14px;box-shadow:var(--shadow-soft)}
.cg1-addon-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.cg1-addon-head strong{font-family:Fredoka,Nunito,sans-serif;font-size:13px}.cg1-addon-head span{font-size:8px;color:var(--muted);background:#fff;border-radius:999px;padding:5px 7px}
.cg1-addon-list{display:grid;gap:8px}.cg1-addon-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.cg1-addon-copy{white-space:pre-wrap;color:#2e405a;font-size:10px;line-height:1.45;max-height:130px;overflow:auto}.cg1-addon-actions{display:flex;gap:6px;margin-top:8px}.cg1-addon-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 9px;font-size:8px;color:var(--ink)}
.cg1-device-note{font-size:8px;color:var(--muted);line-height:1.4;margin-top:8px}

@media(max-width:360px){.cg1-field-grid,.cg1-formulas{grid-template-columns:1fr}.cg1-actions{grid-template-columns:1fr 1fr}.cg1-actions .primary{grid-column:1/-1}.cg1-card{padding:13px}}