:root{font-family:Tahoma,Arial,sans-serif;line-height:1.5;font-weight:400;color:#182114;background:#f6f3eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(180deg,#f7f4ed,#efe8da)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.hero{background:linear-gradient(135deg,#314328,#4a5b34);color:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 40px #3143282e}.hero-brand-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.25)}.brand-logo{font-weight:700;font-size:1.15rem;color:#fff;text-decoration:none;letter-spacing:.02em}.brand-logo:hover{color:#e1c88a}.home-btn{display:inline-block;padding:8px 18px;background:#fff3;color:#fff;text-decoration:none;border-radius:999px;font-weight:600;font-size:.9rem;transition:background .2s ease,color .2s ease}.home-btn:hover{background:#ffffff4d;color:#fff}.eyebrow{margin:0 0 8px;color:#e1c88a;font-weight:700}.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,42px)}.hero-copy{margin:0;max-width:760px;color:#ffffffeb}.google-ads-slot{margin:16px auto;max-width:100%;min-height:90px}.subscriber-cta-wrap{text-align:center;margin:12px 0 20px}.subscriber-cta{display:inline-block;margin:0;padding:12px 22px;background:linear-gradient(135deg,#314328,#4a5b34);color:#fff;text-decoration:none;border-radius:999px;font-weight:700;font-size:.95rem;text-align:center;box-shadow:0 8px 24px #31432833;transition:transform .2s ease,box-shadow .2s ease}.subscriber-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px #31432847;color:#fff}.panel{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;padding:20px;box-shadow:0 12px 30px #786c4e1f;margin-top:20px}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-title-row h2{margin:0;font-size:22px}.section-title-row span{color:#7a6d57;font-size:14px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.template-card{border:2px solid transparent;border-radius:18px;background:#fff;padding:10px;text-align:right;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px #786c4e14}.template-card:hover{transform:translateY(-2px)}.template-card.active{border-color:#b08a4e;box-shadow:0 14px 28px #b08a4e2e}.template-card img{width:100%;border-radius:14px;display:block;aspect-ratio:9 / 16;object-fit:cover}.template-card__body{padding:10px 2px 2px}.template-card__body strong{display:block;margin-bottom:6px}.template-card__body p{margin:0;color:#6c624f;font-size:14px}.workspace-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:20px;align-items:start}.form-stack{display:grid;gap:16px}.field{display:grid;gap:8px}.field span{font-weight:700}.field small{color:#786b57}.field input,.field textarea{width:100%;border:1px solid #dfd4c3;background:#fff;border-radius:14px;padding:12px 14px;outline:none}.field input:focus,.field textarea:focus{border-color:#9d7b45;box-shadow:0 0 0 4px #9d7b451f}.preview-panel{position:sticky;top:20px}.preview-canvas-wrap{width:min(100%,420px);background:#f0ece4;border-radius:22px;overflow:hidden;margin-inline:auto;box-shadow:inset 0 0 0 1px #786c4e1f}.preview-canvas{display:block;width:100%;height:100%;background:#fff}.actions-row{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.download-hint{margin:0;font-size:14px;color:#7a6d57;text-align:center;max-width:280px}.primary-btn{border:0;background:linear-gradient(135deg,#9b7848,#7d5f37);color:#fff;padding:14px 24px;border-radius:999px;font-weight:700;min-width:220px;box-shadow:0 12px 30px #7d5f373d}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.field-label{display:inline}.required-mark{color:#9d7b45}.field-checkbox{display:flex;align-items:center;gap:10px;flex-direction:row-reverse}.field-checkbox input[type=checkbox]{width:auto;margin:0}.link-btn{background:none;border:none;color:#7d5f37;text-decoration:underline;cursor:pointer;padding:0;font:inherit}.link-btn:hover{color:#5a4528}.char-count{font-size:13px;color:#786b57;text-align:right}.app-footer{margin-top:32px;padding:20px 0;text-align:center;border-top:1px solid rgba(120,108,78,.2)}.footer-label{display:block;font-weight:700;color:#5a5248;margin-bottom:10px;font-size:14px}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.social-links a{color:#7d5f37;text-decoration:none;font-weight:600;padding:6px 14px;border-radius:8px;background:#9d7b451f;transition:background .2s ease,color .2s ease}.social-link-icon{display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;background:#9d7b451f;color:#7d5f37;transition:background .2s ease,color .2s ease}.social-link-icon:hover{background:#9d7b4538;color:#5a4528}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.social-links a:hover{background:#9d7b4538;color:#5a4528}@media (max-width: 980px){.workspace-grid{grid-template-columns:1fr}.preview-panel{position:static}}