:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#faf9ff;--surface:#fff;--surface-soft:#f0ecff;--text:#24213b;--muted:#625b76;--border:#ded7ed;--control-border:#887b9e;--accent:#5b48ce;--accent-fill:#5b48ce;--accent-hover:#4938b5;--on-accent:#fff;--error-text:#a12722;--error-background:#fff2f1;--success-text:#115b49;--success-background:#e9f7f2;--disabled-text:#635b71;--disabled-background:#e7e2ee;--sdg-ink:#24213b;--shadow:#2522381f;--focus-glow:#5b48ce33;color:var(--text);background:var(--page);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#171522;--surface:#242033;--surface-soft:#302a43;--text:#f5f2ff;--muted:#c5bed8;--border:#50465f;--control-border:#9385ac;--accent:#c4b5fd;--accent-fill:#b8a4fa;--accent-hover:#cbbafa;--on-accent:#211638;--error-text:#ffb4ab;--error-background:#402528;--success-text:#a4e2c9;--success-background:#193b32;--disabled-text:#b5aac5;--disabled-background:#393146;--shadow:#00000040;--focus-glow:#c4b5fd40}*{box-sizing:border-box}html{background:var(--page);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));color:var(--text);background:var(--page);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}textarea{resize:vertical}#root{min-height:100vh}a{color:var(--accent)}:where(button,a,summary,select,input,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.theme-toggle{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;border:1px solid var(--control-border);width:44px;height:44px;color:var(--text);background:var(--surface);box-shadow:0 4px 16px var(--shadow);border-radius:50%;justify-content:center;align-items:center;padding:10px;display:inline-flex;position:fixed}.theme-toggle:hover{background:var(--surface-soft)}.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.history-card{transition:none}.history-card:hover{transform:none}}.studio-header{z-index:20;border-bottom:1px solid var(--border);color:var(--text);background:var(--surface);padding:14px 20px;position:sticky;top:0}.studio-header-inner{justify-content:space-between;align-items:center;gap:16px;width:min(100%,900px);margin:0 auto;display:flex}.studio-brand{min-width:0;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;padding:4px 0;font-size:1.25rem;font-weight:750;line-height:1.4}.studio-brand span{color:var(--accent)}.studio-menu{flex-shrink:0;position:relative}.studio-menu-toggle{width:44px;height:44px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.studio-menu-toggle:hover,.studio-menu-toggle[aria-expanded=true]{background:var(--surface-soft)}.studio-menu-panel{overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);width:min(260px,100vw - 32px);max-height:min(70vh,400px);box-shadow:0 12px 32px var(--shadow);border-radius:12px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto}.studio-menu-panel[hidden]{display:none}.studio-menu-link{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:12px;font-weight:650}.studio-menu-link:hover{background:var(--surface-soft)}.studio-menu-link[aria-current=page]{border-color:var(--accent);color:var(--accent);background:var(--surface-soft)}.studio-screen[hidden]{display:none!important}.studio-home-content{margin:0}.studio-home-content .studio-welcome{min-height:0}#studio-main:focus{outline:none}@media (width<=600px){.studio-header{padding:12px 16px}.studio-brand{font-size:1.05rem}}.asset-tool[hidden]{display:none!important}.campaign-assets>.back-button:hover{color:var(--accent);background:var(--surface-soft)}.asset-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.campaign-assets .asset-option{border:1px solid var(--border);min-width:0;min-height:220px;color:var(--text);background:var(--surface);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.campaign-assets .asset-option:hover{border-color:var(--accent);background:var(--surface-soft)}.asset-option-icon{font-size:1.8rem}.asset-option-title{font-size:1.15rem;font-weight:750}.asset-option-description{color:var(--muted);line-height:1.6}.asset-editor label{color:var(--text);margin:18px 0 8px;font-weight:650;display:block}.asset-editor input:not([type=checkbox]):not([type=range]):not([type=color]),.asset-editor textarea,.asset-editor select{box-sizing:border-box;border:1px solid var(--control-border);width:100%;min-width:0;color:var(--text);background:var(--surface);font:inherit;border-radius:12px;padding:12px;line-height:1.6;display:block}.asset-editor textarea{resize:vertical}.asset-editor input[type=range]{width:100%;accent-color:var(--accent-fill)}.asset-editor input[type=color]{width:64px;height:42px}.asset-editor input[type=file]{font-size:.85rem}.asset-editor .asset-checkbox{align-items:center;gap:10px;display:flex}.asset-editor button{border:1px solid var(--control-border);min-height:44px;color:var(--on-accent);background:var(--accent-fill);font:inherit;border-radius:10px;padding:10px 16px;font-weight:650}.asset-editor button:hover{background:var(--accent-hover)}.asset-editor button:disabled{opacity:.6;cursor:not-allowed}.asset-editor .asset-secondary,.asset-tabs button{color:var(--accent);background:var(--surface)}.asset-editor .asset-secondary:hover,.asset-tabs button:hover{color:var(--accent);background:var(--surface-soft)}.asset-tabs button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--surface-soft)}.asset-tabs,.asset-toolbar{flex-wrap:wrap;align-items:flex-start;gap:10px;margin:16px 0;display:flex}.asset-copy{gap:6px;display:grid}.asset-copy span{max-width:340px;color:var(--error-text);font-size:.9rem}.asset-copy span:empty{display:none}.asset-image-layout{grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);align-items:start;gap:24px;display:grid}.asset-controls{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:20px}.asset-controls>button{margin-top:12px}.asset-controls>label:first-child{margin-top:0}.asset-preview-column{min-width:0}.asset-preview{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;place-items:center;padding:12px;display:grid;overflow:hidden}.asset-canvas{width:auto;max-width:100%;height:auto;max-height:75vh;display:block}@media (width<=700px){.asset-options,.asset-image-layout{grid-template-columns:1fr}.campaign-assets .asset-option{min-height:160px}}.studio-welcome{min-height:100vh;color:var(--text);background:var(--page)}.welcome-header{background:var(--surface);border-bottom:1px solid var(--border)}.welcome-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:min(100% - 32px,920px);min-height:76px;margin:0 auto;padding-block:12px;display:flex}.welcome-brand{margin:0;font-size:1.1rem;font-weight:750}.welcome-brand span{color:var(--accent)}.welcome-menu{position:relative}.welcome-menu summary{cursor:pointer;padding:10px;font-size:1.5rem;list-style:none}.welcome-menu summary::-webkit-details-marker{display:none}.welcome-menu nav{z-index:10;border:1px solid var(--border);background:var(--surface);width:210px;box-shadow:0 12px 30px var(--shadow);border-radius:12px;padding:8px;position:absolute;top:100%;right:0}.welcome-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;padding:12px}.welcome-menu button:hover{background:var(--surface-soft)}.welcome-main{text-align:center;width:min(100% - 40px,720px);margin:0 auto;padding:clamp(56px,9vw,100px) 0}.welcome-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;font-size:.875rem;font-weight:650}.welcome-main h1{max-width:620px;color:var(--text);letter-spacing:-.035em;margin:0 auto;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.12}.welcome-description{max-width:600px;color:var(--muted);margin:24px auto 32px;font-size:1.125rem;line-height:1.7}.welcome-start{min-height:48px;color:var(--on-accent);background:var(--accent-fill);border:0;border-radius:10px;padding:14px 28px;font-weight:700}.welcome-start:hover{background:var(--accent-hover)}.welcome-start:focus-visible,.welcome-menu summary:focus-visible,.welcome-menu button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.welcome-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app{background:var(--page);min-height:100vh;color:var(--text)}.app-header{color:var(--text);background:var(--surface);border-bottom:1px solid var(--border);padding:20px 24px}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(100%,900px);margin:0 auto;display:flex}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.app-header h1{max-width:760px;color:var(--text);margin:0;font-size:1.25rem;line-height:1.4}.main-navigation{background:0 0;border-radius:14px;flex-wrap:wrap;gap:8px;width:min(100%,900px);margin:12px auto 0;padding:0;display:flex}.navigation-button{min-height:44px;color:var(--accent);background:0 0;border:0;border-radius:10px;padding:10px 20px;font-weight:750}.navigation-button:hover{background:var(--surface-soft)}.navigation-button.active{color:var(--accent);background:var(--surface-soft);box-shadow:none}.main-content{width:min(100% - 40px,900px);margin:48px auto 80px}.campaign-builder{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.campaign-history,.campaign-details{border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 55px var(--shadow);border-radius:24px;padding:clamp(24px,5vw,48px)}.section-heading h2,.campaign-details-header h2{color:var(--text);margin:0;font-size:clamp(1.65rem,4vw,2.3rem);line-height:1.2}.section-heading>p,.campaign-details-header>p{color:var(--muted);line-height:1.7}.step-indicator{flex-wrap:wrap;gap:8px;margin:0 0 32px;display:flex}.step-button{border:1px solid var(--control-border);min-height:40px;color:var(--muted);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:8px 16px;font-weight:500;display:flex}.step-button:hover{border-color:var(--accent)}.step-button.active{border-color:var(--accent);color:var(--on-accent);background:var(--accent-fill)}.campaign-builder form{width:100%}.campaign-builder fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.campaign-builder legend{color:var(--text);margin-bottom:16px;padding:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.2}.campaign-builder fieldset>p{color:var(--muted);margin:0 0 20px;line-height:1.65}.campaign-builder label{color:var(--text);margin-top:12px;font-size:.95rem;font-weight:750}.campaign-builder label span{color:var(--muted);font-weight:500}.campaign-builder input,.campaign-builder textarea{box-sizing:border-box;border:1px solid var(--control-border);width:100%;min-width:0;color:var(--text);background:var(--surface);font:inherit;border-radius:16px;line-height:1.55}.campaign-builder input{min-height:48px;padding:10px 13px}.campaign-builder textarea{resize:vertical;padding:16px}.campaign-builder input:focus,.campaign-builder textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-glow)}.campaign-builder input::placeholder,.campaign-builder textarea::placeholder{color:var(--muted)}.field-error{font-size:.88rem;font-weight:650;color:var(--error-text)!important;margin:0!important}.error-summary{border:1px solid var(--error-text);color:var(--error-text);background:var(--error-background);border-radius:12px;margin-bottom:24px;padding:16px 18px;line-height:1.55}.success-message{border:1px solid var(--success-text);color:var(--success-text);background:var(--success-background);border-radius:12px;margin-bottom:24px;padding:16px 18px;font-weight:700;line-height:1.55}.status-message{color:var(--text);background:var(--surface-soft);border-radius:12px;margin-bottom:24px;padding:16px 18px;line-height:1.55}.error-summary h2{margin:0 0 8px;font-size:1.05rem}.error-summary p{margin:4px 0}.form-actions{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:32px;padding-top:22px;display:flex}.form-actions button,.campaign-details-actions button{border:1px solid var(--control-border);min-height:46px;color:var(--on-accent);background:var(--accent-fill);border-radius:10px;padding:10px 20px;font-weight:750}.back-button{border:1px solid var(--control-border);min-height:46px;color:var(--accent);background:var(--surface);border-radius:10px;margin-bottom:30px;padding:10px 20px;font-weight:750}.form-actions button:hover,.campaign-details-actions button:hover,.back-button:hover{background:var(--accent-hover)}.form-actions button[type=button]:first-child{color:var(--accent);background:var(--surface);border-color:var(--control-border)}.campaign-details-actions button:disabled{border-color:var(--border);color:var(--disabled-text);background:var(--disabled-background)}.section-heading{margin-bottom:28px}.section-heading .eyebrow,.campaign-details-header .eyebrow{color:var(--accent)}.history-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.history-card{text-align:left;border:1px solid var(--border);min-height:220px;color:var(--text);background:var(--surface-soft);border-radius:16px;flex-direction:column;justify-content:space-between;padding:22px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.history-card:hover{border-color:var(--accent);box-shadow:0 14px 30px var(--shadow);transform:translateY(-3px)}.history-card h3{color:var(--text);margin:0 0 12px;font-size:1.25rem}.history-card p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.history-card-footer{color:var(--accent);justify-content:space-between;gap:12px;margin-top:24px;font-size:.88rem;font-weight:750;display:flex}.empty-state{text-align:center;border:1px dashed var(--border);color:var(--muted);background:var(--surface-soft);border-radius:16px;padding:48px 24px}.empty-state h3{color:var(--text);margin:0 0 8px}.campaign-details-header{border-bottom:1px solid var(--border);padding-bottom:28px}.sdg-label{background:var(--surface-soft);border-radius:999px;padding:7px 11px;font-size:.88rem;font-weight:750;display:inline-block;color:var(--text)!important;margin:12px 0 0!important}.campaign-details-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px;display:grid}.campaign-details-grid article{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;min-width:0;padding:20px}.campaign-details-grid h3{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.92rem}.campaign-details-grid p{overflow-wrap:anywhere;color:var(--text);white-space:pre-wrap;margin:0;line-height:1.65}.campaign-details-actions{border-top:1px solid var(--border);gap:12px;margin-top:28px;padding-top:24px;display:flex}.ai-review{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;margin-top:30px;padding:24px}.ai-review .eyebrow{color:var(--accent)}.ai-review h3{color:var(--text);margin:0 0 16px;font-size:1.4rem}.ai-review-content{color:var(--text);white-space:pre-wrap;line-height:1.75}.ai-review-note{border-top:1px solid var(--border);color:var(--muted);margin:20px 0 0;padding-top:16px;font-size:.9rem}.ai-review-content h1{color:var(--text);margin:24px 0 10px;font-size:1.6rem;line-height:1.3}.ai-review-content h2{color:var(--text);margin:24px 0 10px;font-size:1.35rem;line-height:1.3}.ai-review-content h3{color:var(--text);margin:24px 0 10px;font-size:1.1rem;line-height:1.3}.ai-review-content p{margin:0 0 16px}.ai-review-content ul,.ai-review-content ol{margin:0 0 18px;padding-left:24px}.ai-review-content li{margin-bottom:9px;line-height:1.65}.ai-review-content strong{color:var(--text)}.ai-review-content>:first-child{margin-top:0}.ai-review-content>:last-child{margin-bottom:0}.example-toggle{color:var(--accent);background:0 0;border:0;justify-self:start;padding:4px 0;text-decoration:underline}.campaign-builder #problem-example{border-left:3px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:8px;margin:8px 0 16px;padding:16px}.form-actions button[type=button]:first-child:hover{background:var(--surface-soft)}.form-actions button:disabled,.form-actions button[type=button]:first-child:disabled{border-color:var(--border);color:var(--disabled-text);background:var(--disabled-background)}.example-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sdg-picker{margin-top:24px}.campaign-builder .sdg-picker-heading{color:var(--text);margin:0 0 8px;font-weight:600;display:block}.sdg-picker-help{color:var(--muted);margin:0 0 14px;font-size:.9rem;line-height:1.5}.sdg-select{border:1px solid var(--control-border);width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--surface);font:inherit;border-radius:12px;padding:12px 14px;display:block}.sdg-select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sdg-select[aria-invalid=true]{border-color:var(--error-text)}.sdg-select:disabled{opacity:.65;cursor:not-allowed}.sdg-picker .field-error{padding-top:8px}@media (width<=700px){.app-header{padding:20px 16px}.main-navigation{margin-top:12px}.navigation-button{flex:1;padding-inline:10px}.main-content{width:min(100% - 32px,900px);margin-top:32px}.campaign-history,.campaign-details{border-radius:16px;padding:22px 16px}.step-button{justify-content:flex-start}.campaign-details-actions,.form-actions{flex-direction:column}.campaign-details-actions button,.form-actions button{width:100%}}.app[hidden],.builder-view[hidden]{display:none!important}.draft-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-bottom:14px;padding:20px}.draft-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:12px;display:flex}.campaign-builder .draft-card label{margin:0}.draft-badge{border:1px solid var(--border);color:var(--muted);background:var(--surface-soft);border-radius:4px;padding:4px 7px;font-size:.75rem;line-height:1.5}.campaign-builder .draft-card input,.campaign-builder .draft-card textarea{border-color:var(--border);border-radius:8px;padding:10px}.draft-note{color:var(--muted);line-height:1.6}.draft-card .field-error{padding-top:8px}.step-button:disabled{opacity:.6;cursor:not-allowed}.campaign-version-panel{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:16px;margin-bottom:24px;padding:24px}.campaign-version-panel h2{margin-top:0}.campaign-version-panel p{color:var(--muted);line-height:1.6}.campaign-version-panel label{margin-bottom:8px;font-weight:600;display:block}.campaign-version-panel select{border:1px solid var(--control-border);width:100%;min-height:44px;color:var(--text);background:var(--surface);border-radius:10px;padding:10px;display:block}.campaign-details-actions{flex-wrap:wrap}