*{margin:0;padding:0;box-sizing:border-box;--section-padding:20px;--footer-height:80px}body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;line-height:1.5;color:#222}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:var(--footer-height);margin-top:auto;padding:30px var(--section-padding);background-color:#f1f1f1}.font-weight-bold{font-weight:700}.font-weight-medium{font-weight:500}.font-weight-regular{font-weight:400}.font-weight-small{font-weight:300}.font-weight-light{font-weight:200}.font-size-large{font-size:20px}.font-size-medium{font-size:16px}.font-size-regular{font-size:12px}.font-size-small{font-size:10px}[hidden]{display:none!important}.main-content-container{width:100%;max-width:960px;margin:0 auto;padding:0 var(--section-padding) 40px}header{padding:36px 0 12px}section{padding:20px 0}section h2{font-size:24px;margin-bottom:8px}section h2+p{color:#555;margin-bottom:16px}.title{font-size:34px;line-height:1.2;margin-bottom:12px}.description{font-size:17px;color:#444}.subtitle{margin-bottom:10px}.max-count{color:#c62828;font-size:14px}#uuid_generator_form{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid #ddd;border-radius:6px;background-color:#fafafa}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-weight:700}.input-group input,.input-group select{width:100%;max-width:320px;padding:10px 12px;font-size:16px;font-family:inherit;color:#222;background-color:#fff;border:1px solid #ccc;border-radius:4px}.input-group input:focus,.input-group select:focus,.json-textarea:focus{outline:none;border-color:#456dee;box-shadow:0 0 0 3px #456dee26}#generate_btn{border:none;border-radius:4px;background-color:#4caf50;color:#fff;padding:12px 28px;text-align:center;text-decoration:none;display:inline-block;align-self:flex-start;font-size:16px;font-weight:700}#generate_btn:hover{background-color:#43a047}#generate_btn:hover{cursor:pointer}#generate_btn:active{transform:scale(.99);background-color:#45a049}.result-section{display:none}#uuidDisplayUl{display:flex;flex-direction:column;gap:8px;padding:12px;margin-top:16px;border:1px solid #ddd;border-radius:6px;list-style:none}#copy_all_btn{border:none;border-radius:4px;background-color:#456dee;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}#copy_all_btn:hover{cursor:pointer}#copy_all_btn:active{transform:scale(.99);background-color:#6f8ff8}.uuid-item{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;justify-content:space-between;padding:8px 12px;background-color:#fafafa;border-radius:4px}.uuid-item .uuid{font-family:Menlo,Consolas,monospace;font-size:15px;word-break:break-all}.copy_uuid_btn{flex-shrink:0;min-height:32px;padding:6px 14px;border:none;border-radius:4px;background-color:#456dee;color:#fff;font-size:14px}.copy_uuid_btn:hover{cursor:pointer}.copy_uuid_btn:active{transform:scale(.99);background-color:#6f8ff8}.copied{background-color:#4caf50;color:#fff;border-radius:4px;padding:15px 32px;text-align:center;text-decoration:none;display:none;font-size:16px;position:fixed;bottom:70px;right:20px;z-index:100}.learning-section{display:flex;flex-direction:column;gap:15px;padding:var(--section-padding)}.learning-section_article-container{display:flex;flex-direction:column;gap:14px;margin-top:20px;padding:32px;border:1px solid #ddd;border-radius:6px;line-height:1.6}.learning-section_article-container h2{margin-bottom:0}.learning-section_article-container h3{font-size:19px;margin-top:10px}.learning-section_article-container code{padding:2px 6px;background-color:#f1f1f1;border-radius:4px;font-family:Menlo,Consolas,monospace;font-size:14px}.learning-section_article-container>code{display:inline-block;align-self:flex-start;padding:8px 12px;font-size:15px}.learning-section_introduction{font-size:17px;font-weight:400;color:#333}.learning-section_list{display:flex;flex-direction:column;gap:8px;padding-left:24px}.policy-page{padding-bottom:40px}.policy-article{display:flex;flex-direction:column;gap:10px;padding:32px;border:1px solid #ddd;border-radius:6px;line-height:1.6}.policy-article h2{margin-top:10px}.policy-article section>*+*{margin-top:10px}.policy-article h3{margin-top:5px}.policy-article a{color:#456dee}.policy-back{margin-top:20px}.footer-links{display:flex;gap:10px}.footer-links a{color:#456dee;text-decoration:none}.footer-links a:hover{text-decoration:underline}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;width:100%;padding:16px var(--section-padding);background-color:#f1f1f1;border-bottom:1px solid #e0e0e0}.site-nav a{color:#456dee;text-decoration:none;font-weight:700}.site-nav a:hover{text-decoration:underline}.site-nav a.active{color:#333}.btn{border:none;border-radius:4px;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}.btn:hover{cursor:pointer}.btn:active{transform:scale(.99)}.btn-green{background-color:#4caf50}.btn-green:active{background-color:#45a049}.btn-blue{background-color:#456dee}.btn-blue:active{background-color:#6f8ff8}.btn-gray{background-color:#888}.btn-gray:active{background-color:#aaa}.json-tool{display:flex;flex-direction:column;gap:10px;margin-top:20px}.json-textarea{width:100%;min-height:220px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monospace;font-size:14px;line-height:1.4;resize:vertical}.json-output{margin-top:10px;background-color:#fafafa}.json-actions{display:flex;flex-wrap:wrap;gap:10px}.json-status{display:none;padding:10px;border:1px solid;font-family:Menlo,Consolas,monospace;font-size:14px;white-space:pre-wrap}.json-status.ok{color:#256029;background-color:#e8f5e9;border-color:#4caf50}.json-status.error{color:#b71c1c;background-color:#ffebee;border-color:#e53935}.contact-email{font-size:20px;margin:10px 0}@media(max-width:800px){.main-content-container{max-width:100%;padding:0 16px 40px}header{padding-top:24px}.title{font-size:26px}#uuid_generator_form{padding:16px}.input-group input,.input-group select{max-width:100%}.learning-section_article-container,.policy-article{padding:20px}.site-nav{gap:12px}}.breadcrumb{margin-bottom:10px}.breadcrumb a{color:#456dee;text-decoration:none}.blog-meta{color:#666}.blog-body>*+*{margin-top:12px}.blog-body h2{margin-top:30px}.blog-body h3{margin-top:20px}.blog-body code{background-color:#f1f1f1;padding:2px 5px;font-family:Menlo,Consolas,monospace;font-size:14px}.blog-body pre{background-color:#f6f8fa;border:1px solid #ddd;padding:15px;overflow-x:auto;line-height:1.5}.blog-body pre code{background:none;padding:0}.table-wrap{overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:15px}.blog-table th,.blog-table td{border:1px solid #ccc;padding:8px 12px;text-align:left;vertical-align:top}.blog-table th{background-color:#f1f1f1}.tool-cta{margin-top:30px;padding:20px;border:1px solid #4CAF50;background-color:#f1f8f1}.tool-cta p{margin:10px 0 15px}.series-nav{margin-top:30px;padding:15px 20px;border:1px solid #ccc;background-color:#fafafa}.series-nav p+p{margin-top:8px}.series-nav a{color:#456dee}.related-posts{margin-top:30px;padding:0}.related-posts h2{margin-bottom:10px}.blog-section{padding:0;margin-bottom:30px}.blog-section h2{margin-bottom:15px}.blog-list{list-style:none;display:flex;flex-direction:column;gap:15px}.blog-card{padding:20px;border:1px solid #ccc}.blog-card h3{margin-bottom:8px}.blog-card h3 a{color:#456dee;text-decoration:none}.blog-card h3 a:hover{text-decoration:underline}.blog-card p{line-height:1.5}.blog-card .blog-meta{margin-top:8px}.policy-article a.btn{color:#fff;text-decoration:none}.tool-subnav{display:flex;flex-direction:column;gap:8px;margin:4px 0 8px;padding:12px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fafafa;font-size:14px}.tool-subnav_row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.tool-subnav_label{font-weight:700;color:#555;margin-right:4px}.tool-subnav a{color:#456dee;text-decoration:none;padding:2px 6px;border-radius:4px}.tool-subnav a:hover{text-decoration:underline}.tool-subnav a.active{background-color:#456dee;color:#fff}.options-group{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 14px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.options-group legend{font-weight:700;padding:0 6px}.options-group label{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 4px;cursor:pointer}.options-group input[type=checkbox]{width:18px;height:18px;accent-color:#456dee}.name-based{padding:12px 14px;border:1px dashed #ccc;border-radius:4px}.name-based label+select,.name-based label+input{margin-bottom:4px}#uuid_status{margin:0}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.tool-page .breadcrumb{margin-bottom:6px}.tool-page .learning-section_article-container h2:first-child{margin-top:0}.tool-page .learning-section_article-container h2{margin-top:12px}.tool-page .learning-section_article-container>*{min-width:0;max-width:100%}.tool-page .learning-section_article-container pre{background-color:#f6f8fa;border:1px solid #ddd;border-radius:4px;padding:14px;overflow-x:auto;line-height:1.5;font-family:Menlo,Consolas,monospace;font-size:14px}.tool-page .learning-section_article-container pre code{display:inline;padding:0;background:none;font-size:inherit}.uuid-table td.mono,.uuid-table .mono{font-family:Menlo,Consolas,monospace;font-size:13px;word-break:break-all}.uuid-table .row-valid td:nth-child(2){color:#256029;font-weight:700}.uuid-table .row-invalid td:nth-child(2){color:#b71c1c;font-weight:700}@media(max-width:800px){.tool-subnav{padding:10px 12px}.options-group{gap:8px 14px}}html{scroll-behavior:smooth}.guide-toc{margin-top:20px;padding:14px 18px;border:1px solid #ddd;border-radius:6px;background-color:#fafafa}.guide-toc_label{font-weight:700;margin-bottom:8px}.guide-toc ul{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;padding:0}.guide-toc a{display:inline-block;padding:5px 10px;border:1px solid #ccd6f6;border-radius:16px;background-color:#fff;color:#456dee;font-size:14px;text-decoration:none}.guide-toc a:hover{background-color:#456dee;border-color:#456dee;color:#fff}.guide-card{margin-top:16px;padding:24px 28px;border:1px solid #ddd;border-radius:6px;line-height:1.6;scroll-margin-top:16px}.guide-card>h2{margin-bottom:12px}.guide-card>*+*{margin-top:12px}.guide-card h3{font-size:18px;margin-top:18px}.guide-card code{padding:2px 6px;background-color:#f1f1f1;border-radius:4px;font-family:Menlo,Consolas,monospace;font-size:14px}.guide-card>code{display:inline-block;padding:8px 12px;font-size:15px}.guide-card pre{background-color:#f6f8fa;border:1px solid #ddd;border-radius:4px;padding:14px;overflow-x:auto;line-height:1.5;font-family:Menlo,Consolas,monospace;font-size:14px;max-width:100%}.guide-card pre code{padding:0;background:none;font-size:inherit}.guide-card .learning-section_introduction{font-size:17px;font-weight:400;color:#333}.guide-card .learning-section_list{gap:8px}.back-to-top{position:fixed;right:20px;bottom:20px;z-index:90;padding:10px 14px;border-radius:20px;background-color:#456dee;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px #0003;opacity:0;visibility:hidden;transition:opacity .2s}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background-color:#3557c7}@media(max-width:800px){.guide-card{padding:18px 16px}.back-to-top{right:12px;bottom:12px}}