:root{--bg: #0F172A;--card-bg: #1E293B;--text: #E2E8F0;--accent: #06B6D4;--border: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}header{text-align:center;padding:2rem 1rem;border-bottom:1px solid var(--border)}header h1{font-size:2rem;color:var(--accent);margin-bottom:.5rem}header p{color:#888;font-size:1rem}main{max-width:900px;margin:0 auto;padding:2rem 1rem}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.tool-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:border-color .2s,transform .1s}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-card h2{font-size:1.2rem;color:var(--accent);margin-bottom:.5rem}.tool-card p{color:#888;font-size:.9rem}footer{text-align:center;padding:2rem 1rem;border-top:1px solid var(--border);color:#555;font-size:.85rem}.tool-icon{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:.85rem;font-weight:700;color:var(--accent);background:rgba(6,182,212,.12);border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;margin-bottom:.75rem}.tool-header{text-align:left;position:relative;padding:1.5rem 1rem}.back-btn{position:absolute;top:1.4rem;left:1rem;background:var(--card-bg);color:var(--accent);border:1px solid var(--border);border-radius:8px;padding:.4rem .85rem;cursor:pointer;font-size:.9rem;transition:border-color .2s}.back-btn:hover{border-color:var(--accent)}.tool-header h1{text-align:center;margin-top:.25rem}.tool-main{max-width:820px;margin:0 auto;padding:1rem 1rem 2rem}.tool-bar{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.tool-bar button{background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem 1rem;cursor:pointer;font-size:.9rem;transition:border-color .2s,background .2s}.tool-bar button:hover{border-color:var(--accent);background:rgba(6,182,212,.1)}textarea{width:100%;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-family:SF Mono,Consolas,monospace;font-size:.9rem;resize:vertical;line-height:1.5}textarea:focus{outline:none;border-color:var(--accent)}textarea[readonly]{background:rgba(30,41,59,.6)}.field{margin-bottom:.9rem}.field label{display:block;color:#888;font-size:.8rem;margin-bottom:.35rem}.field input{width:100%;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;font-family:SF Mono,Consolas,monospace;font-size:.9rem}.field input:focus{outline:none;border-color:var(--accent)}.output-wrap{position:relative;margin-top:1rem}.out-box{display:block;width:100%;min-height:60px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-family:SF Mono,Consolas,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#aaa}.uuid-out{white-space:pre-wrap}.err{color:#ff5252}.copy-btn{position:absolute;top:.6rem;right:.6rem;background:var(--card-bg);color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:.75rem}.copy-btn:hover{border-color:var(--accent)}.social-proof{display:block;margin-top:.75rem;font-size:.85rem;color:var(--accent);font-weight:600}.trust-badges{display:flex;justify-content:center;gap:1.2rem;margin-top:.75rem;flex-wrap:wrap}.trust-badges span{font-size:.75rem;color:#64748b}#exit-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.exit-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:420px;width:100%;text-align:center;position:relative;border:2px solid var(--accent)}.exit-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:.25rem}.exit-close:hover{color:var(--accent)}.exit-card h2{color:var(--accent);margin-bottom:.75rem;font-size:1.4rem}.exit-card p{color:#aaa;margin-bottom:1.25rem}.exit-cta{display:inline-block;background:var(--accent);color:var(--bg);padding:.75rem 1.5rem;border-radius:8px;font-weight:700;text-decoration:none;transition:opacity .2s}.exit-cta:hover{opacity:.85}#sticky-cta{position:fixed;bottom:0;left:0;right:0;background:#0F172A;color:var(--accent);height:48px;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:9998;font-size:.9rem;font-weight:600;box-shadow:0 -2px 10px #0000004d}#sticky-cta a{color:var(--accent);text-decoration:underline;font-weight:700}#sticky-cta a:hover{opacity:.8}#sticky-dismiss{position:absolute;right:.75rem;background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:.25rem}#sticky-dismiss:hover{color:var(--accent)}.cta-banner{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-top:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-banner a{color:var(--accent);text-decoration:underline;font-weight:600}.cta-banner .cta-dismiss{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:.25rem .5rem}.cta-banner .cta-dismiss:hover{color:var(--accent)}.tool-cta{text-align:center;padding:1.5rem 1rem;border-top:1px solid var(--border);margin-top:2rem}.tool-cta p{color:#888;font-size:.9rem}.tool-cta a{color:var(--accent);text-decoration:underline;font-weight:600}.tool-cta a:hover{opacity:.8}@media (max-width: 600px){.tools{grid-template-columns:1fr}.back-btn{position:static;margin-bottom:.75rem;display:block}.trust-badges{gap:.75rem}}