.illustration-main{max-width:1100px;margin:auto;padding:30px 24px 60px}.illustration-back{font-size:.9rem}.illustration-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.illustration-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.35;margin:8px 0 16px}.illustration-heading img{width:140px;height:auto}.illustration-kicker{color:var(--mint-deep);font-weight:bold}.illustration-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.illustration-panel{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.illustration-panel label{display:block;font-weight:bold;margin-bottom:8px}.illustration-panel textarea{display:block;width:100%;padding:14px;border:1px solid #8390a2;border-radius:8px;font:inherit;line-height:1.7;resize:vertical}.illustration-panel input[type=file]{max-width:100%;font:inherit;font-size:.9rem;min-height:44px}.illustration-small{font-size:.875rem;color:var(--sub);line-height:1.7}.illustration-examples{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 24px}.illustration-examples button,#reference-remove{font:inherit;font-size:.875rem;background:var(--mint-soft);color:var(--mint-deep);border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:44px;cursor:pointer}.illustration-transfer{font-size:.875rem;margin:22px 0 16px;line-height:1.7}.illustration-actions{display:flex;flex-direction:column;gap:10px}.illustration-actions .btn{width:100%}.illustration-result h2{font-size:1.25rem;margin:0 0 18px}.illustration-placeholder{display:grid;place-content:center;text-align:center;aspect-ratio:1;background:var(--mint-soft);border-radius:12px;color:var(--mint-deep)}.illustration-placeholder span{font-size:3rem}.illustration-result figure{margin:0}.illustration-result figure img{width:100%;height:auto;object-fit:contain;border-radius:8px}.illustration-result figcaption{font-size:.8rem;color:var(--sub);text-align:center}.illustration-result [role=status]{margin:18px 0;font-size:.95rem;overflow-wrap:anywhere}.illustration-result [aria-busy=true]{opacity:.7}#result-actions{display:flex;flex-wrap:wrap;gap:8px}#reference-preview{display:flex;align-items:center;gap:14px;margin:14px 0}#reference-preview img{object-fit:contain;background:var(--paper);border-radius:8px}#provider-help{border-top:1px solid var(--line);padding-top:12px;font-size:.9rem}.illustration-usage,.illustration-next{margin-top:34px}.illustration-usage h2,.illustration-next h2{font-size:1.25rem}.illustration-usage p,.illustration-next p{font-size:.95rem;margin:12px 0}.illustration-usage details{margin-top:14px}.illustration-usage summary{cursor:pointer;min-height:44px;color:var(--mint-deep)}.illustration-honeypot{position:absolute;left:-10000px;width:1px;height:1px}.illustration-main [hidden]{display:none!important}.illustration-busy .illustration-placeholder span{animation:illustration-pulse 1.5s ease-in-out infinite}@keyframes illustration-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.illustration-busy .illustration-placeholder span{animation:none}}@media(max-width:700px){.illustration-main{padding:24px 16px 40px}.illustration-workspace{grid-template-columns:1fr}.illustration-panel{padding:20px}.illustration-heading img{width:64px}.illustration-heading{gap:12px}.illustration-result{scroll-margin-top:16px}.illustration-heading h1{font-size:1.65rem}}
