/* Sticky Create page — form panel + preview panel layout. */
.create-grid{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 65px)}

.form-panel{background:var(--paper);padding:3rem 2.5rem;border-right:1px solid var(--rule);overflow-y:auto;max-height:calc(100vh - 65px)}
.form-panel h1{font-family:var(--font-display);font-size:2rem;line-height:1;letter-spacing:-.02em;margin-bottom:.5rem;font-weight:400}
.form-panel .form-subtitle{font-size:.85rem;color:var(--muted-strong);margin-bottom:2rem;line-height:1.5}

.section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted-strong);font-weight:500;margin:2rem 0 .75rem;display:block}
.section-title:first-of-type,
fieldset:first-of-type .section-title{margin-top:0}

fieldset{border:none;padding:0;margin:0}

.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}

.ig-row{display:grid;grid-template-columns:1fr 80px 32px;gap:.5rem;margin-bottom:.5rem;align-items:start}
.g-row{display:grid;grid-template-columns:1fr 32px;gap:.5rem;margin-bottom:.5rem}
.ig-tag{grid-column:1 / -1;font-size:.7rem;color:var(--amber);margin:-.2rem 0 .5rem 0;padding-left:.5rem;border-left:2px solid var(--amber-mid);font-weight:500}

.x-btn{width:32px;height:36px;border:1px solid var(--rule);background:var(--card);color:var(--muted-strong);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}
.x-btn:hover{border-color:var(--danger);color:var(--danger)}

.add-btn{width:100%;padding:.65rem;border:1px dashed var(--rule);background:transparent;color:var(--muted-strong);font-family:var(--font-ui);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .15s ease;margin-top:.25rem}
.add-btn:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-light)}
.add-btn:disabled{opacity:.5;cursor:not-allowed}
.add-btn:disabled:hover{border-color:var(--rule);color:var(--muted-strong);background:transparent}

.form-warn{font-size:.75rem;color:var(--amber);margin:.5rem 0;line-height:1.4}

.generate-btn{width:100%;background:var(--ink);color:var(--paper);padding:1rem;font-family:var(--font-ui);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-top:2rem;border:none;transition:background .15s ease}
.generate-btn:hover{background:#2a2924}

.draft-banner{background:var(--amber-light);border:1px solid var(--amber-mid);padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.8rem;color:#5a4010;display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.draft-banner button{font-family:var(--font-ui);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--ink);padding:0;cursor:pointer}
.draft-banner button:hover{color:var(--amber)}

.preview-panel{background:#f0ede6;padding:3rem 2.5rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:calc(100vh - 65px)}
.preview-content{margin:auto;width:100%;display:flex;flex-direction:column;align-items:center}

.empty-state{margin:auto;text-align:center;color:var(--muted-strong);max-width:240px}
.empty-state .icon{margin-bottom:1rem;opacity:.35}
.empty-state .icon svg{width:48px;height:48px}
.empty-state p{font-size:.85rem;line-height:1.5}

.dl-error{width:280px;padding:.75rem 1rem;border:1px solid var(--danger);background:#fbecec;color:var(--danger);font-size:.78rem;line-height:1.5;margin-top:.75rem}
.dl-error button{margin-top:.5rem;font-family:var(--font-ui);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--danger);background:none;border:1px solid var(--danger);padding:.35rem .75rem;cursor:pointer}
.dl-hint{width:280px;font-size:.7rem;color:var(--muted-strong);text-align:center;margin-top:.5rem;line-height:1.4}

.mobile-jump{display:none}