*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0f172a,#172554);color:#e2e8f0;font:16px system-ui,-apple-system,Segoe UI,sans-serif;display:grid;place-items:center;padding:24px}.tool-card{width:min(760px,100%);background:#1e293b;border:1px solid #334155;border-radius:20px;padding:28px;box-shadow:0 20px 60px #02061799}nav{display:flex;justify-content:space-between;margin-bottom:24px}nav a{color:#93c5fd;text-decoration:none;font-weight:700}.tool-icon{font-size:42px}h1{margin:8px 0;font-size:clamp(26px,5vw,40px);color:#f8fafc}.lead{color:#94a3b8}.dropzone{border:2px dashed #475569;border-radius:12px;padding:22px;text-align:center;margin:22px 0;background:#0f172a66}.dropzone input{max-width:100%;color:#cbd5e1}#tool-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:5px;color:#cbd5e1;font-size:14px;flex:1;min-width:140px}input,textarea,select{font:inherit;color:#f8fafc;background:#0f172a;border:1px solid #475569;border-radius:7px;padding:9px}textarea{width:100%;min-height:110px;resize:vertical}#tool-controls label:has(textarea){flex-basis:100%}button{border:0;border-radius:8px;padding:11px 18px;cursor:pointer;font-weight:700}.primary{background:#38bdf8;color:#082f49}#tool-output{white-space:pre-wrap;word-break:break-word;background:#020617;border:1px solid #334155;border-radius:10px;padding:16px;min-height:70px;margin-top:20px;overflow:auto;max-height:360px}#tool-output canvas{max-width:100%;height:auto;display:block;margin:10px auto}.privacy{font-size:12px;color:#94a3b8;margin-bottom:0}.lead+section{}@media(max-width:500px){.tool-card{padding:20px}#tool-controls{display:block}label,button{width:100%;margin-top:10px}}