.og-wrap{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:100%;background:var(--bg)}.og-side{border-right:1px solid var(--border);background:var(--bg-2);padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.og-side label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-s);font-weight:600;color:var(--text)}.og-side input,.og-side textarea{min-width:0;width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--border-2);border-radius:var(--radius-s);background:var(--bg);color:var(--text)}.og-side textarea{resize:vertical}.og-side fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.og-side legend{font-size:var(--fs-s);font-weight:600;margin-bottom:6px;width:100%}.og-layouts button{flex:1 1 40%;min-height:40px;border:1px solid var(--border-2);background:var(--bg);border-radius:var(--radius-s);font:inherit;font-size:var(--fs-s);cursor:pointer;color:var(--text)}.og-layouts button.is-on{border-color:var(--text);font-weight:700;box-shadow:inset 0 0 0 1px var(--text)}.og-palettes button{width:44px;height:44px;border-radius:var(--radius-s);border:2px solid;cursor:pointer;position:relative}.og-palettes button span{position:absolute;left:8px;right:8px;bottom:8px;height:6px;border-radius:3px}.og-palettes button.is-on{outline:2px solid var(--focus);outline-offset:2px}.og-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.og-colors{grid-template-columns:repeat(3,1fr)}.og-colors input[type=color]{height:40px;padding:2px}.og-actions{display:flex;gap:8px;flex-wrap:wrap}.og-templates{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border);padding-top:12px}.og-trow{display:flex;gap:4px;align-items:stretch}.og-tdel{background:none;border:1px solid transparent;border-radius:var(--radius-s);padding:0 10px;font:inherit;font-size:var(--fs-s);color:var(--text-2);cursor:pointer;min-height:40px}.og-tdel:hover,.og-tdel:focus-visible{border-color:var(--border);color:var(--text)}.og-tsel{flex:1 1 auto;min-width:0;text-align:left;background:none;border:1px solid transparent;border-radius:var(--radius-s);padding:8px;font:inherit;font-size:var(--fs-s);cursor:pointer;color:var(--text);min-height:40px}.og-tsel.is-on{background:var(--bg);border-color:var(--border)}.og-sub{color:var(--text-2);font-size:var(--fs-s);font-weight:400;margin:0}.og-main{padding:20px 24px 32px;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:1100px}.og-canvas{position:relative;container-type:inline-size;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-2)}.og-canvas canvas{display:block;width:100%;height:auto;aspect-ratio:1200 / 630}.og-hint{color:var(--text-2)}.og-hint .btn{vertical-align:baseline}.og-badge{position:absolute;right:1.667%;bottom:2.857%;height:5.4%;display:flex;align-items:center;padding:0 1.167cqw;background:#1b1f23db;color:#fff;font:700 1.5cqw/1 Inter,system-ui,sans-serif;pointer-events:none;white-space:nowrap}.og-badge-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;color:var(--text-2);font-size:var(--fs-s)}.og-warn{margin:0;padding:8px 10px;border:1px solid var(--border-2);border-radius:var(--radius-s);background:var(--bg-2);color:var(--text);font-size:var(--fs-s)}.og-note{margin:0;font-size:var(--fs-s);color:var(--text-2)}.og-link{background:none;border:0;padding:0;font:inherit;color:var(--text);text-decoration:underline;cursor:pointer;min-height:32px}.og-hint code,.og-url code{font-family:var(--font-mono)}.og-api{display:flex;flex-direction:column;gap:10px}.og-api>.btn{align-self:flex-start}.og-url{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}.og-url code{flex:1 1 280px;min-width:0;font-size:14px;overflow-wrap:anywhere}.og-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.og-tabs button{background:none;border:0;padding:10px 14px;font:inherit;font-size:var(--fs-s);color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;min-height:44px;white-space:nowrap}.og-tabs button.is-on{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.og-code{margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);color:var(--text)}@media(min-width:861px){.og-wrap{flex:1 1 auto;min-height:0}.og-side,.og-main{min-height:0;overflow:auto}}@media(max-width:860px){.og-wrap{grid-template-columns:1fr}.og-side{border-right:0;border-bottom:1px solid var(--border);order:2;overflow:visible}.og-main{order:1;padding:16px}}