@import url(https://fonts.cdnfonts.com/css/fira-sans);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--border-color-1:#ededed;--box-shadow:0px 1px 4px #0000001a,0px 3px 6px #0000001a;--box-bg:#f5f5f5;--box-border:1px solid #ededed}body{background:#fff;font-family:Fira Sans,Verdana,sans-serif;min-width:800px}.loading,.no-license{margin-top:100px;text-align:center}.wrapper{display:flex;position:relative}.diagram-container{align-self:center;flex-grow:1;overflow-y:auto}.diagram-container svg{display:block;margin:0 auto 70px}.code-editor{background:#fafafa;font-size:11px;position:relative}@media (min-width:1200px){.code-editor{font-size:12px}}@media (min-width:1500px){.code-editor{font-size:14px}}.code-editor .ͼ1{outline:1px solid var(--border-color-1)}.code-editor .ͼ37{color:#495b65}.toolbar{--button-size:34px;--box-radius:12px;background-color:#fff;border:var(--box-border);border-radius:var(--box-radius);bottom:25px;box-shadow:var(--box-shadow);box-sizing:border-box;display:flex;padding:5px 3px;position:absolute;right:40px}.toolbar .button{--icon-size:16px;--bg-hover:#f2f2f2;align-items:center;background:#fff;border:none;border-radius:8px;cursor:pointer;display:block;display:flex;font-size:12px;font-weight:inherit;height:var(--button-size);justify-content:center;margin:0 3px;outline:none;position:relative;-webkit-user-select:none;user-select:none;width:var(--button-size)}.toolbar .splitter{align-self:center;background-color:#0000001a;box-sizing:border-box;height:calc(var(--button-size)*.8);margin:0 3px;width:1px}.toolbar .button:hover{background:var(--bg-hover)}.toolbar .button svg,.toolbar .buttonWrapper svg{stroke:#000;height:var(--icon-size);width:var(--icon-size)}.toolbar .buttonWrapper{position:relative}.toolbar .buttonWrapper .onclick{background:#000;border-radius:8px;color:#fff;display:flex;font-size:12px;left:5px;line-height:16px;opacity:1;padding:7px;position:absolute;top:-42px;transition:opacity .5s;width:63px}.toolbar .buttonWrapper .onclick div,.toolbar .buttonWrapper .onclick svg{display:inline-block;line-height:16px}.toolbar .buttonWrapper .onclick svg{stroke:#fff;display:inline-block;margin-right:5px}.doc-backdrop{align-items:center;animation:doc-fade-in .18s ease-out;background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.doc-popup{animation:doc-scale-in .2s ease-out;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;display:flex;flex-direction:column;max-height:calc(100vh - 64px);width:min(720px,calc(100vw - 48px))}.doc-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 0}.doc-title{color:#1a1a1a;font-family:Fira Sans,Verdana,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.doc-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.doc-close:hover{background:#f2f2f2;color:#333}.doc-sections{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 24px 24px}.doc-card{align-items:flex-start;background:#fafafa;border:1px solid #ededed;border:1px solid var(--border-color-1,#ededed);border-radius:10px;display:flex;gap:16px;padding:16px;transition:border-color .15s}.doc-card:hover{border-color:#d4d4d4}.doc-card-content{flex:1 1;min-width:0}.doc-card-title{color:#1a1a1a;font-family:Fira Sans,Verdana,sans-serif;font-size:14px;font-weight:600;margin:0 0 8px}.doc-code{background:#fff;border:1px solid #ededed;border:1px solid var(--border-color-1,#ededed);border-radius:6px;color:#374151;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;line-height:1.6;margin:0 0 8px;overflow-x:auto;padding:10px 12px;white-space:pre}.doc-description{color:#666;font-family:Fira Sans,Verdana,sans-serif;font-size:13px;line-height:1.5;margin:0}.doc-card-image{background:#fff;border:1px solid #ededed;border:1px solid var(--border-color-1,#ededed);border-radius:8px;flex-shrink:0;height:130px;object-fit:cover;width:130px}@keyframes doc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes doc-scale-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.doc-sections::-webkit-scrollbar{width:6px}.doc-sections::-webkit-scrollbar-track{background:#0000}.doc-sections::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.doc-sections::-webkit-scrollbar-thumb:hover{background:#bbb}@media (max-width:600px){.doc-card{flex-direction:column-reverse}.doc-card-image{aspect-ratio:1;height:auto;max-width:200px;width:100%}}