:root{--bg-cream:#f5f1e7;--paper:#fffdf8;--ink:#1d3329;--forest:#234738;--forest-dark:#183128;--gold:#af8e4c;--line:#ded5c3;--error:#8c2a2a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;font-family:Georgia,Times New Roman,serif}.visualizer-shell{max-width:1180px;margin:0 auto;padding:2rem 1rem 2.5rem}.title-section{text-align:center;margin-bottom:1.5rem}.title-section h1{color:var(--forest-dark);letter-spacing:.03em;font-size:clamp(1.8rem,3.8vw,2.5rem)}.title-section p{color:#3a4f45;max-width:760px;margin:.75rem auto 0;line-height:1.5}.visualizer-grid{grid-template-columns:1fr;gap:1rem;display:grid}.panel{border:1px solid var(--line);background:#fffdf8eb;border-radius:12px;padding:1rem;box-shadow:0 10px 30px #1d332914}.panel h2{color:var(--forest);margin-bottom:.9rem;font-size:1.25rem}form.panel{gap:.75rem;display:grid}label{color:#2f433a;gap:.35rem;font-size:.95rem;font-weight:600;display:grid}input,select,textarea,button,.link-btn{font:inherit}input,select,textarea{color:#22362d;background:#fff;border:1px solid #cdbfa6;border-radius:8px;width:100%;padding:.65rem .7rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #b89a63}.primary-btn,.secondary-btn,.link-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.68rem .95rem;font-weight:700;text-decoration:none;transition:background-color .12s,color .12s;display:inline-flex}.primary-btn{background:var(--forest);color:#fff}.primary-btn:hover{background:var(--forest-dark)}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.secondary-btn{border-color:var(--forest);color:var(--forest);background:#fff}.secondary-btn:hover{background:#f0f5f2}.output-panel{flex-direction:column;display:flex}.result-image{border:1px solid #dfd4c0;border-radius:10px;width:100%;height:auto;margin-bottom:.75rem}.disclaimer,.placeholder-text{color:#4a5d53;font-size:.92rem;line-height:1.45}.placeholder-text{margin-top:.35rem}.cta-row{gap:.6rem;margin-top:.9rem;display:grid}.error-text{color:var(--error);margin-top:.15rem;font-size:.9rem}.loading-state{color:#3e5047;place-items:center start;gap:.65rem;display:grid}.spinner{border:3px solid #d7ccba;border-top-color:var(--gold);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:960px){.visualizer-grid{grid-template-columns:.95fr 1.2fr;gap:1.2rem}.cta-row{grid-template-columns:1fr 1fr}}