@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8edf5;background:#07111f;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 8%,#113454 0,transparent 30%),#07111f}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.04em;font-size:19px}.brand-mark{width:35px;height:35px;border:1px solid #37dba4;color:#37dba4;display:grid;place-items:center;font-size:12px;letter-spacing:0;border-radius:4px}.status{color:#8392a8;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.status i{width:7px;height:7px;background:#37dba4;border-radius:50%;box-shadow:0 0 12px #37dba4}main{width:min(1560px,calc(100% - 32px));margin:0 auto;padding-left:236px;flex:1}.hero{padding:74px 0 58px}.kicker,.section-heading p,.output-heading p{color:#37dba4;font-size:10px;font-weight:800;letter-spacing:.19em;margin:0 0 16px}.hero h1{font-size:clamp(48px,7vw,84px);line-height:.98;letter-spacing:-.075em;margin:0;max-width:780px}.hero h1 span{color:#37dba4}.intro{color:#91a0b4;max-width:590px;line-height:1.7;margin:24px 0 0}.tool-layout{display:grid;grid-template-columns:1fr;align-items:start}.menu-rail{position:fixed;top:96px;left:16px;z-index:20}.tool-tabs{width:200px;display:grid;gap:8px;padding:8px;background:#08131ff2;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 16px 40px #0006}.tool-tabs button{color:#75869c;background:#0b1929cc;border:1px solid #ffffff12;border-radius:6px;padding:16px 14px;text-align:left;display:grid;grid-template-columns:28px 1fr;gap:2px 9px;transition:.2s ease}.tool-tabs button span{grid-row:span 2;color:#3c5068;font:500 11px DM Mono;padding-top:4px}.tool-tabs strong{color:#cbd5e1;font-size:15px}.tool-tabs small{font-size:11px}.tool-tabs button.active{background:#102439;border-color:#37dba466;box-shadow:inset 3px 0 #37dba4}.tool-tabs button.active span,.tool-tabs button.active strong{color:#37dba4}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff14;border-radius:10px;overflow:hidden;background:#0b1726e6;box-shadow:0 30px 80px #0005}.input-panel,.output-panel{min-width:0;padding:34px}.output-panel{background:#08131f;border-left:1px solid #ffffff12}.section-heading h2,.output-heading h2{font-size:23px;letter-spacing:-.04em;margin:0 0 8px}.section-heading span{display:block;color:#8291a5;font-size:12px;line-height:1.6;max-width:520px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.field-row.single{grid-template-columns:1fr}label{color:#aab6c7;display:grid;gap:9px;font-size:11px;font-weight:700;letter-spacing:.03em}input,textarea{color:#e9f0f8;background:#06101c;border:1px solid #ffffff17;border-radius:5px;outline:none;transition:border .2s}input:focus,textarea:focus{border-color:#37dba477}input{width:100%;padding:12px 13px}textarea{resize:vertical;min-height:240px;padding:15px;font:12px/1.7 DM Mono,monospace}.mode-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:27px;padding:5px;background:#06101c;border:1px solid #ffffff14;border-radius:6px}.mode-switch button{color:#8291a5;background:transparent;border:0;border-radius:4px;padding:10px 12px;font-size:11px;font-weight:800}.mode-switch button.active{color:#06141c;background:#37dba4}.entry-field{margin-top:20px}.entry-field small{color:#586a80;font-weight:500;float:right}.csv-editor{margin-top:20px}.csv-heading{display:flex;justify-content:space-between;gap:12px;color:#aab6c7;font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:9px}.csv-heading small{color:#586a80;font-weight:500}.csv-table{border:1px solid #ffffff17;border-radius:6px;overflow:hidden;background:#06101c}.csv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 76px}.csv-row+.csv-row{border-top:1px solid #ffffff0f}.csv-header{color:#37dba4;background:#102439;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.csv-header span{padding:10px 12px}.csv-row input{min-width:0;border:0;border-right:1px solid #ffffff0f;border-radius:0;background:transparent;font:12px/1.4 DM Mono,monospace}.csv-row input:focus{background:#071523}.csv-row button{color:#9eafc2;background:transparent;border:0;font-size:10px;font-weight:800}.csv-row button:hover{color:#ffb3ae}.add-row{margin-top:10px;color:#37dba4;background:#102439;border:1px solid #37dba466;border-radius:5px;padding:10px 12px;font-size:11px;font-weight:800}.generate{width:100%;display:flex;justify-content:space-between;margin-top:18px;border:0;border-radius:5px;padding:14px 17px;color:#06141c;background:#37dba4;font-weight:800;font-size:12px}.generate:disabled{opacity:.6}.error{color:#ffb3ae;background:#8b2c2c2b;border:1px solid #ff6f662e;padding:11px 13px;border-radius:5px;margin-top:14px;font-size:11px}.output-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.output-heading p{color:#65788e;margin-bottom:9px}.actions{display:flex;gap:7px}.actions button{color:#9eafc2;background:transparent;border:1px solid #ffffff18;border-radius:4px;padding:7px 9px;font-size:10px}pre{min-height:364px;max-height:510px;overflow:auto;margin:25px 0 0;padding:20px;color:#a8ebd4;background:#050d16;border:1px solid #ffffff0d;border-radius:6px;white-space:pre-wrap;word-break:break-word;font:11px/1.7 DM Mono,monospace}pre.empty{color:#405267;display:grid;place-items:center;text-align:center}.append-output{margin-top:22px;padding-top:22px;border-top:1px solid #ffffff12}.append-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.append-heading p{color:#d9a84e;font-size:9px;font-weight:800;letter-spacing:.18em;margin:0 0 7px}.append-heading h3{font-size:13px;margin:0;color:#aebccc}.append-output pre{min-height:0;max-height:145px;margin-top:13px;color:#e0c384}footer{width:min(1240px,calc(100% - 48px));margin:35px auto 0;padding:22px 0 28px;display:flex;justify-content:space-between;color:#4e6074;font-size:10px;letter-spacing:.06em;text-transform:uppercase}footer span:first-child{color:#718399;font-weight:800}@media(max-width:1100px){main{padding-left:0}.menu-rail{position:static;margin-bottom:18px}}@media(max-width:850px){.hero{padding:55px 0 42px}.workspace{grid-template-columns:1fr}.output-panel{border-left:0;border-top:1px solid #ffffff12}}@media(max-width:560px){main,footer{width:min(100% - 28px,1240px)}.status{display:none}.hero h1{font-size:47px}.tool-tabs{width:min(260px,calc(100vw - 28px))}.input-panel,.output-panel{padding:23px}.field-row{grid-template-columns:1fr}footer{gap:10px;flex-direction:column}}