.tool-head[data-astro-cid-zxlmuk2o]{padding-block:clamp(32px,4vw,48px) clamp(28px,3vw,40px)}.tool-crumbs[data-astro-cid-zxlmuk2o]{color:var(--color-muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.tool-crumbs[data-astro-cid-zxlmuk2o] a[data-astro-cid-zxlmuk2o]{color:inherit;text-decoration:none}.tool-crumbs[data-astro-cid-zxlmuk2o] a[data-astro-cid-zxlmuk2o]:hover{color:var(--color-text)}.tool-crumbs[data-astro-cid-zxlmuk2o] [data-astro-cid-zxlmuk2o][aria-current=page]{color:var(--color-text);font-weight:500}.tool-head__title[data-astro-cid-zxlmuk2o]{font-size:var(--font-size-h2);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);margin-block-start:clamp(24px,3.5vw,40px)}.tool-head__lead[data-astro-cid-zxlmuk2o]{max-width:68ch;color:var(--color-text-secondary);margin-block-start:14px;font-size:17px;line-height:1.6}.tool-badges[data-astro-cid-zxlmuk2o]{flex-wrap:wrap;gap:8px;margin-block-start:20px;list-style:none;display:flex}.tool-badges[data-astro-cid-zxlmuk2o] li[data-astro-cid-zxlmuk2o]{border-radius:var(--radius-full);color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);background:var(--lightningcss-light,#fff6d6)var(--lightningcss-dark,#f5b70024);padding:5px 12px;font-size:13.5px;font-weight:600}.tool-body[data-astro-cid-zxlmuk2o]{padding-block-end:clamp(48px,6vw,80px)}.tool-steps[data-astro-cid-zxlmuk2o]{background:var(--color-sunken);padding-block:clamp(48px,6vw,80px)}.tool-steps__title[data-astro-cid-zxlmuk2o]{font-size:var(--font-size-h2);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.tool-steps__list[data-astro-cid-zxlmuk2o]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block-start:clamp(24px,3vw,36px);list-style:none;display:grid}.tool-steps__list[data-astro-cid-zxlmuk2o] li[data-astro-cid-zxlmuk2o]{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);align-content:start;gap:8px;padding:22px;display:grid}.tool-steps__num[data-astro-cid-zxlmuk2o]{background:var(--color-brand);width:34px;height:34px;color:var(--color-on-brand);border-radius:10px;place-items:center;font-weight:700;display:grid}.tool-steps__list[data-astro-cid-zxlmuk2o] h3[data-astro-cid-zxlmuk2o]{margin-block-start:6px;font-size:17px;font-weight:600;line-height:1.4}.tool-steps__list[data-astro-cid-zxlmuk2o] p[data-astro-cid-zxlmuk2o]{color:var(--color-text-secondary);font-size:15px;line-height:1.6}@media (width<=1024px){.tool-steps__list[data-astro-cid-zxlmuk2o]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tool-steps__list[data-astro-cid-zxlmuk2o]{grid-template-columns:minmax(0,1fr)}}.vq-tool{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,32px);display:grid}.vq-card{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);padding:clamp(20px,2.4vw,28px);position:relative}.vq-form{gap:18px;display:grid}.vq-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.vq-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.vq-label{color:var(--color-text);align-items:baseline;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}.vq-req{color:var(--color-muted);font-size:12px;font-weight:500}.vq-count{font-variant-numeric:tabular-nums;color:var(--color-muted);margin-inline-start:auto;font-size:12px;font-weight:500}.vq-input{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:46px;font:inherit;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;padding:10px 14px;font-size:15.5px}.vq-input::placeholder{color:var(--color-muted);opacity:.8}.vq-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-ring);outline:none}.vq-textarea{resize:vertical;word-break:break-all;min-height:120px;font-size:13px;line-height:1.55}.vq-mono{font-family:var(--font-mono);font-variant-ligatures:none}.vq-hint{color:var(--color-muted);font-size:13px;line-height:1.55}.vq-hint code{font-family:var(--font-mono);font-size:.92em}.vq-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vq-picker{gap:10px;display:grid;position:relative}.vq-combo{position:relative}.vq-combo__logo{object-fit:contain;pointer-events:none;width:56px;height:26px;position:absolute;inset-block-start:50%;inset-inline-start:10px;translate:0 -50%}.vq-combo__logo+.vq-input{text-overflow:ellipsis;padding-inline-start:76px}.vq-options{z-index:20;background:var(--color-surface);max-height:320px;box-shadow:var(--shadow-card-hover,var(--shadow-card));border-radius:14px;padding:6px;list-style:none;position:absolute;inset-block-start:52px;inset-inline:0;overflow-y:auto}.vq-options li{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.vq-options li.is-active{background:var(--color-sunken)}.vq-options li[aria-selected=true] strong{color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700)}.vq-options img,.vq-fixed-bank img,.vq-chip img,.vq-result-bank img{object-fit:contain;background:#fff;border-radius:6px;flex:none;width:64px;height:30px;padding:3px 5px}.vq-options span,.vq-fixed-bank span{min-width:0;display:grid}.vq-options strong,.vq-fixed-bank strong{font-size:14.5px;font-weight:600}.vq-options small,.vq-fixed-bank small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.vq-options__empty{color:var(--color-muted);cursor:default}.vq-chips{flex-wrap:wrap;gap:8px;display:flex}.vq-chip{border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:10px;place-items:center;padding:4px;display:inline-grid}.vq-chip img{width:58px;height:26px;padding:0}.vq-chip:hover{border-color:var(--color-border-strong)}.vq-chip[aria-pressed=true]{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-ring)}.vq-fixed-bank{border:1px solid var(--color-border-strong);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.vq-fixed-bank a{color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);flex:none;margin-inline-start:auto;font-size:13.5px;font-weight:600;text-decoration:none}.vq-segment{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.vq-segment label{border:1px solid var(--color-border-strong);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:12px;gap:2px;padding:10px 12px;display:grid;position:relative}.vq-segment input{opacity:0;pointer-events:none;position:absolute}.vq-segment strong{font-size:14px;font-weight:600}.vq-segment small{color:var(--color-muted);font-size:12.5px}.vq-segment label.is-on{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand);background:var(--lightningcss-light,#fffaeb)var(--lightningcss-dark,#f5b70014)}.vq-segment label:has(input:focus-visible){outline:2px solid var(--color-brand);outline-offset:2px}.vq-preview{gap:16px;display:grid;position:sticky;inset-block-start:92px}.vq-preview__img{border-radius:var(--radius-lg);background:radial-gradient(circle, var(--color-border) 1px, transparent 1.5px) 0 0 / 16px 16px, var(--color-sunken);min-height:320px;transition:opacity var(--transition-base);place-items:center;padding:16px;display:grid}.vq-preview__img.is-busy{opacity:.6}.vq-preview__img img{border-radius:12px;width:min(100%,360px);height:auto;display:block;box-shadow:0 12px 32px -16px #1c1b1973}.vq-empty{text-align:center;max-width:260px;color:var(--color-muted);justify-items:center;gap:12px;font-size:14.5px;display:grid}.vq-empty svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;opacity:.7;width:56px;height:56px}.vq-actions{flex-wrap:wrap;gap:10px;display:flex}.vq-actions .btn[disabled]{opacity:.5;cursor:not-allowed}.vq-payload{background:var(--color-sunken);border-radius:14px;gap:8px;padding:14px 16px;display:grid}.vq-payload__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.vq-payload code{font-family:var(--font-mono);font-variant-ligatures:none;color:var(--color-text-secondary);word-break:break-all;font-size:12.5px;line-height:1.55}.vq-link{font:inherit;color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:600;text-decoration:none}.vq-link:hover{text-underline-offset:3px;text-decoration:underline}.vq-badge{border-radius:var(--radius-full);color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);white-space:nowrap;background:var(--lightningcss-light,#fff6d6)var(--lightningcss-dark,#f5b70024);align-items:center;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.vq-badge--ok{color:var(--color-success);background:var(--lightningcss-light,#e7f5ee)var(--lightningcss-dark,#10b98124)}.vq-badge--error{color:var(--color-danger);background:var(--lightningcss-light,#fdecef)var(--lightningcss-dark,#f8717124)}.vq-toast{z-index:50;border-radius:var(--radius-full);background:var(--color-night);color:var(--color-on-night);padding:10px 18px;font-size:14px;font-weight:500;position:fixed;inset-block-end:24px;inset-inline-start:50%;translate:-50%;box-shadow:0 12px 28px -12px #00000080}.vq-decoder{gap:16px;display:grid}.vq-decode-input{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,28px);display:grid}.vq-drop{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-sunken);text-align:center;cursor:pointer;min-height:240px;transition:border-color var(--transition-fast), background-color var(--transition-fast);place-content:center;justify-items:center;gap:8px;padding:20px;display:grid;position:relative}.vq-drop:hover,.vq-drop.is-dragging{border-color:var(--color-brand);background:var(--lightningcss-light,#fffaeb)var(--lightningcss-dark,#f5b70014)}.vq-drop:has(input:focus-visible){outline:2px solid var(--color-brand);outline-offset:2px}.vq-drop small{color:var(--color-muted)}.vq-drop__icon{fill:none;stroke:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px}.vq-drop__preview{border-radius:10px;max-width:100%;max-height:200px}.vq-decode-side{align-content:start;gap:10px;display:grid}.vq-note{color:var(--color-text-secondary);font-size:14px}.vq-note--error{color:var(--color-danger)}.vq-result-head{border-block-end:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block-end:18px;display:flex}.vq-result-bank{align-items:center;gap:14px;min-width:0;display:flex}.vq-result-bank img{width:84px;height:40px;box-shadow:inset 0 0 0 1px var(--color-border)}.vq-result-bank h2{font-size:20px;font-weight:600;line-height:1.3}.vq-result-bank p{color:var(--color-muted);font-size:14px}.vq-badges{flex-wrap:wrap;gap:8px;display:flex}.vq-key{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:18px;display:grid}.vq-key>div{background:var(--color-sunken);border-radius:14px;align-content:start;justify-items:start;gap:4px;min-width:0;padding:14px 16px;display:grid}.vq-key__label{color:var(--color-muted);font-size:12.5px;font-weight:600}.vq-key__value{color:var(--color-text);word-break:break-word;font-size:17px;font-weight:600}.vq-key em{color:var(--color-muted);font-style:normal;font-weight:500}.vq-key small{color:var(--color-text-secondary);font-size:13px}.vq-subtitle,.vq-card-title{font-size:17px;font-weight:600}.vq-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-block-start:8px;display:grid}.vq-detail{border-block-end:1px solid var(--color-border);grid-template-columns:150px minmax(0,1fr);gap:12px;padding-block:9px;font-size:14px;display:grid}.vq-detail dt{color:var(--color-muted)}.vq-detail dd{word-break:break-word;min-width:0;display:grid}.vq-detail dd span{color:var(--color-text);font-weight:600}.vq-detail dd small{color:var(--color-muted)}.vq-open{margin-block-start:18px}.vq-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:8px;display:flex}.vq-issues{gap:8px;margin-block-start:12px;list-style:none;display:grid}.vq-issue{background:var(--color-sunken);border-radius:12px;gap:10px;padding:10px 14px;font-size:14px;line-height:1.55;display:flex}.vq-issue strong{flex:none}.vq-issue--error{background:var(--lightningcss-light,#fdecef)var(--lightningcss-dark,#f871711f)}.vq-issue--error strong{color:var(--color-danger)}.vq-issue--warn{background:var(--lightningcss-light,#fff3e6)var(--lightningcss-dark,#fb923c1f)}.vq-issue--warn strong{color:var(--color-warning)}.vq-tree{border:1px solid var(--color-border);border-radius:14px;margin-block-start:12px;overflow:hidden}.vq-tlv{border-block-end:1px solid var(--color-border);align-items:flex-start;gap:10px;padding-block:10px;padding-inline-end:14px;display:flex}.vq-tree>div:last-child>.vq-tlv:last-child{border-block-end:0}.vq-tlv__id,.vq-tlv__len{font-family:var(--font-mono);border-radius:6px;flex:none;padding:1px 6px;font-size:12.5px;font-weight:600}.vq-tlv__id{color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);background:var(--lightningcss-light,#fff6d6)var(--lightningcss-dark,#f5b70029)}.vq-tlv__len{background:var(--color-sunken);color:var(--color-muted)}.vq-tlv__body{flex:1;min-width:0}.vq-tlv__name{color:var(--color-text);font-size:14px;font-weight:600}.vq-tlv__value{font-family:var(--font-mono);font-variant-ligatures:none;color:var(--color-text-secondary);word-break:break-all;font-size:13px;display:block}.vq-tlv__meaning{color:var(--lightningcss-light,#8a6400)var(--lightningcss-dark,#f5b700);margin-block-start:2px;font-size:13px}@media (width<=960px){.vq-tool,.vq-decode-input{grid-template-columns:minmax(0,1fr)}.vq-preview{position:static}}@media (width<=640px){.vq-row,.vq-key,.vq-details,.vq-segment{grid-template-columns:minmax(0,1fr)}.vq-detail{grid-template-columns:120px minmax(0,1fr)}.vq-preview__img{min-height:260px}}
