/* UUID generator — uses the same bright card language as the other ToolBoy tools. */
body.uuid-page{--ink:#10203a;--muted:#68758a;--line:#dfe7ef;--paper:#fff;--soft:#f7fafc;--yellow:#ffbd24;--yellow-soft:#fff3cf;--green:#22b66f;background:var(--paper);color:var(--ink)}
.uuid-page .uuid-hero{padding:32px 0 42px;background:linear-gradient(135deg,#fffdf7,#fff7df 56%,#effcf5)}
.uuid-page .hero-head{margin-top:28px}.uuid-page h1{margin:14px 0;font-size:clamp(35px,4.5vw,55px);letter-spacing:-.05em}.uuid-page h1 em{font-style:normal;color:#b77900;font-size:.48em;letter-spacing:0}.uuid-page .hero-head p{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}
.uuid-page .uuid-workspace{padding:30px 0 52px;background:#fff}.uuid-page .workspace-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.uuid-page .panel{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(20,45,80,.08)}.uuid-page .config-panel{grid-row:span 2;padding:22px}.uuid-page .output-panel{min-height:480px;padding:25px}.uuid-page .history-panel{padding:20px}
.uuid-page .panel-title{display:flex;align-items:center;gap:11px}.uuid-page .terminal-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--yellow-soft);color:#9b6700;font-weight:900}.uuid-page h2{margin:0;font-size:21px}.uuid-page .panel-title p{margin:4px 0 0;color:var(--muted);font-size:12px}
.uuid-page .field{margin-top:22px}.uuid-page label{display:block;margin-bottom:8px;font-size:14px;font-weight:800}.uuid-page label small{color:var(--muted);font-weight:600}.uuid-page input,.uuid-page select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}.uuid-page input:focus,.uuid-page select:focus{border-color:#e6b735;box-shadow:0 0 0 3px rgba(255,189,36,.18)}
.uuid-page .version-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.uuid-page .version{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);text-align:left}.uuid-page .version b,.uuid-page .version span{display:block}.uuid-page .version span{margin-top:3px;color:var(--muted);font-size:11px}.uuid-page .version.active{border-color:#f0bd38;background:#fff9e6;box-shadow:inset 0 0 0 1px #f0bd38}.uuid-page .name-fields label:not(:first-child){margin-top:13px}.uuid-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uuid-page .format-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.uuid-page .format{padding:10px 7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}.uuid-page .format.active{border-color:var(--yellow);background:linear-gradient(135deg,var(--yellow),#ffd86b);color:#332300}
.uuid-page .switch-line{display:flex;align-items:center;gap:9px;margin:15px 0!important;color:var(--muted);font-weight:650}.uuid-page .switch-line input{position:absolute;opacity:0}.uuid-page .switch{position:relative;width:37px;height:21px;border-radius:99px;background:#b9c4d2;transition:.2s}.uuid-page .switch:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.uuid-page .switch-line input:checked+.switch{background:#e9aa13}.uuid-page .switch-line input:checked+.switch:after{transform:translateX(16px)}
.uuid-page .generate-btn{width:100%;padding:15px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--yellow),#ffd86b);color:#332300;font-size:16px;font-weight:900;box-shadow:0 10px 20px rgba(242,169,0,.22)}.uuid-page .privacy{margin:16px 0 0;padding:12px;border-radius:10px;background:#edf9f1;color:#537466;font-size:12px;line-height:1.6}
.uuid-page .output-top{display:flex;justify-content:space-between;align-items:flex-start}.uuid-page .output-top h2{margin:10px 0 5px;font-size:26px}.uuid-page .output-top p{margin:0;color:var(--muted);font-size:13px}.uuid-page .live-pill{color:#168c55;font-size:10px;font-weight:900;letter-spacing:.12em}.uuid-page .live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.uuid-page .count-badge{text-align:right;color:var(--muted);font-size:11px}.uuid-page .count-badge b{display:block;color:var(--ink);font-size:34px;line-height:1}
.uuid-page .output-box{height:340px;margin:25px 0 16px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.uuid-page #outputList{margin:0;padding:10px 15px 10px 54px;list-style:decimal-leading-zero;color:#34445c;font-family:"Cascadia Code",Consolas,monospace;font-size:14px;line-height:2}.uuid-page #outputList li{position:relative;padding:2px 42px 2px 8px;border-bottom:1px solid rgba(130,150,180,.14);word-break:break-all}.uuid-page #outputList .empty{margin-left:-40px;padding:125px 12px;list-style:none;color:#72819a;font-family:inherit;text-align:center}.uuid-page .copy-one{position:absolute;top:5px;right:5px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:#66758c}.uuid-page .copy-one:hover{background:#fff0bd;color:#5a4100}.uuid-page .output-actions{display:flex;flex-wrap:wrap;gap:8px}.uuid-page .output-actions button{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}.uuid-page .output-actions button:first-child{border-color:var(--yellow);background:linear-gradient(135deg,var(--yellow),#ffd86b);color:#332300}.uuid-page .output-actions .quiet{margin-left:auto;color:var(--muted)}
.uuid-page .history-list{max-height:145px;margin:16px 0;padding:0;overflow:auto;list-style:none}.uuid-page .history-list li{padding:10px 0;border-bottom:1px solid var(--line);color:#53637a;font-family:Consolas,monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.uuid-page .history-list .history-empty{color:var(--muted);font-family:inherit;cursor:default}.uuid-page .clear-history{width:100%;padding:5px;border:0;background:transparent;color:#d85d6e;font-size:12px}
.uuid-page .uuid-features{padding:34px 0;background:var(--soft)}.uuid-page .feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.uuid-page .feature-row article{padding:16px}.uuid-page .feature-row span{font-size:26px}.uuid-page .feature-row h3{margin:10px 0 5px;font-size:15px}.uuid-page .feature-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.uuid-page .uuid-knowledge{padding:68px 0;background:#fff}.uuid-page .uuid-knowledge>div>h2{margin:14px 0 28px;font-size:34px}.uuid-page .knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.uuid-page .knowledge-grid article{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(20,45,80,.04)}.uuid-page .knowledge-grid h3{margin:0 0 13px;font-size:20px}.uuid-page .knowledge-grid p{color:var(--muted);font-size:14px;line-height:1.8}.uuid-page .knowledge-grid b{color:var(--ink)}.uuid-page details{padding:13px 0;border-top:1px solid var(--line)}.uuid-page details summary{cursor:pointer;font-weight:800}.uuid-page details p{margin:9px 0 0}.uuid-page .hidden{display:none!important}
@media(max-width:900px){.uuid-page .workspace-grid{grid-template-columns:1fr}.uuid-page .config-panel{grid-row:auto}.uuid-page .feature-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.uuid-page .uuid-hero{padding-bottom:28px}.uuid-page .workspace-grid{gap:13px}.uuid-page .config-panel,.uuid-page .output-panel{padding:17px}.uuid-page .output-panel{min-height:0}.uuid-page .output-box{height:310px}.uuid-page .feature-row,.uuid-page .knowledge-grid{grid-template-columns:1fr}.uuid-page .uuid-knowledge{padding:45px 0}.uuid-page .uuid-knowledge>div>h2{font-size:27px}.uuid-page .output-actions button{flex:1}.uuid-page .output-actions .quiet{margin-left:0}.uuid-page .crumb-row{flex-wrap:wrap}}