.oiosm{max-width:1180px;margin:24px auto;padding:24px;background:#fff;color:#18243b;border:1px solid #dce3ee;border-radius:16px;font:16px/1.7 system-ui,sans-serif;box-sizing:border-box}.oiosm *{box-sizing:border-box}.oiosm h2{margin:0 0 12px;font-size:28px}.oiosm a{color:#2359cf}.oiosm-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.oiosm button,.oiosm-import,.oiosm-button{border:0;border-radius:8px;padding:10px 14px;background:#2359cf;color:#fff;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.oiosm button:disabled{opacity:.5;cursor:default}.oiosm-import input{width:1px;height:1px;position:absolute;opacity:0}.oiosm-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px}.oiosm label{font-weight:600}.oiosm textarea{width:100%;height:460px;display:block;font:15px/1.7 ui-monospace,monospace;resize:vertical;padding:12px;border:1px solid #a5b2c7;border-radius:8px;background:#f7f9fd;color:#17243a}.oiosm-hint{font-size:14px;color:#52627a}.oiosm-canvas{height:540px;min-width:0;border:1px solid #dce3ee;border-radius:8px;overflow:hidden;background:#fbfcff}.oiosm-canvas svg{width:100%;height:100%}.oiosm [data-role=status]{min-height:28px;overflow-wrap:anywhere}.oiosm iframe{width:100%;height:680px;border:1px solid #dce3ee;border-radius:10px}.oiosm button:focus-visible,.oiosm a:focus-visible,.oiosm textarea:focus-visible,.oiosm-import:focus-within{outline:3px solid #e99319;outline-offset:3px}.oiosm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oiosm-card{padding:18px;border:1px solid #dce3ee;border-radius:12px}.oiosm-card h3{margin-top:0}@media(max-width:720px){.oiosm{padding:16px;margin:12px 0}.oiosm-editor,.oiosm-cards{grid-template-columns:1fr}.oiosm textarea{height:260px}.oiosm-canvas{height:400px}.oiosm h2{font-size:24px}.oiosm iframe{height:620px}.oiosm-actions button,.oiosm-import{font-size:14px;padding:9px 11px}}