body{font-family:system-ui,sans-serif;margin:0;background-color:#f9f9f9;color:#333}.header{text-align:center;padding:2rem 1rem;background-color:#0a0a23;color:#fff}.container{max-width:1200px;margin:auto;padding:2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 12px #0000000d;transition:transform .2s}.card h2{margin-top:0}.card a{text-decoration:none;color:#1e90ff;font-weight:700}.tool{max-width:600px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d}.uuid-box{display:flex;align-items:center;justify-content:space-between;background:#f4f4f4;padding:1rem;margin:1rem 0;border-radius:4px;font-family:monospace;word-break:break-all}.generate-btn{padding:.6rem 1.2rem;background-color:#1e90ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.generate-btn:hover{background-color:#0073e6}.card-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #0000000f;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.card:hover{box-shadow:0 8px 20px #00000014}.card h2{margin-top:0;margin-bottom:.5rem;font-size:1.4rem;color:#111}.card p{flex:1;font-size:.95rem;color:#555;margin-bottom:1rem}.card a{align-self:flex-start;text-decoration:none;color:#1e90ff;font-weight:600;transition:color .2s}.card a:hover{color:#0073e6}.open-tool-btn{padding:.6rem 1.2rem;background-color:#1e90ff;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s}.open-tool-btn:hover{background-color:#0073e6;transform:translateY(-1px)}.open-tool-btn:focus{outline:2px solid #1e90ff;outline-offset:2px}.uuid-box{display:flex;align-items:center;background:#f4f4f4;padding:1rem;margin:1rem 0;border-radius:6px;font-family:monospace;word-break:break-all;position:relative}.copy-icon-btn{background:none;border:none;font-size:1.2rem;margin-left:10px;cursor:pointer;color:#1e90ff;transition:color .2s ease}.copy-icon-btn:hover{color:#0073e6}.copied-msg{color:green;font-size:.9rem;margin-bottom:1rem}