.container[data-v-7c140c47]{color:#e0daf0;flex-direction:column;gap:32px;padding:40px 0;display:flex}.web-badge[data-v-7c140c47]{width:88px;height:31px;image-rendering:pixelated;display:block}.hl-tag[data-v-7c140c47]{color:#e06c75}.hl-attr[data-v-7c140c47]{color:#d19a66}.hl-str[data-v-7c140c47]{color:#98c379}.button-row[data-v-7c140c47]{align-items:center;gap:12px;display:flex}.button-preview[data-v-7c140c47]{flex-shrink:0}.btn-code[data-v-7c140c47]{background:#9672ff0a;border:1px solid #9672ff26;border-radius:6px;flex:1;min-width:0;padding:10px 40px 10px 14px;position:relative;overflow:hidden}.btn-code code[data-v-7c140c47]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.box[data-v-7c140c47]{border:1px solid #9672ff26;border-radius:5px;overflow:hidden}.box-title[data-v-7c140c47]{color:#9672ffb3;border-bottom:1px solid #9672ff1a;margin:0;padding:10px;font-size:14px;font-weight:600}.copy[data-v-7c140c47]{color:#9b6dff;cursor:pointer;background:0 0;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.copy[data-v-7c140c47]:hover{background:#9672ff26}.box-content[data-v-7c140c47]{padding:15px}.box-content h1[data-v-7c140c47]{color:#fff;margin:0 0 12px;font-size:28px;font-weight:700}.box-content h2[data-v-7c140c47]{color:#9672ffcc;font-size:16px;font-weight:600}.box-content h2[data-v-7c140c47]:first-child{margin-top:0}.box-content p[data-v-7c140c47]{color:#c8bedcd9;margin:0;font-size:15px;line-height:1.7}.box-content a[data-v-7c140c47]{color:#9b6dff;text-decoration:none;transition:color .2s}.box-content a[data-v-7c140c47]:hover{color:#b99aff;text-decoration:underline}section[data-v-7c140c47]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}section[data-v-7c140c47]:last-child{margin-bottom:0}section h2[data-v-7c140c47]{width:100%;margin-bottom:0}.tool-pill[data-v-7c140c47]{background:#9672ff0f;border:1px solid #9672ff26;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;transition:border-color .2s,background .2s;display:inline-flex}.tool-pill[data-v-7c140c47]:hover{background:#9672ff1a;border-color:#9672ff59}.tool-pill p[data-v-7c140c47]{color:#d0c8e8;margin:0;font-size:14px}.tool-icon[data-v-7c140c47]{color:#9b6dff;font-size:18px}.nav-bar[data-v-008bc42e]{border-bottom:1px solid #9672ff33;justify-content:space-between;align-items:center;height:80px;margin-top:20px;display:flex}.logo[data-v-008bc42e]{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;height:90%}.logo-container[data-v-008bc42e]{width:20%;height:80px}.nav-items[data-v-008bc42e]{justify-content:flex-end;gap:20px;width:80%;display:flex}.nav-item[data-v-008bc42e]{color:#fff;font-size:20px;text-decoration:none;transition:color .3s}.nav-item.router-link-exact-active[data-v-008bc42e],.nav-item.active[data-v-008bc42e]{color:#7710ff}.nav-item[data-v-008bc42e]:hover{color:#7710ff;text-decoration:underline}body{margin:0;font-family:Inter,sans-serif}.mono{font-family:JetBrains Mono,monospace}.app-container[data-v-75ffba2f]{place-items:center;min-height:100vh;padding:0;display:grid}.primary-container[data-v-75ffba2f]{z-index:1;background:#0c0b19;border-top:0;border-bottom:0;width:100%;max-width:896px;height:100%;padding:0 20px;box-shadow:0 0 100px #00000080}.bg[data-v-75ffba2f]{z-index:-1;background-color:#151329;width:100%;height:100%;position:fixed;top:0;left:0}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .2s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}