:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--text:#c9d1d9;--accent:#58a6ff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);touch-action:none;overscroll-behavior:none;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}header{z-index:10;background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;top:0;left:0;right:0}header h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}#stage{touch-action:none;background:linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/24px 24px;position:absolute;inset:48px 0 0}#diagram-container,#diagram-container svg{touch-action:none;width:100%;height:100%;overflow:hidden}.hint{color:#8b949e;border:1px solid var(--border);white-space:nowrap;z-index:10;background:#161b22d9;border-radius:10px;padding:4px 10px;font-size:.75rem;position:fixed;top:4rem;left:50%;transform:translate(-50%)}#loading{color:#8b949e;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:fixed;inset:0}#diagram-picker{background-color:var(--panel);color:var(--text);border:none;border-radius:8px;outline:none;padding-block:.5rem;font-size:1rem}.svg-group{aspect-ratio:1;background-color:currentColor;width:1em;line-height:1em;display:inline-block;position:relative;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.svg-group:before{content:" "}.svg-group.svg-magnifier-add{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='m31.707%2030.282-8.845-8.899c1.894-2.262%203.034-5.18%203.034-8.366%200-7.189-5.797-13.018-12.986-13.018S-.107%205.827-.107%2013.016%205.721%2026.033%2012.91%2026.033c3.282%200%206.271-1.218%208.553-3.221l8.829%208.884c.39.39%201.024.39%201.414%200s.391-1.024%200-1.415zM12.893%2024c-6.048%200-11-4.951-11-11s4.952-11%2011-11%2011%204.952%2011%2011-4.951%2011-11%2011m5-12h-4V8c0-.552-.448-1-1-1s-1%20.448-1%201v4h-4c-.552%200-1%20.448-1%201s.448%201%201%201h4v4c0%20.552.448%201%201%201s1-.448%201-1v-4h4c.552%200%201-.448%201-1s-.448-1-1-1'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='m31.707%2030.282-8.845-8.899c1.894-2.262%203.034-5.18%203.034-8.366%200-7.189-5.797-13.018-12.986-13.018S-.107%205.827-.107%2013.016%205.721%2026.033%2012.91%2026.033c3.282%200%206.271-1.218%208.553-3.221l8.829%208.884c.39.39%201.024.39%201.414%200s.391-1.024%200-1.415zM12.893%2024c-6.048%200-11-4.951-11-11s4.952-11%2011-11%2011%204.952%2011%2011-4.951%2011-11%2011m5-12h-4V8c0-.552-.448-1-1-1s-1%20.448-1%201v4h-4c-.552%200-1%20.448-1%201s.448%201%201%201h4v4c0%20.552.448%201%201%201s1-.448%201-1v-4h4c.552%200%201-.448%201-1s-.448-1-1-1'/%3e%3c/svg%3e")}.svg-group.svg-magnifier-remove{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='m31.707%2030.282-8.845-8.899c1.894-2.262%203.034-5.18%203.034-8.366%200-7.189-5.797-13.018-12.986-13.018S-.107%205.827-.107%2013.016%205.721%2026.033%2012.91%2026.033c3.282%200%206.271-1.218%208.553-3.221l8.829%208.884c.39.39%201.024.39%201.414%200s.391-1.024%200-1.415zM12.893%2024c-6.048%200-11-4.951-11-11s4.952-11%2011-11%2011%204.952%2011%2011-4.951%2011-11%2011m5-12h-10c-.552%200-1%20.448-1%201s.448%201%201%201h10c.552%200%201-.448%201-1s-.448-1-1-1'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20viewBox='0%200%2032%2032'%3e%3cpath%20d='m31.707%2030.282-8.845-8.899c1.894-2.262%203.034-5.18%203.034-8.366%200-7.189-5.797-13.018-12.986-13.018S-.107%205.827-.107%2013.016%205.721%2026.033%2012.91%2026.033c3.282%200%206.271-1.218%208.553-3.221l8.829%208.884c.39.39%201.024.39%201.414%200s.391-1.024%200-1.415zM12.893%2024c-6.048%200-11-4.951-11-11s4.952-11%2011-11%2011%204.952%2011%2011-4.951%2011-11%2011m5-12h-10c-.552%200-1%20.448-1%201s.448%201%201%201h10c.552%200%201-.448%201-1s-.448-1-1-1'/%3e%3c/svg%3e")}.svg-group.svg-reset{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20viewBox='0%200%201920%201920'%3e%3cpath%20d='M960%200v213.333c411.627%200%20746.667%20334.934%20746.667%20746.667S1371.627%201706.667%20960%201706.667%20213.333%201371.733%20213.333%20960c0-197.013%2078.4-382.507%20213.334-520.747v254.08H640V106.667H53.333V320h191.04C88.64%20494.08%200%20720.96%200%20960c0%20529.28%20430.613%20960%20960%20960s960-430.72%20960-960S1489.387%200%20960%200'%20fill-rule='evenodd'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23000000'%20viewBox='0%200%201920%201920'%3e%3cpath%20d='M960%200v213.333c411.627%200%20746.667%20334.934%20746.667%20746.667S1371.627%201706.667%20960%201706.667%20213.333%201371.733%20213.333%20960c0-197.013%2078.4-382.507%20213.334-520.747v254.08H640V106.667H53.333V320h191.04C88.64%20494.08%200%20720.96%200%20960c0%20529.28%20430.613%20960%20960%20960s960-430.72%20960-960S1489.387%200%20960%200'%20fill-rule='evenodd'/%3e%3c/svg%3e")}.svg-size-sm{font-size:1rem}.svg-size-md{font-size:1.5rem}.svg-size-lg{font-size:2rem}.button-group{z-index:10;flex-direction:row;gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem}.button-group button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#21262d;border-radius:6px;width:2rem;height:2rem}.button-group button:active{background:#30363d}#loading{color:#e2e8f0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;padding:2rem;display:flex}.loading-spinner{border:3px solid #ffffff26;border-top-color:#63b3ed;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{max-width:360px;font-size:.95rem;line-height:1.4}.retry-btn{color:#fff;cursor:pointer;background:#3182ce;border:none;border-radius:6px;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.9rem;transition:background .15s}.retry-btn:hover{background:#2b6cb0}.retry-btn:active{background:#2c5282}button:disabled{opacity:.4;cursor:not-allowed}