.og-tool-grid{text-align:left;grid-template-columns:1fr;gap:22px;display:grid}@media (width>=900px){.og-tool-grid{grid-template-columns:1fr 1fr}}.og-panel,.og-output-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 12px 30px #0f172a0f}.og-panel-title{color:#0f172a;margin:0 0 18px;font-size:22px;font-weight:800}.og-fields{flex-direction:column;gap:14px;display:flex}.og-row{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=620px){.og-row{grid-template-columns:1fr 1fr}}.og-field{color:#334155;flex-direction:column;gap:7px;font-size:14px;font-weight:700;display:flex}.og-field span{justify-content:space-between;align-items:center;gap:12px;display:flex}.og-field small{color:#64748b;font-weight:700}.og-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.og-input:focus{border-color:#1881ff;outline:none;box-shadow:0 0 0 3px #1881ff26}.og-textarea{resize:vertical;min-height:94px}.og-preview-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:12px;font-weight:800}.og-twitter-gap{margin-top:22px}.og-social-card,.og-twitter-card{background:#fff;border:1px solid #dbe3ee;border-radius:14px;overflow:hidden}.og-card-image{aspect-ratio:1200/630;background:#e2e8f0 50%/cover no-repeat}.og-card-body{background:#f8fafc;padding:13px 15px}.og-card-domain,.og-twitter-domain{text-transform:uppercase;color:#64748b;letter-spacing:.04em;font-size:12px}.og-card-title,.og-twitter-title{color:#0f172a;margin-top:4px;font-size:18px;font-weight:800;line-height:1.25}.og-card-desc,.og-twitter-desc{color:#475569;margin-top:5px;font-size:14px;line-height:1.45}.og-twitter-card{grid-template-columns:38% 1fr;display:grid}.og-twitter-image{background:#e2e8f0 50%/cover no-repeat;min-height:150px}.og-twitter-body{padding:14px}.og-output-wrap{margin-top:24px}.og-output-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.og-output{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;width:100%;min-height:260px;padding:16px;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.og-status{color:#0f766e;min-height:24px;margin-top:10px;font-weight:700}.og-info-table{border-collapse:collapse;width:100%;font-size:16px}.og-info-table th,.og-info-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:12px}.og-info-table th{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:13px}.og-info-table code{font-size:14px}