.Uuid-module__Y-jO8G__page{--ink:#162033;--muted:#64748b;--line:#dfe5ee;--primary:#2854d7;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 0,#3b82f614,#0000 25rem),#f4f6fa}.Uuid-module__Y-jO8G__pageHeader{z-index:1;color:#fff;text-align:left;width:100%;box-shadow:none;background:linear-gradient(115deg,#1a2d55,#101e38);justify-content:space-between;align-items:flex-end;gap:2rem;padding:3.4rem max(2rem,50vw - 720px + 2rem) 2.25rem;display:flex;position:relative}.Uuid-module__Y-jO8G__pageHeader h1{letter-spacing:-.045em;margin:.25rem 0 .45rem;font-size:clamp(2rem,4vw,3.35rem);line-height:1}.Uuid-module__Y-jO8G__eyebrow,.Uuid-module__Y-jO8G__sectionHeading p,.Uuid-module__Y-jO8G__panelHeading p{color:#89a8ff;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.Uuid-module__Y-jO8G__subtitle{color:#b8c5db;max-width:620px;margin:0;font-size:1rem;line-height:1.55}.Uuid-module__Y-jO8G__uuidContainer{width:100%;max-width:1440px;margin:0 auto;padding:2rem;display:block}.Uuid-module__Y-jO8G__workspaceGrid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:1.5rem;width:100%;display:grid}.Uuid-module__Y-jO8G__converterPanel,.Uuid-module__Y-jO8G__formatPanel{background:#fff;border:1px solid #cdd6e4e6;border-radius:14px;box-shadow:0 8px 30px #1620330f}.Uuid-module__Y-jO8G__converterPanel{min-width:0;overflow:hidden}.Uuid-module__Y-jO8G__sectionHeading,.Uuid-module__Y-jO8G__panelHeading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.5rem 1rem;display:flex}.Uuid-module__Y-jO8G__sectionHeading p,.Uuid-module__Y-jO8G__panelHeading p{color:#5877c8;font-size:.65rem}.Uuid-module__Y-jO8G__sectionHeading h2,.Uuid-module__Y-jO8G__panelHeading h2{letter-spacing:-.015em;margin:.18rem 0 0;font-size:1.08rem}.Uuid-module__Y-jO8G__versionSelector{background:#f5f7fa;border:1px solid #d7dee8;border-radius:8px;align-items:stretch;gap:0;margin:0;padding:.2rem;display:inline-flex}.Uuid-module__Y-jO8G__versionSelector legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Uuid-module__Y-jO8G__versionOption{cursor:pointer;align-items:center;display:inline-flex;position:relative}.Uuid-module__Y-jO8G__versionOption input{opacity:0;width:1px;height:1px;position:absolute}.Uuid-module__Y-jO8G__versionOption span{color:#536078;border-radius:6px;padding:.42rem .65rem;font-size:.72rem;font-weight:700;transition:color .15s,background .15s,box-shadow .15s}.Uuid-module__Y-jO8G__versionOption input:checked+span{color:#2349b7;background:#fff;box-shadow:0 1px 3px #1620331f}.Uuid-module__Y-jO8G__versionOption input:focus-visible+span{outline-offset:1px;outline:3px solid #2854d733}.Uuid-module__Y-jO8G__converterContent{flex-direction:column;gap:1.4rem;padding:1.5rem;display:flex}.Uuid-module__Y-jO8G__uuidForm{flex-direction:column;gap:.55rem;display:flex}.Uuid-module__Y-jO8G__uuidForm label,.Uuid-module__Y-jO8G__outputLabel span{color:#465269;font-size:.76rem;font-weight:700}.Uuid-module__Y-jO8G__uuidInput{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd5e1;border-radius:8px;outline:none;padding:.85rem .9rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.Uuid-module__Y-jO8G__uuidInput:focus{border-color:#7492e2;box-shadow:0 0 0 3px #2854d71c}.Uuid-module__Y-jO8G__outputBlock{background:#fafbfc;border:1px solid #dfe5ee;border-radius:10px;overflow:hidden}.Uuid-module__Y-jO8G__outputLabel{border-bottom:1px solid #e7ebf1;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .85rem;display:flex}.Uuid-module__Y-jO8G__outputLabel span{font-size:.7rem}.Uuid-module__Y-jO8G__outputLabel strong{color:#5877c8;letter-spacing:.05em;text-transform:uppercase;font-size:.67rem}.Uuid-module__Y-jO8G__outputActions{align-items:center;gap:.7rem;display:flex}.Uuid-module__Y-jO8G__copyButton{color:#3e4b61;background:#fff;border:1px solid #d7dee8;border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .55rem;font-family:inherit;font-size:.68rem;font-weight:700;transition:border-color .15s,background .15s;display:inline-flex}.Uuid-module__Y-jO8G__copyButton svg{width:14px;height:14px}.Uuid-module__Y-jO8G__copyButton:hover:not(:disabled){background:#f1f5ff;border-color:#b9c8eb}.Uuid-module__Y-jO8G__copyButton:disabled{cursor:not-allowed;opacity:.45}.Uuid-module__Y-jO8G__uuidResult{color:#42506a;overflow-wrap:anywhere;align-items:center;min-height:92px;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.6;display:flex}.Uuid-module__Y-jO8G__actionButtons{flex-wrap:wrap;gap:.65rem;display:flex}.Uuid-module__Y-jO8G__primaryButton,.Uuid-module__Y-jO8G__secondaryButton{cursor:pointer;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:transform .15s,background .15s}.Uuid-module__Y-jO8G__primaryButton{color:#fff;background:var(--primary);box-shadow:0 5px 14px #2854d733}.Uuid-module__Y-jO8G__primaryButton:hover{background:#1f46bc;transform:translateY(-1px)}.Uuid-module__Y-jO8G__secondaryButton{color:#3e4b61;background:#fff;border:1px solid #d7dee8}.Uuid-module__Y-jO8G__secondaryButton:hover:not(:disabled){background:#f5f7fa}.Uuid-module__Y-jO8G__secondaryButton:disabled{cursor:not-allowed;opacity:.5}.Uuid-module__Y-jO8G__formatPanel{flex-direction:column;gap:1rem;padding:0 1.35rem 1.35rem;display:flex}.Uuid-module__Y-jO8G__formatPanel .Uuid-module__Y-jO8G__panelHeading{margin:0 -1.35rem}.Uuid-module__Y-jO8G__formatButtons{flex-direction:column;gap:.5rem;display:flex}.Uuid-module__Y-jO8G__formatButton{color:#465269;text-align:left;background:#fff;border:1px solid #dce3ec;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.7rem .8rem;font-family:inherit;font-size:.78rem;font-weight:650;transition:border-color .15s,background .15s;display:flex}.Uuid-module__Y-jO8G__formatButton:hover{background:#f7f9ff;border-color:#b9c8eb}.Uuid-module__Y-jO8G__formatButton.Uuid-module__Y-jO8G__active{color:#2349b7;background:#f1f5ff;border-color:#9db2e9}.Uuid-module__Y-jO8G__formatNote{color:var(--muted);background:#f7f9fb;border-radius:8px;margin:0;padding:.75rem;font-size:.72rem;line-height:1.5}@media (max-width:980px){.Uuid-module__Y-jO8G__workspaceGrid{grid-template-columns:1fr}.Uuid-module__Y-jO8G__formatButtons{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (max-width:720px){.Uuid-module__Y-jO8G__pageHeader{align-items:flex-start;padding:3rem 1.1rem 1.7rem}.Uuid-module__Y-jO8G__uuidContainer{padding:1rem}.Uuid-module__Y-jO8G__formatButtons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.Uuid-module__Y-jO8G__actionButtons,.Uuid-module__Y-jO8G__formatButtons{grid-template-columns:1fr;display:grid}}