#toolUI{overflow:visible;padding:22px}#toolUI .uuid-gen{--uuid-primary:#315cf5;--uuid-primary-dark:#2448d8;--uuid-soft:#eef3ff;--uuid-card:#fff;--uuid-surface:#f7f9fc;--uuid-border:#dce4f0;--uuid-text:#172033;--uuid-muted:#68758a;--uuid-success:#09875d;--uuid-danger:#c63b48;color:var(--uuid-text);max-width:100%;min-width:0;overflow:hidden}#toolUI .uuid-gen *,#toolUI .uuid-gen :after,#toolUI .uuid-gen :before{box-sizing:border-box}#toolUI .uuid-gen button,#toolUI .uuid-gen input{font:inherit}#toolUI .uuid-gen button:focus-visible,#toolUI .uuid-gen input:focus-visible{outline:3px solid rgba(49,92,245,.2);outline-offset:2px}#toolUI .uuid-gen__controls{background:linear-gradient(145deg,#fff,#f7f9ff);border:1px solid var(--uuid-border);border-radius:18px;box-shadow:0 14px 34px rgba(39,55,91,.07);padding:20px}#toolUI .control-row{display:grid;gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(170px,.45fr);margin:0 0 17px}#toolUI .control-group{min-width:0}#toolUI .control-group>label{color:#5e6d85;display:block;font-size:12px;font-weight:750;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}#toolUI .case-selector,#toolUI .format-selector,#toolUI .version-selector{display:flex;gap:7px;min-width:0}#toolUI .version-btn{align-items:center;background:#fff;border:1px solid var(--uuid-border);border-radius:11px;color:#4c5b72;cursor:pointer;display:inline-flex;font-size:13px;font-weight:650;gap:7px;justify-content:center;min-height:44px;padding:9px 13px;transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s;white-space:nowrap}#toolUI .version-btn svg{height:17px;width:17px}#toolUI .version-btn:hover{border-color:#93a9ff;color:var(--uuid-primary);transform:translateY(-1px)}#toolUI .version-btn.active{background:linear-gradient(135deg,#3867ff,#3154dc);border-color:var(--uuid-primary);box-shadow:0 7px 16px rgba(49,92,245,.22);color:#fff}#toolUI .count-input-wrapper{background:#fff;border:1px solid var(--uuid-border);border-radius:11px;display:grid;grid-template-columns:42px 1fr 42px;max-width:180px;min-height:44px;overflow:hidden;width:100%}#toolUI .count-input-wrapper input{-moz-appearance:textfield;background:transparent;border:0;border-left:1px solid #edf0f5;border-right:1px solid #edf0f5;color:var(--uuid-text);font-weight:750;min-width:0;text-align:center;width:100%}#toolUI .count-input-wrapper input::-webkit-inner-spin-button,#toolUI .count-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#toolUI .count-btn{background:#fff;border:0;color:#50617a;cursor:pointer;display:grid;place-items:center;width:42px}#toolUI .count-btn:hover{background:var(--uuid-soft);color:var(--uuid-primary)}#toolUI .count-btn svg{height:16px;width:16px}#toolUI .format-selector{overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin}#toolUI .case-option,#toolUI .format-option{cursor:pointer;margin:0}#toolUI .case-option input,#toolUI .format-option input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}#toolUI .case-btn,#toolUI .format-card{background:#fff;border:1px solid var(--uuid-border);border-radius:10px;color:#607089;display:grid;min-height:40px;place-items:center;transition:border-color .2s,color .2s,background .2s}#toolUI .format-card{font:11px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;padding:8px 11px;white-space:nowrap}#toolUI .case-btn{font-size:13px;font-weight:750;padding:6px;width:46px}#toolUI .case-option input:checked+.case-btn,#toolUI .format-option input:checked+.format-card{background:var(--uuid-soft);border-color:var(--uuid-primary);box-shadow:inset 0 0 0 1px var(--uuid-primary);color:var(--uuid-primary)}#toolUI .btn-generate{align-items:center;background:linear-gradient(135deg,#3768f6,#2d56df);border:0;border-radius:12px;box-shadow:0 9px 20px rgba(49,92,245,.23);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:750;gap:9px;justify-content:center;min-height:50px;padding:11px 18px;transition:transform .2s,box-shadow .2s;width:100%}#toolUI .btn-generate:hover{box-shadow:0 12px 25px rgba(49,92,245,.3);transform:translateY(-1px)}#toolUI .btn-generate svg{height:19px;width:19px}#toolUI .result-section{background:#fff;border:1px solid var(--uuid-border);border-radius:16px;margin-top:18px;overflow:hidden}#toolUI .result-header{align-items:center;background:#f8faff;border-bottom:1px solid var(--uuid-border);display:flex;gap:12px;justify-content:space-between;padding:13px 15px}#toolUI .history-header h3,#toolUI .result-header h3{color:var(--uuid-text);font-size:15px;font-weight:760;margin:0}#toolUI .result-actions{display:flex;gap:6px}#toolUI .btn-action{align-items:center;background:#fff;border:1px solid var(--uuid-border);border-radius:9px;color:#55657d;cursor:pointer;display:inline-flex;font-size:12px;font-weight:650;gap:6px;justify-content:center;min-height:36px;padding:7px 10px}#toolUI .btn-action:hover:not(:disabled){background:var(--uuid-soft);border-color:#9eb1ff;color:var(--uuid-primary)}#toolUI .btn-action:disabled{cursor:not-allowed;opacity:.45}#toolUI .btn-action svg{height:15px;width:15px}#toolUI .uuid-list{max-height:288px;overflow-y:auto;overscroll-behavior:contain;padding:11px}#toolUI .uuid-empty,#toolUI .uuid-list{display:flex;flex-direction:column;gap:7px}#toolUI .uuid-empty{align-items:center;color:var(--uuid-muted);justify-content:center;min-height:112px;text-align:center}#toolUI .uuid-empty svg{height:30px;opacity:.52;width:30px}#toolUI .uuid-empty p{font-size:13px;margin:0}#toolUI .uuid-item{align-items:center;background:#fbfcfe;border:1px solid #e2e8f1;border-radius:11px;cursor:pointer;display:flex;gap:10px;min-height:56px;padding:8px 9px 8px 12px;transition:border-color .18s,background .18s,transform .18s}#toolUI .uuid-item:hover{background:#f6f8ff;border-color:#9fb2ff;transform:translateY(-1px)}#toolUI .uuid-index{background:var(--uuid-soft);border-radius:8px;color:var(--uuid-primary);display:grid;flex:0 0 27px;font-size:11px;font-weight:800;height:27px;place-items:center;width:27px}#toolUI .uuid-item-value{color:#1f2b41;flex:1;font:13px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;min-width:0;overflow-wrap:anywhere}#toolUI .uuid-item-value small{color:#8a96a8;display:block;font:10px/1.2 system-ui,sans-serif;margin-top:3px}#toolUI .uuid-item-copy{background:#fff;border:1px solid var(--uuid-border);border-radius:9px;color:#65758b;cursor:pointer;display:grid;flex:0 0 36px;height:36px;place-items:center;width:36px}#toolUI .uuid-item-copy.copied,#toolUI .uuid-item-copy:hover{background:var(--uuid-primary);border-color:var(--uuid-primary);color:#fff}#toolUI .uuid-item-copy svg{height:16px;width:16px}#toolUI .uuid-analyzer{background:radial-gradient(circle at 100% 0,rgba(103,128,255,.12),transparent 32%),linear-gradient(145deg,#fff,#f8faff);border:1px solid #cfdbff;border-radius:18px;box-shadow:0 15px 36px rgba(45,67,126,.08);margin-top:18px;max-width:100%;min-width:0;overflow:hidden;padding:19px}#toolUI .uuid-analyzer__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:15px}#toolUI .uuid-analyzer__eyebrow{color:var(--uuid-primary);display:block;font-size:10px;font-weight:850;letter-spacing:.16em;margin-bottom:4px;text-transform:uppercase}#toolUI .uuid-analyzer__header h3{color:#172033;font-size:clamp(18px,2.4vw,23px);letter-spacing:-.025em;margin:0}#toolUI .uuid-analyzer__header p{color:var(--uuid-muted);font-size:12px;margin:5px 0 0}#toolUI .uuid-validity{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:800;min-height:28px;padding:5px 9px}#toolUI .uuid-validity.is-idle{background:#edf1f6;color:#66758a}#toolUI .uuid-validity.is-valid{background:#daf8eb;color:#087755}#toolUI .uuid-validity.is-invalid{background:#ffe5e8;color:#b52c3b}#toolUI .uuid-analyzer__input-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}#toolUI .uuid-analyzer__input-row input{background:#fff;border:1px solid #cfd9e8;border-radius:11px;color:var(--uuid-text);font:12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:45px;min-width:0;padding:10px 13px}#toolUI .uuid-analyzer__input-row input:focus{border-color:var(--uuid-primary)}#toolUI .btn-analyze{align-items:center;background:#253c77;border:0;border-radius:11px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:750;gap:7px;justify-content:center;min-height:45px;padding:9px 14px}#toolUI .btn-analyze:hover{background:#182c60}#toolUI .btn-analyze svg{height:17px;width:17px}#toolUI .uuid-analyzer__message{color:#7a879a;font-size:10px;margin:7px 2px 0}#toolUI .uuid-analyzer__message.is-success{color:var(--uuid-success)}#toolUI .uuid-analyzer__message.is-error{color:var(--uuid-danger)}#toolUI .uuid-analysis[hidden]{display:none}#toolUI .uuid-analysis{border-top:1px solid #dfe6f2;margin-top:16px;padding-top:16px}#toolUI .uuid-segments{align-items:stretch;display:grid;gap:6px;grid-template-columns:minmax(150px,2fr) auto minmax(90px,1fr) auto minmax(110px,1fr) auto minmax(100px,1fr) auto minmax(180px,2.3fr);min-width:810px}#toolUI .uuid-analysis{max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:thin}#toolUI .uuid-segments>i{color:#96a2b4;display:grid;font-style:normal;font-weight:700;place-items:center}#toolUI .uuid-segment{border:1px solid transparent;border-radius:11px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:66px;min-width:0;padding:10px 11px}#toolUI .uuid-segment strong{color:#1d2940;font:700 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}#toolUI .uuid-segment span{color:#68758a;font-size:9px;font-weight:800;letter-spacing:.07em}#toolUI .uuid-segment--low{background:#edf2ff;border-color:#c8d6ff}#toolUI .uuid-segment--mid{background:#eff7ff;border-color:#cadff8}#toolUI .uuid-segment--high{background:#f5efff;border-color:#ddcffb}#toolUI .uuid-segment--clock{background:#fff1f6;border-color:#f0d1dd}#toolUI .uuid-segment--node{background:#effaf6;border-color:#c9e7dc}#toolUI .uuid-field-grid{display:grid;gap:7px;grid-template-columns:repeat(5,minmax(135px,1fr));margin-top:9px;min-width:810px}#toolUI .uuid-field-grid>div{align-items:center;background:hsla(0,0%,100%,.75);border:1px solid #e3e8f0;border-radius:9px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}#toolUI .uuid-field-grid strong{color:#56657b;font-size:10px}#toolUI .uuid-field-grid span{color:var(--uuid-primary);font:700 9px/1 ui-monospace,monospace;white-space:nowrap}#toolUI .uuid-analysis__summary{background:#fff;border:1px solid #d9e1ef;border-radius:12px;display:grid;gap:12px;grid-template-columns:38px minmax(0,1fr);margin-top:12px;min-width:550px;padding:14px}#toolUI .uuid-analysis__info{background:var(--uuid-soft);border-radius:10px;color:var(--uuid-primary);display:grid;height:36px;place-items:center;width:36px}#toolUI .uuid-analysis__info svg{height:19px;width:19px}#toolUI .uuid-analysis__summary h4{align-items:center;color:#172033;display:flex;flex-wrap:wrap;font-size:14px;gap:7px;margin:0 0 6px}#toolUI .uuid-analysis__summary h4 span{background:var(--uuid-soft);border-radius:999px;color:var(--uuid-primary);font-size:9px;padding:4px 7px}#toolUI .uuid-analysis__summary p{color:#66748a;font-size:11px;line-height:1.55;margin:4px 0 0}#toolUI .uuid-analysis__summary code{background:#f3edff;border-radius:4px;color:#6d3dd1;font-weight:750;padding:1px 4px}#toolUI .uuid-analysis__total{border-top:1px dashed #dce3ee;padding-top:6px}#toolUI .uuid-versions-grid{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}#toolUI .uuid-version-card{background:#fff;border:1px solid var(--uuid-border);border-radius:13px;min-width:0;padding:14px;text-align:left}#toolUI .uuid-version-card .version-badge{background:var(--uuid-soft);border-radius:999px;color:var(--uuid-primary);display:inline-block;font-size:9px;font-weight:850;margin-bottom:7px;padding:3px 7px;text-transform:uppercase}#toolUI .uuid-version-card h4{color:#1c273b;font-size:13px;margin:0 0 4px}#toolUI .uuid-version-card p{color:var(--uuid-muted);font-size:10px;line-height:1.55;margin:0}#toolUI .history-section{background:#f9fbfd;border:1px solid var(--uuid-border);border-radius:14px;margin-top:18px;padding:15px}#toolUI .history-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}#toolUI .btn-text{background:transparent;border:0;color:#728097;cursor:pointer;font-size:10px;padding:5px 7px}#toolUI .btn-text:hover{color:var(--uuid-danger)}#toolUI .history-list{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}#toolUI .history-item{align-items:center;background:#fff;border:1px solid #e1e7ef;border-radius:9px;color:#52627a;cursor:pointer;display:flex;gap:8px;min-width:0;padding:8px 9px;text-align:left}#toolUI .history-item:hover{border-color:#a7b7f8;color:var(--uuid-primary)}#toolUI .history-value{flex:1;font:10px/1.3 ui-monospace,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toolUI .history-version{background:var(--uuid-soft);border-radius:999px;color:var(--uuid-primary);font-size:9px;font-weight:800;padding:3px 6px}#toolUI .history-empty{color:#8390a3;font-size:10px;grid-column:1/-1;padding:10px;text-align:center}.uuid-notification{align-items:center;background:#087d59;border-radius:11px;bottom:22px;box-shadow:0 12px 30px rgba(14,29,52,.22);color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;left:50%;min-height:42px;opacity:0;padding:9px 14px;position:fixed;transform:translate(-50%,14px);transition:opacity .2s,transform .2s;z-index:10020}.uuid-notification.is-visible{opacity:1;transform:translate(-50%)}.uuid-notification.is-error{background:#b83443}.uuid-notification svg{height:17px;width:17px}#toolUI .sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:760px){body .tool-page .main-column{min-width:0;overflow:hidden}body .tool-page .main-column #toolUI{padding:16px 10px}#toolUI .uuid-analyzer,#toolUI .uuid-gen__controls{border-radius:15px;padding:14px}#toolUI .control-row{gap:14px;grid-template-columns:1fr}#toolUI .version-selector{overflow-x:auto;padding:1px 2px 6px;scroll-snap-type:x proximity;width:calc(100% + 4px)}#toolUI .version-btn{flex:0 0 auto;scroll-snap-align:start}#toolUI .count-input-wrapper{max-width:none}#toolUI .result-header{align-items:flex-start}#toolUI .result-actions{max-width:66%;overflow-x:auto}#toolUI .btn-action{flex:0 0 auto}#toolUI .uuid-analyzer__header{gap:8px}#toolUI .uuid-analyzer__input-row{grid-template-columns:1fr}#toolUI .btn-analyze{width:100%}#toolUI .uuid-versions-grid{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity}#toolUI .uuid-version-card{flex:0 0 78%;scroll-snap-align:start}#toolUI .history-list{grid-template-columns:1fr}}@media (max-width:440px){#toolUI .uuid-analyzer,#toolUI .uuid-gen__controls{padding:12px}#toolUI .result-header{flex-direction:column}#toolUI .result-actions{max-width:none;width:100%}#toolUI .result-actions .btn-action{flex:1 0 auto}#toolUI .uuid-validity{padding-inline:7px}#toolUI .uuid-item{align-items:flex-start}#toolUI .uuid-item-copy{margin-top:1px}}@media (prefers-reduced-motion:reduce){#toolUI .uuid-gen *,.uuid-notification{scroll-behavior:auto!important;transition:none!important}}