@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}:root{color:#e8edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080f1e;font-family:DM Sans,sans-serif}body{min-width:320px;margin:0}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #f6bb65}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{max-width:1280px;margin:0 auto;padding:0 40px}.topbar{border-bottom:1px solid #202b40;justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}.brand{color:#f1f5fc;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.brand-icon{color:#111827;letter-spacing:-1px;background:#f6bb65;border-radius:12px;place-items:center;width:40px;height:40px;font-size:14px;display:grid}.brand-light{color:#8c9bb4;font-weight:500}.badge{color:#9aaac2;font-size:12px}.intro{padding:56px 0 36px}.eyebrow,.step,.preview-label{letter-spacing:1.8px;color:#f6bb65;margin:0;font-size:11px;font-weight:700}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-2px;margin:16px 0;font-size:clamp(36px,5vw,58px);line-height:1.12}h1 span{color:#8af}.intro-copy{color:#9aaac2;max-width:560px;margin:0;font-size:16px;line-height:1.7}.workspace{grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;display:grid}.panel{background:#101a2c;border:1px solid #263249;border-radius:20px;min-width:0;padding:28px;box-shadow:0 16px 48px #0000001a}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.step{color:#8c9bb4;font-size:10px}h2{letter-spacing:-.5px;margin:8px 0 0;font-size:21px}.tag,.status{border-radius:6px;padding:7px 10px;font-size:10px;font-weight:600}.tag{color:#a6bfff;background:#1a2b48}.status{color:#abb8ce;border:1px solid #33415b}.label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}label{color:#d1daeb;font-size:13px;font-weight:500}.example-button{color:#a6bfff;background:0 0;border:none;padding:4px 0;font-size:12px}.example-button:hover{color:#d3dfff}textarea{resize:vertical;color:#e8edf7;background:#0b1424;border:1px solid #2b3953;border-radius:12px;width:100%;min-height:245px;padding:18px;font-size:14px;line-height:1.8;display:block}textarea::placeholder{color:#7c8da9}textarea:focus{outline-offset:2px;outline:2px solid #8af}.field-footer{color:#93a2bb;justify-content:space-between;gap:16px;margin-top:10px;font-size:10px;line-height:1.5;display:flex}.field-footer span:last-child{white-space:nowrap}.primary-button{color:#152033;background:#f6bb65;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:28px;padding:15px 18px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.primary-button:hover:not(:disabled){background:#ffca80}.primary-button:disabled{opacity:.45}.primary-button span{font-size:20px}.form-note{text-align:center;color:#93a2bb;margin:14px 0 0;font-size:11px;line-height:1.6}.empty-state{text-align:center;padding:12px 12px 28px}.empty-icon{color:#a6bfff;background:#192944;border:1px solid #34476c;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-size:26px;display:grid}.empty-state h3{margin:0 0 10px;font-size:17px}.empty-state p{color:#9aaac2;max-width:270px;margin:0 auto;font-size:13px;line-height:1.7}.output-list{border-top:1px solid #263249;gap:16px;padding-top:22px;display:grid}.output-item{align-items:center;gap:14px;display:flex}.output-number{color:#9aafd4;background:#1a263b;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.output-item h3{margin:0 0 4px;font-size:12px;font-weight:700}.output-item p{color:#9aaac2;margin:0;font-size:11px;line-height:1.5}.preview-content{padding-bottom:24px}.preview-label{font-size:10px}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#d1daeb;font-size:14px;line-height:1.8}.preview-note{color:#9aaac2;font-size:12px;line-height:1.6}.footer{color:#93a2bb;padding:28px 0 36px;font-size:11px;line-height:1.6}@media (width<=850px){.workspace{grid-template-columns:1fr}.badge{display:none}}@media (width<=480px){.app{padding:0 18px}.topbar{min-height:80px}.intro{padding-top:36px}.panel{padding:22px}h1{letter-spacing:-1px}}.error-message{color:#ffb4b4;margin:14px 0 0;font-size:13px;line-height:1.6}.review-note{color:#b8c5da;background:#18243a;border-left:3px solid #f6bb65;border-radius:4px;margin:0 0 24px;padding:12px 14px;font-size:12px;line-height:1.7}.draft-field+.draft-field{margin-top:24px}.draft-field-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.draft-field-heading label{color:#e8edf7;font-weight:700}.draft-field textarea{min-height:120px;font-size:13px}.copy-button{color:#bcd0ff;background:#1a2b48;border:1px solid #3b5074;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:600}.copy-button:hover:not(:disabled){background:#253b60}.copy-button:disabled{opacity:.45}.copy-feedback{color:#bcd0ff;min-height:20px;margin:16px 0 0;font-size:12px;line-height:1.6}