.og-gen{max-width:1100px}
.og-gen .ic-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:.85rem;opacity:.7}
.og-hero{max-width:720px;margin:24px 0 28px}.og-eyebrow{font:800 .75rem var(--font-mono,monospace);letter-spacing:.14em;color:var(--muted)}
.og-hero h1{margin:.3rem 0 .6rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.og-hero p{color:var(--muted);max-width:62ch}
.og-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:start}
@media(max-width:900px){.og-layout{grid-template-columns:minmax(0,1fr)}}
.og-form{display:grid;gap:14px;padding:18px;border:2px solid var(--line-strong);border-radius:var(--radius-m,14px);background:var(--card-bg,var(--surface));box-shadow:var(--card-shadow,3px 3px 0 var(--line-strong))}
.og-form label{display:grid;gap:6px;font-weight:700;font-size:.88rem}
.og-form input:not([type=radio]):not([type=checkbox]),.og-form textarea{width:100%;padding:10px 12px;border:2px solid var(--line-strong);border-radius:10px;font:inherit;font-weight:400;background:var(--surface);color:var(--ink)}
.og-form fieldset{border:0;margin:0;padding:0}.og-form legend{font-weight:700;font-size:.88rem;margin-bottom:6px}
.og-themes{display:flex;flex-wrap:wrap;gap:8px}.og-themes label{display:block}.og-themes input{position:absolute;opacity:0;pointer-events:none}
.og-themes span{display:inline-block;padding:7px 14px;border:2px solid var(--line-strong);border-radius:99px;background:var(--sw);color:#1c1b16;font-weight:800;font-size:.82rem;cursor:pointer}
.og-themes input:checked+span{box-shadow:3px 3px 0 var(--line-strong);transform:translate(-1px,-1px)}
.og-themes input:focus-visible+span{outline:3px solid var(--sun);outline-offset:2px}
.og-form .og-check{display:flex;align-items:center;gap:8px;font-weight:600}.og-check input{width:auto}
.og-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.og-msg{font-size:.85rem;color:var(--muted)}
.og-preview canvas{width:100%;height:auto;aspect-ratio:1200/630;border:2px solid var(--line-strong);border-radius:12px;box-shadow:var(--card-shadow,3px 3px 0 var(--line-strong));background:#fff}
.og-fine{color:var(--muted);font-size:.82rem;margin:8px 2px}
.og-guide{margin-top:2.2rem;max-width:760px}.og-guide pre{padding:14px;overflow:auto;border:2px solid var(--line-strong);border-radius:10px;background:var(--surface);font-size:.8rem}