@charset "UTF-8";
:root{color-scheme:light;--ink:#18273d;--muted:#627084;--blue:#173873;--line:#dee5ee;--page:#f4f7fb;--time:#12666e;--random:#255cad;--version:#a05b0a;--variant:#905183;--sequence:#6652ad;--node:#337049;--digit-size:clamp(1.125rem,2.6vw,2.125rem);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;color:var(--ink);background:var(--page)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #769ad9;outline-offset:4px}svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0}button svg{pointer-events:none}[hidden]{display:none!important}
.site-header{max-width:1192px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1.15rem;letter-spacing:-.035em;text-decoration:none;font-weight:730;display:flex;align-items:center;gap:11px}.brand-light{font-weight:430}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--blue);color:white;font:700 1.1rem/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.15em;padding-right:3px}.local-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.875rem}main{max-width:1192px;padding:36px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{display:block;font-size:.75rem;letter-spacing:.14em;font-weight:650;color:#6d7d93;margin-bottom:9px}h1{font-size:1.9rem;letter-spacing:-.03em;line-height:1.3;font-weight:650;margin:0}.format-note{color:var(--muted);font-size:.8125rem;white-space:nowrap;margin-bottom:5px}.format-note>span{margin:0 12px;color:#b7c2d1}.workspace{background:#fff;border:1px solid #d8e1ee;border-radius:16px;box-shadow:0 8px 30px #18346b05;overflow:hidden}#generator-form{padding:26px 30px 23px}.version-field{border:0;padding:0;margin:0}.version-field legend{font-size:.875rem;font-weight:600;margin-bottom:12px}.version-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.version-option{display:block;position:relative;cursor:pointer}.version-option input{position:absolute;width:1px;height:1px;opacity:0}.version-content{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:16px 17px;min-height:61px;transition:background .15s,border-color .15s}.version-content strong{font:600 1.2rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.version-content>span:not(.recommended){font-size:.875rem;color:var(--muted)}.version-content .recommended{font-size:.75rem;margin-left:auto;color:var(--blue);background:#e7eef9;padding:3px 6px;border-radius:4px}.version-option input:checked+.version-content{border-color:var(--blue);background:#f0f5ff;box-shadow:inset 0 0 0 .5px var(--blue)}.version-option input:checked+.version-content strong,.version-option input:checked+.version-content>span{color:var(--blue)}.version-option input:focus-visible+.version-content{outline:3px solid #769ad9;outline-offset:3px}.version-option:hover .version-content{background:#f3f6fb}.control-row{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:22px}#version-brief{font-size:.875rem;line-height:1.8;color:var(--muted);margin:0;max-width:570px}.generation-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.count-control{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--muted)}#count{width:76px;height:42px;border:1px solid #d3dce7;border-radius:6px;background:white;text-align:center;font:500 .95rem ui-monospace,SFMono-Regular,monospace;color:var(--ink);padding-left:6px}#count[aria-invalid=true]{border-color:#bc3e44}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:7px;min-height:42px;font-size:.875rem;transition:background .15s}.primary-button{background:var(--blue);color:white;padding:11px 17px;font-weight:550}.primary-button:hover{background:#0d285a}.primary-button:active{transform:translateY(1px)}.secondary-button{border:1px solid #d4deea;background:white;padding:9px 14px;color:#354c6b}.secondary-button:hover{background:#edf3fc}.text-button{padding:7px 9px;min-height:34px;background:transparent;color:var(--muted)}.text-button:hover{background:#edf3fc;color:var(--blue)}.error-message{color:#a62d34;font-size:.875rem;line-height:1.6;margin:13px 0 0}
.anatomy{border-top:1px solid var(--line);background:linear-gradient(#fbfcff,#fff);padding:22px 30px 25px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-caption{display:flex;align-items:center;gap:10px;flex-wrap:wrap}h2{font-size:.9375rem;font-weight:600;line-height:1.5;margin:0}.section-number{font:500 .75rem ui-monospace,SFMono-Regular,monospace;color:#8694a8}.badge{font:600 .6875rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.05em;background:#eaf0f8;color:#607695;padding:5px 7px;border-radius:4px}.uuid-visual{display:flex;justify-content:center;align-items:stretch;margin:34px auto 12px;font:500 var(--digit-size)/1.4 ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:0;max-width:100%;padding-bottom:4px}.uuid-chunk{width:calc(var(--chars)*1ch);flex:none;min-width:0}.uuid-code{white-space:nowrap;display:block;line-height:1.4;font:inherit;user-select:text}.uuid-char{display:inline-block;width:1ch;text-align:center;color:var(--tone)}.uuid-char.mixed{color:transparent;background:var(--mix);background-clip:text;-webkit-background-clip:text}.uuid-char.is-dimmed{opacity:.25}.uuid-separator{width:1ch;flex:none;text-align:center;color:#a8b3c4;align-self:flex-start;line-height:1.4}.chunk-rails{height:21px;display:flex;width:100%;gap:0}.field-rail{flex:var(--width);min-width:0;position:relative;border-bottom:1.5px solid var(--tone);height:10px;margin:0 1px}.field-rail:before,.field-rail:after{content:"";position:absolute;bottom:0;height:5px;width:1px;background:var(--tone)}.field-rail:before{left:0}.field-rail:after{right:0}.field-stem{position:absolute;height:9px;width:1px;left:50%;top:9px;background:var(--tone)}.chunk-labels{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;display:flex;flex-direction:column;align-items:center;gap:6px;letter-spacing:0;padding:4px 2px 0}.field-label{font-size:.875rem;line-height:1.4;text-align:center;max-width:100%;width:100%;min-height:42px;padding:3px 1px;border-radius:4px;background:transparent;color:var(--tone)}.field-label:hover,.field-label:focus-visible{background:color-mix(in srgb,var(--tone) 7%,transparent)}.field-label strong{font-weight:570;display:block}.field-label small{display:block;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,monospace;color:#7a8797;margin-top:3px}.field-detail{border-top:1px dashed #dce4ef;margin-top:17px;padding-top:15px;min-height:53px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:.875rem;line-height:1.8;color:var(--muted)}.field-detail strong{font-weight:600;color:var(--tone,var(--blue))}.field-detail code{color:#455771;word-break:break-all}.field-detail .detail-intro{color:#78869a;font-size:.8125rem}.decoded-facts{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:13px;font-size:.8125rem;color:var(--muted);line-height:1.8}.decoded-facts:empty{display:none}.fact{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.fact-label{color:#8894a4}.fact code{font:inherit;font-family:ui-monospace,SFMono-Regular,monospace;color:#485c75;word-break:break-all}.version-hint{font-size:.8125rem;color:#7b889a;line-height:1.8;margin:11px 0 0}.results-section{margin-top:31px}.count-badge{font-size:.75rem;line-height:1.4;border:1px solid #dbe3ee;color:#6a7c95;background:#ebf0f7;border-radius:4px;padding:2px 7px}.results-instruction{font-size:.8125rem;color:#7b889b;margin:7px 0 15px}.results-list{border:1px solid #dae3ef;border-radius:10px;overflow:auto;max-height:350px;background:white;scrollbar-color:#c2cedf #f5f7fb}.result-row{display:flex;align-items:stretch;min-width:0;min-height:56px;border-bottom:1px solid #e7edf5}.result-row:last-child{border-bottom:0}.result-row.selected{background:#eff4fc;box-shadow:inset 3px 0 var(--blue)}.result-select{display:flex;align-items:center;gap:20px;flex:1;min-width:0;text-align:left;background:transparent;padding:14px 20px;color:#3a4e6a}.result-select:hover{background:#e8effc80}.row-number{font:400 .75rem ui-monospace,SFMono-Regular,monospace;color:#93a0b2;width:28px;flex:none}.result-select code{font:500 .875rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;overflow-wrap:anywhere}.row-copy{background:transparent;color:#8594a9;min-width:50px;display:grid;place-items:center}.row-copy:hover{background:#e6eefb;color:var(--blue)}.empty-state{padding:24px;font-size:.875rem;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:29px 1px 15px;font-size:.75rem;line-height:1.8;color:#8b97a8}.footer-divider{margin:0 12px;color:#b9c3d2}footer a{text-decoration:none}footer a:hover{color:var(--blue);text-decoration:underline}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#18304e;color:white;border-radius:8px;padding:11px 18px;font-size:.875rem;line-height:1.6;box-shadow:0 8px 24px #18273d20;transition:opacity .16s,transform .16s;max-width:calc(100vw - 32px);z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:20px;color:#a62d34}
@media(min-width:1400px){:root{--digit-size:2.25rem}}@media(max-width:950px){.control-row{align-items:flex-start;flex-direction:column;gap:16px}.generation-controls{align-self:flex-end}#version-brief{max-width:none}.version-content{gap:8px;padding:14px 12px}.version-content .recommended{display:none}.anatomy{padding-left:23px;padding-right:23px}.field-label{font-size:.8125rem}.uuid-visual{--digit-size:clamp(1.125rem,2.5vw,2rem)}}
@media(max-width:650px){.site-header{padding:20px}.local-note{font-size:.75rem;gap:5px}.local-note svg{display:none}main{padding:26px 16px}.page-heading{margin-bottom:20px}.eyebrow{font-size:.6875rem}h1{font-size:1.65rem}.format-note{display:none}#generator-form{padding:20px}.version-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.version-content{padding:13px 14px;min-height:54px}.version-content>span:not(.recommended){font-size:.875rem}.generation-controls{width:100%;justify-content:space-between;gap:10px}.primary-button{flex:1;max-width:190px}.control-row{margin-top:16px}.anatomy{padding:19px 19px 22px}.section-caption{gap:7px}.section-number{display:none}.badge{font-size:.6875rem}.text-button{font-size:.8125rem}.text-button svg{display:none}.uuid-visual{--digit-size:1.5625rem;flex-wrap:wrap;justify-content:flex-start;row-gap:22px;margin-top:27px;max-width:100%}.uuid-chunk{max-width:100%;width:calc(var(--chars)*1ch)}.uuid-separator{width:.9ch}.chunk-labels{align-items:flex-start;padding-left:2px;padding-right:4px}.field-label{text-align:left;font-size:.875rem}.field-label small{font-size:.75rem}.field-detail{gap:3px 10px;margin-top:23px}.version-hint{font-size:.8125rem}.decoded-facts{gap:8px}.fact{gap:4px 8px}.results-section{margin-top:25px}.result-select{padding:12px 12px;gap:7px}.row-number{width:20px}.result-select code{font-size:.8125rem;letter-spacing:0}.row-copy{min-width:36px}footer{flex-direction:column;gap:8px;padding:23px 2px}.workspace{border-radius:12px}.results-instruction{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Field leaders preserve the exact bit boundaries while staggering labels. */
.chunk-rails{height:17px}.field-rail{margin:0;border-bottom-width:1px}.field-stem{height:calc(8px + var(--lane)*56px)}.chunk-labels{display:block;position:relative;height:225px;padding:0}.field-label{position:absolute;left:var(--center);top:calc(var(--lane)*56px);transform:translateX(-50%);width:max-content;max-width:140px;min-height:0;padding:3px 5px;font-size:.875rem;line-height:1.35;white-space:nowrap}.field-short{display:block;font-size:.8125rem;color:#63758c;margin-top:3px}.field-label small{font-size:.75rem;margin-top:2px;white-space:nowrap}.uuid-visual{margin-bottom:0}.field-detail{margin-top:0}.uuid-char{transition:opacity .12s}
@media(max-width:650px){.uuid-visual{column-gap:1ch;row-gap:22px}.uuid-separator{display:none}.uuid-chunk{position:relative;min-width:5.5ch}.uuid-chunk:not(:first-child):before{content:'-';position:absolute;left:-.8ch;top:0;color:#a8b3c4}.uuid-code,.chunk-rails{width:calc(var(--chars)*1ch);max-width:100%}.field-stem{height:7px}.chunk-labels{height:auto;display:flex;gap:7px;align-items:flex-start;padding:0}.field-label{position:static;left:auto;top:auto;transform:none;text-align:left;width:auto;max-width:100%;white-space:normal;padding:3px 1px;line-height:1.4}.field-short{font-size:.875rem;max-width:8em;white-space:normal}.uuid-chunk{padding-bottom:2px}.field-detail{margin-top:20px}.uuid-code{overflow-wrap:anywhere;white-space:normal}.uuid-char{display:inline}.version-content{flex-wrap:wrap}}
@media(max-width:650px){.uuid-visual{--digit-size:clamp(.875rem,calc((100vw - 112px)/7.3),1.5625rem)}.uuid-code{white-space:nowrap}.uuid-char{display:inline-block}.generation-controls,.section-toolbar{flex-wrap:wrap}.section-caption{max-width:100%}.count-control{flex-wrap:wrap}}
/* Keep the UUID and its annotations on one continuous, scrollable canvas. */
.anatomy-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6c6dd transparent;margin:0 -5px;padding:0 5px 10px;-webkit-overflow-scrolling:touch}
.uuid-visual{--digit-size:1.5rem;flex-wrap:nowrap;justify-content:center;column-gap:0;row-gap:0;width:36ch;max-width:none;margin:34px auto 0}
.uuid-chunk{position:relative;min-width:0;max-width:none;width:calc(var(--chars)*1ch);padding:0}
.uuid-chunk:not(:first-child):before{content:none}
.uuid-separator{display:block;width:1ch;flex:none}
.uuid-code,.chunk-rails{width:100%;max-width:none;white-space:nowrap}
.uuid-char{display:inline-block}
.field-stem{height:calc(.5rem + var(--lane)*4rem)}
.chunk-labels{display:block;position:relative;height:16rem;padding:0}
.field-label{position:absolute;left:var(--center);top:calc(var(--lane)*4rem);transform:translateX(-50%);width:max-content;max-width:8.75rem;text-align:center;white-space:nowrap;padding:3px 5px;font-size:.875rem;line-height:1.35}
.field-short{font-size:.8125rem;max-width:none;white-space:nowrap}
.field-detail{margin-top:0}
/* Equal-height version controls, including wrapped labels and enlarged text. */
.version-options{grid-auto-rows:1fr;align-items:stretch}
.version-option{display:flex;height:100%}
.version-content{flex:1;width:100%;height:100%;min-height:3.8125rem;align-content:center}
.field-label{z-index:2;background:#fbfcff}