:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f7fbff;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#0f5fce}button,input,select,textarea{font:inherit}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px max(24px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid #dce7f4}.brand{font-weight:800;font-size:20px;color:#172033;text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:15px;font-size:14px}.site-header nav a{text-decoration:none}.wrap{width:min(100% - 40px,1100px);margin:0 auto}.hero{padding:40px 0 26px}.eyebrow{color:#0f5fce;text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0 0 6px}h1{font-size:clamp(34px,5vw,50px);line-height:1.1;margin:0 0 14px}h2{line-height:1.2}.lede{font-size:18px;max-width:790px;color:#526174;margin:0}.tool{background:#fff;border:1px solid #d4e3f4;border-radius:18px;box-shadow:0 18px 42px #1f4b7d14;padding:24px;margin:0 0 52px}.tool h2{margin:0 0 7px;font-size:23px}.tool>p{margin:0 0 20px;color:#526174}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:end}.field{display:grid;gap:6px;font-size:14px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #bfd1e5;border-radius:8px;background:#fff;color:#172033}.field textarea{min-height:150px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.wide{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button{background:#1266d6;color:#fff;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:750}button.secondary{background:#e8f3ff;color:#0f5fce}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.93)}#tool-status{min-height:26px;margin:13px 0 0;color:#245478;font-size:14px}#tool-status.error{color:#b42332}.preview,#chart-preview{margin-top:16px;overflow:auto;border:1px solid #d7e4f1;border-radius:10px;max-height:430px}.preview[hidden]{display:none}.preview table,#viewer-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.preview th,.preview td,#viewer-table th,#viewer-table td{border-bottom:1px solid #e5edf5;padding:9px 11px;min-width:100px;max-width:260px;overflow:hidden;text-overflow:ellipsis;text-align:left}.preview th,#viewer-table th{position:sticky;top:0;background:#eaf3ff;z-index:2;font-weight:800}.preview tr:nth-child(2n),#viewer-table tr:nth-child(2n){background:#fafcff}#viewer-table tr.spacer td{padding:0;border:0}.viewer-scroll{height:410px;overflow:auto;margin-top:14px;border:1px solid #d7e4f1;border-radius:10px}.viewer-scroll td[contenteditable=true]:focus{outline:2px solid #1266d6;background:#fff}#chart-preview svg{display:block;width:100%;height:auto}#chart-preview:empty{display:none}.guide{max-width:820px;margin-bottom:64px;color:#334155}.guide h2{font-size:27px;margin:38px 0 12px;color:#172033}.guide h3{font-size:20px;margin:24px 0 8px;color:#172033}.guide p,.guide li{font-size:16px}.guide p{margin:0 0 17px}.guide ul,.guide ol{padding-left:23px}.guide li{margin:7px 0}.related{border-top:1px solid #d7e4f1;padding-top:25px;margin-top:45px}.related ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0}.faq{margin-top:46px}.faq details{border:1px solid #d7e4f1;background:#fff;border-radius:9px;margin:9px 0}.faq summary{cursor:pointer;padding:14px 17px;font-weight:750}.faq details p{padding:0 17px 15px;margin:0}footer{border-top:1px solid #dce7f4;text-align:center;color:#64748b;padding:26px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:28px 0 60px}.cards a{display:block;background:#fff;border:1px solid #d7e4f1;border-radius:13px;padding:22px;text-decoration:none;color:#172033}.cards a:hover{border-color:#1266d6;box-shadow:0 12px 25px #1f4b7d14}.cards strong{display:block;font-size:20px}.cards span{display:block;color:#526174;margin-top:6px}.privacy-note{font-size:13px;color:#64748b;margin:12px 0 0}@media (max-width:720px){.site-header{align-items:flex-start;flex-direction:column}.tool{padding:17px}.hero{padding-top:28px}.guide h2{font-size:24px}}