.tn-uuid-page .uuid-tool{--u-paper:#faf6ee;--u-wash:#f5efdf;--u-card:rgba(255,252,244,.74);--u-ink:#1a1208;--u-muted:#5a4a30;--u-line:#b8a888;--u-soft:#ddd4be;--u-accent:#c44a00;--u-button:#ede6d4;--u-hover:#dfd4bb;display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr);min-width:0;overflow:visible;color:var(--u-ink);background:var(--u-paper);border:1px solid var(--u-line);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.tn-uuid-page .uuid-tool,.tn-uuid-page .uuid-tool *{box-sizing:border-box}
.tn-uuid-page .uuid-tool :is(p,h2,ol,li){margin:0}
.tn-uuid-page .uuid-tool__config{position:relative;min-width:0;padding:25px 24px 24px;background:var(--u-wash);border-right:1px solid var(--u-line)}
.tn-uuid-page .uuid-tool__config:before{content:"";position:absolute;top:0;left:24px;right:24px;border-top:2px solid var(--u-accent)}
.tn-uuid-page .uuid-tool__section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--u-muted);font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em}
.tn-uuid-page .uuid-tool__live{display:inline-flex;align-items:center;gap:6px;font:600 11px/1.4 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
.tn-uuid-page .uuid-tool__live i{display:block;width:6px;height:6px;border-radius:50%;background:var(--u-accent)}
.tn-uuid-page .uuid-tool__field{margin-top:26px;min-width:0}
.tn-uuid-page .uuid-tool__field label{display:block;margin:0 0 5px;padding:0;border:0;background:none;color:var(--u-ink);font-weight:700;font-size:13px;line-height:1.5}
.tn-uuid-page .uuid-tool__field p{margin:7px 0 0;color:var(--u-muted);font-size:12px;line-height:1.5;text-wrap:pretty}
.tn-uuid-page .uuid-tool__count-control{display:flex;align-items:stretch;width:100%;height:44px;border:1px solid var(--u-line);background:var(--u-card)}
.tn-uuid-page .uuid-tool__count-control input{flex:1 1 auto;width:0;min-width:0;height:42px;border:0;border-radius:0;outline:0;background:transparent;color:var(--u-ink);-webkit-text-fill-color:var(--u-ink);font:600 16px/1 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums;padding:0 12px;box-shadow:none}
.tn-uuid-page .uuid-tool__count-control input[aria-invalid=true]{color:var(--u-accent);-webkit-text-fill-color:var(--u-accent)}
.tn-uuid-page .uuid-tool__count-control span{display:grid;place-items:center;min-width:44px;border-left:1px solid var(--u-soft);color:var(--u-muted);font-size:12px}
.tn-uuid-page .uuid-tool__presets{display:flex;gap:6px;margin-top:12px}
.tn-uuid-page .uuid-tool button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid var(--u-line);border-radius:0;background:var(--u-button);color:var(--u-ink);-webkit-text-fill-color:var(--u-ink);padding:0 12px;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.tn-uuid-page .uuid-tool button:hover:not(:disabled){background:var(--u-hover);border-color:var(--u-muted)}
.tn-uuid-page .uuid-tool button:active:not(:disabled){transform:scale(.96)}
.tn-uuid-page .uuid-tool button:disabled{opacity:.45;cursor:not-allowed}
.tn-uuid-page .uuid-tool :is(input,select,button):focus{outline:none}
.tn-uuid-page .uuid-tool :is(input,select,button):focus-visible,.tn-uuid-page .uuid-tool__count-control:focus-within{outline:2px solid var(--u-accent);outline-offset:2px}
.tn-uuid-page .uuid-tool__presets button{flex:1 1 0;min-width:0}
.tn-uuid-page .uuid-tool__presets button[aria-pressed=true]{background:var(--u-ink);color:var(--u-paper);-webkit-text-fill-color:var(--u-paper);border-color:var(--u-ink)}
.tn-uuid-page .uuid-tool__field select{display:block;width:100%;height:44px;margin:0;padding:0 34px 0 12px;border:1px solid var(--u-line);border-radius:0;background-color:var(--u-card);color:var(--u-ink);-webkit-text-fill-color:var(--u-ink);font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;box-shadow:none}
.tn-uuid-page .uuid-tool__format-sample{display:block;min-width:0;min-height:40px;margin-top:12px;padding:10px 11px;border:1px solid var(--u-soft);background:var(--u-card)!important;color:var(--u-muted);-webkit-text-fill-color:var(--u-muted);font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
.tn-uuid-page .uuid-tool button.uuid-tool__generate{justify-content:space-between;width:100%;margin-top:26px;min-height:44px;padding:0 14px;background:var(--u-ink);border-color:var(--u-ink);color:var(--u-paper);-webkit-text-fill-color:var(--u-paper);font-size:13px}
.tn-uuid-page .uuid-tool button.uuid-tool__generate:hover{background:var(--u-accent);border-color:var(--u-accent)}
.tn-uuid-page .uuid-tool__generate span{font:400 18px/1 Georgia,serif;transition:transform .18s ease}
.tn-uuid-page .uuid-tool__generate:hover span{transform:translate(2px,-2px)}
.tn-uuid-page .uuid-tool__privacy{margin-top:13px!important;color:var(--u-muted);font-size:12px;line-height:1.5;text-wrap:pretty}
.tn-uuid-page .uuid-tool__output{display:flex;flex-direction:column;min-width:0;padding:24px 25px 20px;background:var(--u-paper)}
.tn-uuid-page .uuid-tool__output-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--u-soft)}
.tn-uuid-page .uuid-tool__output-head>div{min-width:0}
.tn-uuid-page .uuid-tool__output-head p{margin-top:8px;color:var(--u-ink);font-size:15px;font-weight:700;font-variant-numeric:lining-nums tabular-nums}
.tn-uuid-page .uuid-tool__v4-mark{flex:none;border:1px solid var(--u-soft);padding:5px 8px;color:var(--u-muted);font:700 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.tn-uuid-page .uuid-tool__v4-mark span{padding:0 3px;color:var(--u-accent)}
.tn-uuid-page .uuid-tool__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
.tn-uuid-page .uuid-tool__toolbar>span{color:var(--u-muted);font-size:12px}
.tn-uuid-page .uuid-tool__toolbar>div{display:flex;gap:7px}
.tn-uuid-page .uuid-tool__toolbar button:first-child{background:var(--u-ink);color:var(--u-paper);-webkit-text-fill-color:var(--u-paper);border-color:var(--u-ink)}
.tn-uuid-page .uuid-tool__toolbar button:first-child:hover:not(:disabled){background:var(--u-accent);border-color:var(--u-accent)}
.tn-uuid-page .uuid-tool__list{display:flex;flex-direction:column;gap:7px;max-height:488px;min-height:258px;overflow-y:auto;overflow-x:clip;list-style:none!important;padding:0!important;margin:0!important;scrollbar-color:var(--u-line) transparent;scrollbar-width:thin}
.tn-uuid-page .uuid-tool__list li{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:48px;padding:7px 8px;border:1px solid var(--u-soft);background:var(--u-card);list-style:none!important;transition:background-color .18s ease,border-color .18s ease;animation:uuid-appear .24s ease both}
.tn-uuid-page .uuid-tool__list li:hover{border-color:var(--u-line);background:var(--u-wash)}
.tn-uuid-page .uuid-tool__list li::before{content:none!important}
.tn-uuid-page .uuid-tool__index{color:var(--u-muted);font:600 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;text-align:center}
.tn-uuid-page .uuid-tool__value{min-width:0;padding:0!important;border:0!important;background:transparent!important;color:var(--u-ink);-webkit-text-fill-color:var(--u-ink);font:600 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word;user-select:all}
.tn-uuid-page .uuid-tool__list button{min-height:40px;padding:0 10px;font-size:11px}
.tn-uuid-page .uuid-tool__output-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid var(--u-soft);font-size:12px;color:var(--u-muted)}
.tn-uuid-page .uuid-tool__output-foot p[data-state=error]{color:var(--u-accent);font-weight:700}
.tn-uuid-page .uuid-tool__noscript{grid-column:1/-1;padding:10px 24px!important;color:var(--u-accent)}
.tn-uuid-page .uuid-ad{width:100%;max-width:728px;min-height:90px;height:auto;max-height:none;margin-inline:auto;overflow:visible;background:transparent;border:0;box-shadow:none}
.tn-uuid-page .uuid-ad--top{margin-top:54px;margin-bottom:20px}
.tn-uuid-page .uuid-ad--bottom{margin-top:27px;margin-bottom:29px}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-uuid-page .uuid-tool,html[data-scheme=dark] body:not([data-scheme=light]) .tn-uuid-page .uuid-tool{--u-paper:#241d12;--u-wash:#241d12;--u-card:#322a1a;--u-ink:#efe6d2;--u-muted:#c3b492;--u-line:#6f6047;--u-soft:#574a37;--u-accent:#e8823f;--u-button:#2c2517;--u-hover:#3b3121;color-scheme:dark}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-uuid-page .uuid-tool button.uuid-tool__generate,body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-uuid-page .uuid-tool__toolbar button:first-child,html[data-scheme=dark] body:not([data-scheme=light]) .tn-uuid-page .uuid-tool button.uuid-tool__generate,html[data-scheme=dark] body:not([data-scheme=light]) .tn-uuid-page .uuid-tool__toolbar button:first-child{background:#2c2517;border-color:var(--u-accent);color:var(--u-ink);-webkit-text-fill-color:var(--u-ink)}
body:is([data-scheme=dark],[data-scheme=inverse],[data-scheme=auto][data-l=dark],[data-scheme=auto][data-d=dark]) .tn-uuid-page .uuid-tool__presets button[aria-pressed=true],html[data-scheme=dark] body:not([data-scheme=light]) .tn-uuid-page .uuid-tool__presets button[aria-pressed=true]{background:#322a1a;border-color:var(--u-accent);color:var(--u-ink);-webkit-text-fill-color:var(--u-ink)}
@media(prefers-color-scheme:dark){body[data-scheme=auto] .tn-uuid-page .uuid-tool{--u-paper:#241d12;--u-wash:#241d12;--u-card:#322a1a;--u-ink:#efe6d2;--u-muted:#c3b492;--u-line:#6f6047;--u-soft:#574a37;--u-accent:#e8823f;--u-button:#2c2517;--u-hover:#3b3121;color-scheme:dark}body[data-scheme=auto] .tn-uuid-page .uuid-tool button.uuid-tool__generate,body[data-scheme=auto] .tn-uuid-page .uuid-tool__toolbar button:first-child,body[data-scheme=auto] .tn-uuid-page .uuid-tool__presets button[aria-pressed=true]{background:#2c2517;border-color:var(--u-accent);color:var(--u-ink);-webkit-text-fill-color:var(--u-ink)}}
@media(max-width:760px){.tn-uuid-page .uuid-tool{grid-template-columns:minmax(0,1fr)}.tn-uuid-page .uuid-tool__config{border-right:0;border-bottom:1px solid var(--u-line);padding:21px 20px}.tn-uuid-page .uuid-tool__config:before{left:20px;right:20px}.tn-uuid-page .uuid-tool__field{margin-top:21px}.tn-uuid-page .uuid-tool__output{padding:20px}.tn-uuid-page .uuid-tool__list{max-height:440px;min-height:0}}
@media(max-width:760px){.tn-uuid-page .uuid-tool__config{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px}.tn-uuid-page .uuid-tool__config>.uuid-tool__section-label,.tn-uuid-page .uuid-tool__generate,.tn-uuid-page .uuid-tool__privacy{grid-column:1/-1}.tn-uuid-page .uuid-tool__field{margin-top:18px}.tn-uuid-page .uuid-tool__field p{font-size:11px}.tn-uuid-page .uuid-tool__presets{gap:4px;margin-top:8px}.tn-uuid-page .uuid-tool__presets button{padding:0 3px;font-size:10px}.tn-uuid-page .uuid-tool__format-sample{display:none}.tn-uuid-page .uuid-tool button.uuid-tool__generate{margin-top:18px}.tn-uuid-page .uuid-tool__privacy{margin-top:9px!important}}
@media(max-width:720px){.tn-uuid-page .uuid-ad--top{margin-top:48px}}
@media(max-width:420px){.tn-uuid-page .uuid-tool__config,.tn-uuid-page .uuid-tool__output{padding-left:16px;padding-right:16px}.tn-uuid-page .uuid-tool__config:before{left:16px;right:16px}.tn-uuid-page .uuid-tool__output-head{align-items:center}.tn-uuid-page .uuid-tool__v4-mark{font-size:10px}.tn-uuid-page .uuid-tool__toolbar{align-items:flex-start;flex-direction:column}.tn-uuid-page .uuid-tool__toolbar>div{width:100%}.tn-uuid-page .uuid-tool__toolbar button{flex:1 1 0}.tn-uuid-page .uuid-tool__list li{grid-template-columns:25px minmax(0,1fr) auto;gap:7px;padding:7px 6px}.tn-uuid-page .uuid-tool__value{font-size:11px}.tn-uuid-page .uuid-tool__output-foot{align-items:flex-start;flex-direction:column;gap:3px}}
@keyframes uuid-appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.tn-uuid-page .uuid-tool button,.tn-uuid-page .uuid-tool__list li,.tn-uuid-page .uuid-tool__generate span{transition:none;animation:none}}