:root{--ink:#17231f;--muted:#718079;--line:#dce7e1;--soft:#f4f8f5;--mint:#d8f5e8;--green:#087b57;--dark:#123c30;--orange:#f08a4b}*{box-sizing:border-box}body{margin:0;background:#fbfdfb;color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));gap:42px}.brand{color:var(--dark);font-weight:800;letter-spacing:-.7px;font-size:20px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;color:#fff;background:var(--green);width:29px;height:29px;border-radius:9px;font-size:17px}.dot{color:var(--orange)}.topnav{display:flex;align-self:stretch;align-items:center;gap:29px;flex:1}.topnav a{height:100%;display:flex;align-items:center;color:var(--muted);font-size:13px;text-decoration:none;position:relative}.topnav a.active{color:var(--dark);font-weight:700}.topnav a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}.avatar{background:#e9f1ec;color:var(--green);font-weight:750;font-size:12px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;text-decoration:none}.shell{max-width:1180px;margin:0 auto;padding:57px 24px 30px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--green);font-weight:800;margin-bottom:12px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2fb481;margin-right:7px;box-shadow:0 0 0 4px #e3f7ed}h1{font-size:42px;letter-spacing:-2px;line-height:1.1;margin:0 0 10px;color:var(--dark)}.lede{color:var(--muted);max-width:600px;margin:0;font-size:15px}.button{border:0;border-radius:8px;padding:11px 16px;font:650 13px inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.button.ghost{border:1px solid var(--line);color:var(--dark);background:white}.primary{background:var(--green);color:#fff;padding:13px 21px;box-shadow:0 3px 8px #087b5726}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 7px 22px #193b2b09}.builder{padding:25px 27px}.card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:23px}.card-head>div{display:flex;align-items:center;gap:11px}.card h2{font-size:17px;margin:0;color:var(--dark);letter-spacing:-.3px}.step{color:var(--green);font-size:11px;font-weight:800;background:#eaf8f1;border-radius:5px;padding:4px 6px}.saved{font-size:11px;color:var(--muted)}.check{color:var(--green);font-weight:800;margin-right:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.field{border:0;padding:0;margin:0;min-width:0}.field.full{grid-column:1/-1}.field label,.field legend{font-size:12px;color:var(--dark);font-weight:750;display:block;margin-bottom:8px}.field legend{padding:0}.field input[type=text],.field input[type=number],select{width:100%;border:1px solid #d6e3dc;background:#fff;border-radius:7px;padding:10px 11px;color:var(--ink);font:13px inherit;outline-color:var(--green)}.hint{display:block;font-size:10px;color:#8b9992;margin-top:6px}.hint b{color:var(--green)}.segmented{display:flex;border:1px solid #d6e3dc;border-radius:7px;overflow:hidden}.segmented label{margin:0;flex:1}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:9px 4px;font-size:12px;color:var(--muted);cursor:pointer}.segmented input:checked+span{background:#e6f7ef;color:var(--green);font-weight:750}.number-wrap{position:relative}.number-wrap span{position:absolute;right:11px;top:10px;color:#8b9992;font-size:11px}.range-row{display:flex;gap:10px;align-items:center;margin-top:6px}.range-row input{accent-color:var(--green);width:100%}.range-row output{font-size:10px;color:var(--muted);min-width:35px;text-align:right}.switch-row{display:flex!important;align-items:center;gap:8px;margin:0 0 8px!important;font-weight:500!important;color:var(--muted)!important}.switch-row input{display:none}.switch{height:17px;width:29px;border-radius:20px;background:#cad8d1;position:relative}.switch:after{content:"";position:absolute;background:white;width:13px;height:13px;border-radius:50%;left:2px;top:2px;transition:.2s}.switch-row input:checked+.switch{background:var(--green)}.switch-row input:checked+.switch:after{left:14px}.builder-foot{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;align-items:center;gap:12px}.keyboard{color:#a0ada7;font-size:11px}.spark{font-size:16px}.preview-card{padding:25px 27px}.format-badge{font-size:10px;font-weight:800;color:var(--green);background:#e8f7f0;border-radius:5px;padding:5px 8px}.preview-toolbar{display:flex;align-items:center;color:var(--muted);font-size:11px;margin:-5px 0 12px}.status-dot{height:7px;width:7px;background:#39b984;border-radius:50%;margin-right:7px}.toolbar-spacer{flex:1}.icon-button{border:0;background:transparent;color:var(--green);font:650 11px inherit;cursor:pointer;margin-left:13px;padding:5px}.sequence-output{height:292px;overflow:auto;background:#172c25;color:#b9eed5;border-radius:8px;padding:17px;font:12px/1.8 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap;word-break:break-all;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:20px}.stats>div{border-right:1px solid var(--line);padding-right:8px}.stats>div:last-child{border:0}.stat-label{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.stats strong{font-size:14px;color:var(--dark)}.stats small{font-size:10px;font-weight:500;color:var(--muted)}.tips{display:flex;align-items:center;gap:14px;background:#f0f8f3;border:1px solid #dceee3;border-radius:10px;margin-top:20px;padding:14px 18px}.tip-icon{display:grid;place-items:center;width:30px;height:30px;background:#d9f2e5;color:var(--green);font-weight:800;border-radius:7px}.tips strong{font-size:12px;color:var(--dark)}.tips p{margin:2px 0 0;font-size:11px;color:var(--muted)}.tips a{margin-left:auto;color:var(--green);font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}footer{display:flex;justify-content:space-between;color:#9aa8a1;font-size:11px;padding:28px 2px 0}.footer-links{display:flex;gap:20px}.footer-links a{color:inherit;text-decoration:none}@media(max-width:800px){.topnav{display:none}.topbar{gap:0;justify-content:space-between}.shell{padding-top:35px}.intro{display:block}.intro-actions{margin-top:20px}.workspace{grid-template-columns:1fr}h1{font-size:36px}.preview-card{min-height:0}}@media(max-width:480px){.shell{padding-left:16px;padding-right:16px}.builder,.preview-card{padding:20px 17px}.form-grid{grid-template-columns:1fr;gap:18px}.field.full{grid-column:auto}.stats{grid-template-columns:repeat(2,1fr);gap:15px}.stats>div:nth-child(2){border:0}.tips{align-items:flex-start}.tips a{display:none}.topbar{padding:0 16px}.lede{font-size:14px}.sequence-output{height:250px}}