.og-tool{gap:18px;display:grid}.og-top,.card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:17px}.og-top{justify-content:space-between;gap:14px;padding:18px;display:flex}.og-top>div:first-child,.card>header{align-items:flex-start;gap:9px;display:flex}.og-top svg,.card>header svg{color:var(--color-primary)}.og-top h2,.card h2{margin:0;font-size:18px}.og-top p,.card p{color:var(--color-text-secondary);margin:4px 0 0;font-size:11px}.actions{flex-wrap:wrap;gap:7px;display:flex}.actions button,.card button{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 11px;font-weight:700;display:inline-flex}.mode-switch{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mode-switch button{border:1px solid var(--color-border);text-align:left;cursor:pointer;background:#f8f9fc;border-radius:11px;grid-template-columns:auto 1fr;gap:9px;padding:13px;display:grid}.mode-switch button.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.mode-switch svg{color:var(--color-primary)}.mode-switch b,.mode-switch small{display:block}.mode-switch small{color:var(--color-text-secondary);margin-top:3px}.card{padding:18px}.card>header{margin-bottom:14px}.main-grid{grid-template-columns:.48fr .52fr;gap:14px;display:grid}.fields{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.fields label{gap:7px;display:grid}.fields .wide{grid-column:1/-1}.fields span,.dimensions span{text-transform:uppercase;color:var(--color-text-secondary);font-size:9px;font-weight:700}.fields input,.fields textarea,.fields select{border:1px solid var(--color-border);background:#fff;border-radius:9px;width:100%;padding:10px}.fields input,.fields select{min-height:43px}.fields textarea{resize:vertical}.fields small{color:var(--color-text-secondary);font-size:10px}.preview-stage{background:#eef1f7;border-radius:14px;place-items:center;min-height:430px;padding:28px;display:grid}.card-preview{background:#fff;border:1px solid #d7dce5;border-radius:13px;width:min(100%,610px);overflow:hidden;box-shadow:0 12px 36px #25334b12}.image-box{aspect-ratio:1200/630;background:#e8ebf1;overflow:hidden}.image-box img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#8792a6;align-content:center;place-items:center;gap:8px;width:100%;height:100%;display:grid}.card-copy{padding:14px 16px}.card-copy small{color:#687386;text-transform:uppercase}.card-copy h3{margin:5px 0 6px;font-size:20px;line-height:1.3}.card-copy p{color:#687386;margin:0;font-size:13px;line-height:1.5}.card-copy b{margin-top:7px;font-size:11px;display:block}.preview-stage.twitter.summary .card-preview{grid-template-columns:140px 1fr;display:grid}.preview-stage.twitter.summary .image-box{aspect-ratio:1}.preview-stage.twitter.summary .card-copy{flex-direction:column;justify-content:center;display:flex}.dimensions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.dimensions article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;padding:10px}.dimensions b,.dimensions small{display:block}.dimensions b{margin-top:4px}.dimensions small{color:var(--color-text-secondary)}.bottom-grid{grid-template-columns:.4fr .6fr;gap:14px;display:grid}.score{color:#fff;background:#101522;border-radius:11px;align-items:flex-end;gap:4px;padding:15px;display:flex;position:relative;overflow:hidden}.score strong{font-size:42px;line-height:1}.score span{color:#9ca8ba}.score i{background:#65d28e;height:5px;position:absolute;bottom:0;left:0}.audit{gap:7px;margin-top:10px;display:grid}.audit>div{border:1px solid var(--color-border);border-radius:9px;grid-template-columns:23px 1fr;align-items:start;gap:8px;padding:9px;display:grid}.audit i{border-radius:50%;place-items:center;width:21px;height:21px;font-style:normal;font-weight:800;display:grid}.audit .ok i{color:#267452;background:#e7f7ee}.audit .warn i{color:#8b6500;background:#fff5d9}.audit .error i{color:#a12b2b;background:#ffe7e7}.audit span{font-size:11px;line-height:1.5}.code-card>header,.history-card>header{grid-template-columns:auto 1fr auto;display:grid}.code-card>header>button,.history-card>header>button{width:39px;padding:0}.code-card pre{color:#e5ecf7;background:#101522;border-radius:10px;max-height:430px;margin:0;padding:14px;font:12px/1.65 ui-monospace,monospace;overflow:auto}.code-card footer{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.preset-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.preset-grid button{text-align:left;background:#f8f9fc;padding:13px;display:block}.preset-grid b,.preset-grid span{display:block}.preset-grid span{color:var(--color-text-secondary);margin-top:5px;font-size:11px}.history-card>div{gap:7px;display:grid}.history-card>div>article{border:1px solid var(--color-border);background:#f8f9fc;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.history-card b,.history-card span,.history-card small{display:block}.history-card span{color:var(--color-text-secondary);margin-top:3px;font-size:10px}.history-card small{color:var(--color-text-secondary);margin-top:3px;font-size:9px}.empty{border:1px dashed var(--color-border);text-align:center;color:var(--color-text-secondary);border-radius:10px;padding:20px}.note{color:#6b5920;background:#fff9e8;border:1px solid #ead9a7;border-radius:11px;gap:8px;padding:13px 15px;font-size:12px;line-height:1.6;display:flex}.note svg{flex:none}button:disabled{opacity:.45}@media (width<=1000px){.og-top{flex-direction:column}.main-grid,.bottom-grid{grid-template-columns:1fr}.preview-stage{min-height:350px}}@media (width<=700px){.mode-switch,.fields,.dimensions,.preset-grid{grid-template-columns:1fr}.fields .wide{grid-column:auto}.history-card>div>article{grid-template-columns:1fr}.preview-stage.twitter.summary .card-preview{display:block}.preview-stage.twitter.summary .image-box{aspect-ratio:1200/630}}.hero[data-astro-cid-jugfcqtc]{padding:54px 0 40px}.hero[data-astro-cid-jugfcqtc] nav[data-astro-cid-jugfcqtc]{color:var(--color-text-secondary);flex-wrap:wrap;gap:7px;font-size:12px;display:flex}.head[data-astro-cid-jugfcqtc]{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:28px;display:flex}.head[data-astro-cid-jugfcqtc]>div[data-astro-cid-jugfcqtc]:first-child{max-width:900px}.head[data-astro-cid-jugfcqtc]>div[data-astro-cid-jugfcqtc]>b[data-astro-cid-jugfcqtc],.related[data-astro-cid-jugfcqtc]>.container[data-astro-cid-jugfcqtc]>b[data-astro-cid-jugfcqtc],.faq-grid[data-astro-cid-jugfcqtc]>div[data-astro-cid-jugfcqtc]>b[data-astro-cid-jugfcqtc]{color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.head[data-astro-cid-jugfcqtc] h1[data-astro-cid-jugfcqtc]{letter-spacing:-.05em;margin:9px 0 0;font-size:clamp(40px,5vw,62px);line-height:1.04}.head[data-astro-cid-jugfcqtc] p[data-astro-cid-jugfcqtc]{max-width:850px;color:var(--color-text-secondary);font-size:17px;line-height:1.7}.head[data-astro-cid-jugfcqtc] aside[data-astro-cid-jugfcqtc]{color:#23734f;background:#f0faf5;border:1px solid #cfe9dd;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:8px 11px;font-size:12px;display:flex}.tags[data-astro-cid-jugfcqtc]{flex-wrap:wrap;gap:7px;display:flex}.tags[data-astro-cid-jugfcqtc] span[data-astro-cid-jugfcqtc]{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.workspace[data-astro-cid-jugfcqtc]{padding:25px 0 80px}.wide[data-astro-cid-jugfcqtc]{max-width:1480px}.content[data-astro-cid-jugfcqtc]{border-top:1px solid var(--color-border);background:var(--color-surface);padding:78px 0}.layout[data-astro-cid-jugfcqtc]{grid-template-columns:1.55fr .45fr;gap:70px;display:grid}.layout[data-astro-cid-jugfcqtc] article[data-astro-cid-jugfcqtc] h2[data-astro-cid-jugfcqtc]{margin:45px 0 0;font-size:29px}.layout[data-astro-cid-jugfcqtc] article[data-astro-cid-jugfcqtc] h2[data-astro-cid-jugfcqtc]:first-child{margin-top:0}.layout[data-astro-cid-jugfcqtc] article[data-astro-cid-jugfcqtc] p[data-astro-cid-jugfcqtc],.side[data-astro-cid-jugfcqtc] li[data-astro-cid-jugfcqtc]{color:var(--color-text-secondary);line-height:1.8}.side[data-astro-cid-jugfcqtc]{position:sticky;top:100px}.side[data-astro-cid-jugfcqtc]>div[data-astro-cid-jugfcqtc]{border:1px solid var(--color-border);background:#f8f9fc;border-radius:18px;padding:24px}.side[data-astro-cid-jugfcqtc] svg[data-astro-cid-jugfcqtc],.related-grid[data-astro-cid-jugfcqtc] svg[data-astro-cid-jugfcqtc]{color:var(--color-primary)}.related[data-astro-cid-jugfcqtc]{background:#f6f8fc;padding:80px 0}.related[data-astro-cid-jugfcqtc] h2[data-astro-cid-jugfcqtc]{font-size:32px}.related-grid[data-astro-cid-jugfcqtc]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.related-grid[data-astro-cid-jugfcqtc] a[data-astro-cid-jugfcqtc]{border:1px solid var(--color-border);background:#fff;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;display:grid}.related-grid[data-astro-cid-jugfcqtc] h3[data-astro-cid-jugfcqtc]{margin:0}.related-grid[data-astro-cid-jugfcqtc] p[data-astro-cid-jugfcqtc]{color:var(--color-text-secondary);margin:5px 0 0}.faq[data-astro-cid-jugfcqtc]{padding:80px 0}.faq-grid[data-astro-cid-jugfcqtc]{grid-template-columns:.42fr .58fr;gap:70px;display:grid}.faq[data-astro-cid-jugfcqtc] details[data-astro-cid-jugfcqtc]{border:1px solid var(--color-border);background:#fafbfe;border-radius:15px;margin-bottom:10px}.faq[data-astro-cid-jugfcqtc] summary[data-astro-cid-jugfcqtc]{cursor:pointer;padding:18px;font-weight:700}.faq[data-astro-cid-jugfcqtc] details[data-astro-cid-jugfcqtc] p[data-astro-cid-jugfcqtc]{color:var(--color-text-secondary);margin:0;padding:0 18px 18px;line-height:1.7}@media (width<=900px){.layout[data-astro-cid-jugfcqtc],.faq-grid[data-astro-cid-jugfcqtc]{grid-template-columns:1fr}.side[data-astro-cid-jugfcqtc]{position:static}.related-grid[data-astro-cid-jugfcqtc]{grid-template-columns:1fr}}@media (width<=650px){.head[data-astro-cid-jugfcqtc]{display:block}.tags[data-astro-cid-jugfcqtc]{margin-top:20px}}