:root{--bg: #ffffff;--text: #111111;--ink-soft: #17202a;--muted: #747474;--line: #e8e8e8;--soft: #f7f8f7;--accent: #4a7c73;--accent-dark: #35625b;--accent-pale: #e5f3ed;--tip: #e3f5ee;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -22%,#f5f7f6 0,#fff 42% 100%);color:var(--text);font-family:DM Sans,sans-serif}button,input,select{font:inherit}.page-shell{display:grid;align-content:start;gap:24px;width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:28px 24px 40px}.page-shell.is-empty{display:flex;flex-direction:column;padding-top:40px;padding-bottom:34px}.page-shell.has-results{display:grid;align-content:start}.hero{display:grid;justify-items:center;padding-top:2px;text-align:center}.brand-logo{display:block;width:54px;height:54px;margin-bottom:16px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,2.65rem);font-weight:700;letter-spacing:0;line-height:1.08}.intro-text{max-width:650px;margin:0 0 14px;color:var(--muted);font-size:1.12rem;line-height:1.38}.pre-tool-promo{max-width:740px;margin:auto auto 0;color:var(--muted);font-size:.98rem;line-height:1.45;text-align:center}.pre-tool-promo a{color:var(--accent-dark);font-weight:700;text-decoration:none}.pre-tool-promo a:hover{text-decoration:underline}.request-card,.result-card,.promo-card,.tip{border:1px solid var(--line);border-radius:8px;background:#ffffffed;box-shadow:0 10px 34px #141e1a0d}.request-card{padding:26px}.generator-form{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:32px;align-items:center}.form-fields,.field-group{display:grid;min-width:0}.form-fields{gap:20px}.field-group{gap:9px}.select-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.85fr);gap:20px}.select-row.single-select{grid-template-columns:1fr}label{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}input,select{width:100%;min-width:0;height:58px;border:1px solid var(--line);border-radius:8px;background-color:#fff;color:var(--text);font-size:1rem}input{padding:0 18px}select{appearance:none;padding:0 44px 0 18px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 24px) 50%,calc(100% - 18px) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px}input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #4a7c7324}.custom-width{max-width:280px}.action-panel{display:grid;align-self:start;justify-items:center;gap:13px;padding-top:28px}.action-panel button{width:100%;height:58px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-size:1.12rem;font-weight:700;box-shadow:0 14px 30px #4a7c732e}.action-panel button:hover{background:var(--accent-dark)}.action-panel button span{padding-left:8px}.action-panel p{width:100%;max-width:none;margin-bottom:0;color:var(--muted);font-size:.96rem;line-height:1.35;text-align:center}.results-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.9fr);gap:16px}.results-flow{display:grid;gap:16px}.results-grid.download-only{grid-template-columns:minmax(0,650px);justify-content:center}.result-card,.promo-card{padding:26px}h2{margin-bottom:6px;color:var(--text);font-size:1.7rem;line-height:1.12}.card-intro{margin-bottom:26px;color:var(--muted);font-size:1rem;line-height:1.4}.link-item{display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;align-items:center}.item-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:var(--accent-pale);color:var(--accent);font-size:1.45rem;font-weight:700;line-height:1}.item-icon svg,.copy-row button svg,.tip svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}h3{margin-bottom:3px;color:var(--ink-soft);font-size:1.05rem;line-height:1.16}.item-copy p{margin-bottom:0;color:var(--muted);font-size:.96rem;line-height:1.26}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:22px}.copy-row input{overflow:hidden;height:56px;color:#444;font-family:DM Mono,monospace;font-size:.9rem;text-overflow:ellipsis}.copy-row button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-width:124px;height:56px;padding:0 18px;border:1px solid var(--text);border-radius:8px;background:var(--text);color:#fff;cursor:pointer;font-size:.96rem;font-weight:700}.copy-row button:hover{background:#333}.html-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.promo-card{display:grid;gap:18px;border-color:#4a7c7338;background:linear-gradient(135deg,#f3faf6,#fff 54%,#f8fbfa)}.eyebrow{margin-bottom:9px;color:var(--accent-dark);font-size:.78rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.promo-copy h2{max-width:560px;margin-bottom:10px;font-size:1.55rem}.promo-copy>p:not(.eyebrow):not(.secondary-offer){max-width:720px;margin-bottom:16px;color:#4f5754;font-size:1rem;line-height:1.45}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800;text-decoration:none}.primary-link:hover{background:var(--accent-dark)}.primary-link span{padding-left:8px}.secondary-offer{margin:14px 0 0;color:var(--muted);font-size:.95rem;line-height:1.4}.secondary-offer a{color:var(--accent-dark);font-weight:700;text-decoration:none}.secondary-offer a:hover{text-decoration:underline}.preview-card{display:grid;align-content:start}.image-output{display:grid;min-height:350px;place-items:center;overflow:hidden;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.image-output img{display:block;width:auto;max-width:100%;max-height:390px;object-fit:contain}.image-output p{max-width:290px;margin:0;color:var(--muted);font-size:.96rem;line-height:1.4;text-align:center}.preview-failed{background:#fbfbfb}.preview-size{margin:12px 0 0;color:var(--muted);font-size:.96rem;text-align:center}.tip{display:flex;gap:14px;align-items:center;margin:4px 0 0;padding:20px 28px;border-color:#4a7c7324;background:var(--tip);color:#2f655c;font-size:1rem;line-height:1.4}.tip span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;font-size:1.45rem}@media(max-width:900px){.generator-form,.results-grid{grid-template-columns:1fr}.action-panel{justify-items:stretch;padding-top:0}}@media(max-width:560px){.page-shell{padding:22px 14px 34px}.page-shell.is-empty{padding-bottom:24px}.pre-tool-promo{font-size:.92rem}.request-card,.result-card,.promo-card{padding:18px}.primary-link{width:100%}.select-row,.copy-row{grid-template-columns:1fr}.link-item{grid-template-columns:52px minmax(0,1fr);gap:14px}.item-icon{width:50px;height:50px;font-size:1.1rem}.copy-row button{width:100%}.image-output{min-height:220px}}