/* AI image generator tool - scoped (.mi-*) so nothing else on the site is affected. Brand colors match style.css */
.mi-page{--mi-orange:#f47b20;--mi-orange-dark:#e46f16;--mi-soft-orange:#fff4ea;--mi-line:#e8ebef;--mi-ink:#111827;--mi-body:#4b5563;--mi-muted:#6b7280;--mi-soft:#f8fafc;color:var(--mi-body);padding-bottom:70px}
.mi-page h1,.mi-page h2,.mi-page h3{color:var(--mi-ink);letter-spacing:-.02em}
.mi-hero{padding:22px 0 34px;background:linear-gradient(180deg,var(--mi-soft) 0,#fff 100%);border-bottom:1px solid var(--mi-line)}
.mi-head{max-width:820px;margin-bottom:22px}
.mi-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mi-orange-dark);background:var(--mi-soft-orange);border:1px solid #f5d8c2;border-radius:999px;padding:5px 11px;margin-bottom:12px}
.mi-head h1{font-size:clamp(28px,4.2vw,44px);line-height:1.1;margin:0 0 12px}
.mi-head p{font-size:17px;line-height:1.6;margin:0}
.mi-tool{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px;align-items:start}
.mi-panel,.mi-stage{background:#fff;border:1px solid var(--mi-line);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(17,24,39,.05)}
.mi-label{display:block;font-size:13px;font-weight:750;color:var(--mi-ink);margin:0 0 7px}
.mi-textarea{width:100%;min-height:128px;resize:vertical;border:1px solid #d7dde5;border-radius:12px;padding:13px 14px;font:inherit;font-size:15px;line-height:1.5;color:var(--mi-ink);background:#fff}
.mi-textarea:focus,.mi-select:focus{outline:2px solid var(--mi-orange);outline-offset:1px;border-color:var(--mi-orange)}
.mi-count{display:flex;justify-content:space-between;font-size:12px;color:var(--mi-muted);margin-top:6px}
.mi-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px}
.mi-chip{border:1px solid var(--mi-line);background:var(--mi-soft);color:var(--mi-body);border-radius:999px;padding:6px 11px;font-size:12.5px;cursor:pointer;font-family:inherit}
.mi-chip:hover{border-color:var(--mi-orange);color:var(--mi-orange-dark);background:var(--mi-soft-orange)}
.mi-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.mi-select{width:100%;border:1px solid #d7dde5;border-radius:10px;padding:10px 11px;font:inherit;font-size:14px;background:#fff;color:var(--mi-ink)}
.mi-seg{display:flex;border:1px solid #d7dde5;border-radius:10px;overflow:hidden}
.mi-seg button{flex:1;border:0;background:#fff;padding:10px 6px;font:inherit;font-size:13px;cursor:pointer;color:var(--mi-body)}
.mi-seg button+button{border-left:1px solid #d7dde5}
.mi-seg button[aria-pressed=true]{background:var(--mi-orange);color:#fff;font-weight:750}
.mi-go{width:100%;margin-top:16px;border:0;border-radius:12px;background:var(--mi-orange);color:#fff;font:inherit;font-weight:800;font-size:16px;padding:14px;cursor:pointer}
.mi-go:hover{background:var(--mi-orange-dark)}
.mi-go:disabled{opacity:.6;cursor:wait}
.mi-note{font-size:12.5px;color:var(--mi-muted);line-height:1.5;margin:12px 0 0}
.mi-stage{min-height:420px;display:flex;flex-direction:column}
.mi-canvas{flex:1;display:flex;align-items:center;justify-content:center;border:1px dashed #d7dde5;border-radius:12px;background:var(--mi-soft);min-height:340px;overflow:hidden;text-align:center;padding:14px}
.mi-canvas img{max-width:100%;max-height:560px;border-radius:10px;display:block;box-shadow:0 8px 24px rgba(17,24,39,.12)}
.mi-empty{color:var(--mi-muted);font-size:14px;max-width:300px;line-height:1.5}
.mi-spin{width:34px;height:34px;border:3px solid #f5d8c2;border-top-color:var(--mi-orange);border-radius:50%;animation:mi-rot .8s linear infinite;margin:0 auto 12px}
@keyframes mi-rot{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mi-spin{animation-duration:2.4s}}
.mi-status{font-size:13.5px;margin:12px 0 0;min-height:20px;color:var(--mi-body)}
.mi-status.mi-err{color:#b42318;font-weight:650}
.mi-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.mi-btn{border:1px solid #d7dde5;background:#fff;color:var(--mi-ink);border-radius:10px;padding:9px 14px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.mi-btn:hover{border-color:var(--mi-orange);color:var(--mi-orange-dark)}
.mi-btn[hidden]{display:none}
.mi-disclaimer{margin-top:16px;background:var(--mi-soft-orange);border:1px solid #f5d8c2;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.55;color:#7a4a1c}
.mi-section{padding:42px 0 0}
.mi-section h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 12px;line-height:1.2}
.mi-section h3{font-size:18px;margin:22px 0 8px}
.mi-section p,.mi-section li{font-size:16px;line-height:1.7}
.mi-section ul,.mi-section ol{padding-left:22px;margin:10px 0}
.mi-wrap{max-width:860px}
.mi-table-wrap{overflow-x:auto;margin:14px 0;border:1px solid var(--mi-line);border-radius:12px}
.mi-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.mi-table th,.mi-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--mi-line);vertical-align:top}
.mi-table th{background:var(--mi-soft);color:var(--mi-ink);font-weight:750}
.mi-table tr:last-child td{border-bottom:0}
.mi-checked{font-size:13px;color:var(--mi-muted);margin-top:8px}
.mi-faq details{border:1px solid var(--mi-line);border-radius:12px;padding:0 16px;margin:10px 0;background:#fff}
.mi-faq summary{cursor:pointer;font-weight:750;color:var(--mi-ink);padding:14px 0;font-size:15.5px;line-height:1.4}
.mi-faq details[open] summary{color:var(--mi-orange-dark)}
.mi-faq details p{margin:0 0 14px;font-size:15px}
.mi-faq h3{margin:26px 0 4px}
.mi-links a{color:var(--mi-orange-dark);font-weight:650}
@media(max-width:900px){.mi-tool{grid-template-columns:1fr}.mi-stage{min-height:320px}}
@media(max-width:520px){.mi-panel,.mi-stage{padding:15px}.mi-row{grid-template-columns:1fr}}