.generator-shell{width:min(100% - 2.5rem,90rem);margin-inline:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(30rem,1.1fr);align-items:start;gap:clamp(2rem,5vw,5rem)}.generator-editor{min-width:0}.generator-intro{padding-bottom:1.5rem;border-bottom:1px solid #e7e5e4}.generator-intro p{margin-top:.5rem;color:#57534e;line-height:1.6}.generator-form{display:grid;gap:2rem;padding-top:2rem}.generator-form fieldset{display:grid;gap:1rem;min-width:0;padding:0;border:0}.generator-form legend{margin-bottom:1rem;color:#1c1917;font-family:Fraunces,Georgia,serif;font-size:1.125rem;font-weight:600}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.45rem;min-width:0;color:#292524;font-size:.875rem;font-weight:600}.field b{color:#b53d22}.field input,.field textarea{width:100%;border:1px solid #d6d3d1;border-radius:.75rem;background:#fff;color:#292524;font:400 1rem/1.5 DM Sans,system-ui,sans-serif;padding:.75rem .875rem;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{resize:vertical;min-height:5.5rem}.field input::placeholder,.field textarea::placeholder{color:#78716c;opacity:1}.field input:focus,.field textarea:focus{border-color:#478c6b;box-shadow:0 0 0 3px #478c6b29;outline:none}.field small{color:#57534e;font-size:.75rem;font-weight:400;line-height:1.5}.field small a{color:#2d5b46;font-weight:600;text-decoration:underline;text-underline-offset:.15rem}.generator-guidance{border-left:3px solid #eb6b45;background:#fef6f3;padding:1rem 1.125rem;color:#7c2f21;font-size:.875rem;line-height:1.55}.generator-guidance p+p{margin-top:.5rem}.generator-guidance a{color:#7c2f21;font-weight:600;text-decoration:underline;text-underline-offset:.18rem}.generator-actions{display:flex;flex-wrap:wrap;gap:.75rem}.generator-actions button{min-height:3rem;gap:.55rem}.generator-actions button svg{width:1.1rem;height:1.1rem}.generator-actions button:disabled{cursor:not-allowed;opacity:.48;transform:none}.generator-status{min-height:1.5rem;color:#57534e;font-size:.875rem}.preview-panel{position:sticky;top:1.5rem;min-width:0;border-radius:1.5rem;background:#e9e4da;padding:clamp(1rem,2.5vw,2rem);box-shadow:inset 0 0 0 1px #44403c14}.preview-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:#44403c}.preview-heading p{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preview-heading h2{margin-top:.2rem;font-size:1rem;font-weight:600}.preview-heading>span{border:1px solid #d6d3d1;border-radius:999px;background:#ffffffa6;padding:.3rem .65rem;font-size:.75rem}.notice-sheet{aspect-ratio:210 / 297;width:100%;overflow:hidden;background:#fefdfb;color:#292524;box-shadow:0 1.5rem 4rem -1.5rem #29252452}.notice-header{position:relative;min-height:13.3%;background:#2d5b46;color:#fff;padding:4.5% 7.4% 3.2%}.notice-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1.7%;color:#e0efe7;font-size:clamp(.4rem,.65vw,.65rem);letter-spacing:.12em}.notice-brand span{display:inline-grid;place-items:center;width:1.45rem;height:1.85rem;background:#e0efe7;color:#2d5b46;font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:700;letter-spacing:0}.notice-header h3{font-family:Fraunces,Georgia,serif;font-size:clamp(.85rem,1.65vw,1.55rem);font-weight:600;line-height:1.08}.notice-header p{margin-top:.7%;color:#e0efe7;font-size:clamp(.4rem,.66vw,.64rem)}.notice-body{padding:3.1% 7.4% 0}.notice-body section{padding:1.65% 0;border-bottom:1px solid #dfe4e0}.notice-body h4{margin-bottom:.55%;color:#2d5b46;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(.42rem,.74vw,.7rem);font-weight:700;line-height:1.2}.notice-body p{color:#4b514e;font-size:clamp(.35rem,.59vw,.57rem);line-height:1.34}.notice-body p+p{margin-top:.22rem}.notice-body [data-empty]{color:#8b8179;font-style:italic}.notice-compact{padding-bottom:1.1%!important}.notice-footer{padding:1.5% 7.4% 0;color:#6b706d;font-size:clamp(.32rem,.53vw,.5rem)}@media(max-width:64rem){.generator-shell{grid-template-columns:1fr;width:min(100% - 2rem,48rem)}.generator-editor{grid-row:1}.preview-panel{position:static;grid-row:2}}@media(max-width:40rem){.generator-shell{width:min(100% - 1.25rem,48rem)}.field-grid{grid-template-columns:1fr}.preview-panel{margin-inline:-.15rem;border-radius:1rem;padding:.75rem}.preview-heading{padding-inline:.25rem}.generator-actions{display:grid}.generator-actions button{width:100%}}
