.site-nav{gap:clamp(18px,3vw,44px)}
.cdkey-policy .cdkey-subtitle{color:var(--accent);font-size:17px;font-weight:650;margin:8px 0 20px}
.creation-state,.creation-preview{margin-top:28px;padding-top:20px;border-top:1px solid var(--border,#373d31)}
.initial-record{padding:16px;margin:16px 0;border:1px solid #3a4135;border-radius:10px;background:#1b1e19}
.initial-record>.section-title{margin:0 0 12px}.initial-record .field:last-child{margin-bottom:0}
.narration-config .details p,.creation-state .intro{max-width:75ch;line-height:1.8;text-wrap:pretty}
.creation-preview>label,.creation-preview>textarea{display:block;width:100%;margin:10px 0}
.creation-preview textarea{min-height:90px;background:#181b17;color:var(--text);border:1px solid #414936;border-radius:8px;padding:12px;resize:vertical}
.creation-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font:13px/1.8 inherit;background:#151812;padding:14px;border-radius:8px}
.preview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preview-summary>div{padding:12px;background:#20261a;border-radius:8px}.preview-summary dd{margin:6px 0 0;font-weight:700;color:var(--accent)}.preview-summary dt{font-size:12px}
@media(min-width:721px) and (max-width:1100px){.site-nav{gap:12px}.site-nav button{font-size:14px;min-width:44px}.top-actions .account-name{display:none}}
@media(max-width:720px){.site-nav{display:grid;grid-template-columns:1fr 1fr 1.5fr 1.25fr 1fr;gap:0;margin-right:0}.site-nav button{min-width:0;font-size:13px;padding:0 3px;white-space:nowrap}.preview-summary{grid-template-columns:1fr}.initial-record{padding:12px}.cdkey-policy .cdkey-subtitle{font-size:15px}}