.uuid-page{background:radial-gradient(circle at top right,#b6dc5226,transparent 30%),var(--paper);min-height:75vh;padding:90px 0 72px}.uuid-shell{max-width:940px}.uuid-hero{max-width:680px}.uuid-hero>p:first-child{color:#52605a;letter-spacing:1.2px;text-transform:uppercase;margin:0;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.uuid-hero h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(42px,5vw,66px);line-height:.98}.uuid-hero em{font-family:Georgia,serif;font-weight:400}.uuid-hero>p:last-child,.uuid-info p{color:var(--muted);font-size:17px;line-height:1.7}.uuid-tool{border:1px solid var(--line);background:#fafbf4;border-radius:20px;margin-top:38px;padding:28px;box-shadow:0 20px 50px #121b1714}.uuid-controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.uuid-controls label{font-size:14px;font-weight:600}.uuid-controls select{border:1px solid var(--line);background:#fff;border-radius:7px;margin-left:8px;padding:8px}.uuid-controls button,.uuid-footer button{color:#fff;cursor:pointer;background:#1b2c26;border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.uuid-output{background:#17231f;border-radius:10px;gap:9px;min-height:94px;margin:22px 0;padding:18px;display:grid}.uuid-output code{color:#eaf4d8;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.uuid-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.uuid-footer p{color:#52605a;margin:0;font-size:13px}.uuid-footer button{color:var(--ink);border:1px solid var(--line);background:#fff;padding:9px 12px;font-size:12px}@media (max-width:600px){.uuid-page{padding:58px 0}.uuid-tool{padding:18px}.uuid-controls,.uuid-footer{flex-direction:column;align-items:flex-start}.uuid-controls button{justify-content:center;width:100%}}