*{box-sizing:border-box} :root{font-family:Arial,"Segoe UI",sans-serif;color:#203d36;background:#f5f6f2;--green:#234e43;--muted:#64756e;--line:#dbe2da;--lime:#e2edb3}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;padding:11px 16px;color:inherit;min-height:44px}button:hover{background:#edf2e8}button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#173c32}.quiet{border-color:transparent;background:transparent}.danger{color:#a23631}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;border-bottom:1px solid var(--line);background:#fff;gap:16px}.brand{font-weight:800;font-size:25px;letter-spacing:-1px}.brand small{font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted);margin-inline-start:12px}.tag{display:inline-block;background:#eef1e8;border-radius:6px;padding:5px 9px;font-size:12px;color:#46594d}.prototype{background:#efe8d9;color:#685329;padding:10px 4vw;font-size:13px;line-height:1.6}.shell{max-width:1250px;margin:auto;padding:38px 30px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px 0 38px}.eyebrow{font-size:13px;letter-spacing:1px;color:var(--muted)}h1{font-size:clamp(30px,4vw,49px);letter-spacing:-1.7px;font-weight:500;margin:14px 0}h2{font-size:24px;font-weight:500}h3{font-size:18px}p{line-height:1.65;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.card-cover{height:160px;background:#e6ebdb;padding:25px;display:flex;align-items:end;justify-content:space-between}.card:nth-child(2) .card-cover{background:#efe4d7}.card:nth-child(3) .card-cover{background:#dce9e9}.big-number{font-size:69px;opacity:.22;font-weight:800}.card-body{padding:25px}.card-body h2{margin:10px 0}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--muted);font-size:14px}.tabs{display:flex;gap:5px}.tabs button.active{background:var(--green);color:white}.workspace{display:grid;grid-template-columns:220px minmax(300px,1fr) 270px;gap:22px;padding:25px;max-width:1500px;margin:auto;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.panel h3{margin-top:3px}.page-button{display:block;width:100%;text-align:start;margin:6px 0}.page-button.active{border-color:var(--green);background:#f0f5e4}.canvas{background:white;border:1px solid var(--line);border-radius:14px;min-height:540px;padding:30px;box-shadow:0 9px 28px #193b2a06}.canvas-head{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}.field-card{display:block;text-align:start;width:100%;padding:18px;margin:10px 0;background:#fff}.field-card.selected{border-color:var(--green);box-shadow:0 0 0 2px #234e4314}.mock-input{display:block;margin-top:12px;border:1px solid var(--line);border-radius:8px;height:42px;background:#fafbf8;padding:10px;color:#87938b;font-size:13px}.panel label,.form-field label{display:block;font-size:14px;margin:14px 0 8px}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #b8c6bc;border-radius:8px;padding:12px;background:white;color:#203d36;min-height:46px}textarea{resize:vertical;min-height:90px}.panel select{font-size:14px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);vertical-align:middle}.required{color:#9d4f39;font-size:12px}.field-kind{float:left;color:var(--muted);font-size:12px}.library{display:grid;grid-template-columns:1fr 1fr;gap:6px}.library button{font-size:12px;padding:9px 5px}.divider{height:1px;background:var(--line);margin:20px 0}.preview-shell{max-width:1120px;margin:28px auto;padding:0 24px;display:grid;grid-template-columns:minmax(300px,680px) 1fr;gap:25px;align-items:start}.runner{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:auto;width:100%}.runner.mobile{max-width:390px}.runner-head{background:#e5edda;padding:30px}.runner-head h1{font-size:32px;margin:8px 0}.runner-body{padding:28px}.form-field{margin-bottom:24px}.form-field label{font-size:16px;font-weight:600}.error{color:#a52b2b;font-size:13px;margin:7px 0}.invalid{border-color:#b63232!important}.error-summary{border:1px solid #d69b94;background:#fff0ee;border-radius:9px;padding:12px;margin-bottom:18px;color:#8f2424}.steps{display:flex;gap:6px;margin-top:20px}.step{height:4px;background:#bac9b2;flex:1;border-radius:2px}.step.done{background:var(--green)}.trace{font-size:14px;line-height:1.7}.trace li{margin:12px 0}.success{background:#eef5df;border-radius:12px;padding:22px}.flow-node{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;max-width:650px;margin:auto}.arrow{text-align:center;padding:8px;color:#657e6e;font-size:23px}.condition{font-size:13px;background:#f1f4e9;padding:10px;border-radius:6px;margin-top:10px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.response{background:white;border:1px solid var(--line);border-radius:13px;padding:22px;margin:16px 0}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.answer{padding:12px;background:#f5f7f1;border-radius:7px}.answer small{display:block;color:var(--muted);margin-bottom:7px}#notice:not(:empty){position:fixed;bottom:22px;left:22px;right:22px;max-width:650px;margin:auto;background:#203d36;color:white;padding:14px 22px;border-radius:11px;z-index:20;box-shadow:0 5px 20px #0002}footer{padding:22px;text-align:center;color:var(--muted);font-size:12px}.empty{padding:50px;text-align:center}.review-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px;padding:13px 0}.status-line{font-size:12px;margin-top:14px;color:var(--muted)}.mobile-controls{display:none}@media(max-width:1000px){.workspace{grid-template-columns:180px 1fr}.workspace>.settings{grid-column:1/-1}.cards{gap:12px}.preview-shell{grid-template-columns:1fr}.trace{max-width:680px;margin:auto;width:100%}}@media(max-width:640px){.top{padding:12px 16px;flex-wrap:wrap}.brand small{display:none}.shell{padding:20px 16px}.hero{display:block;padding:10px 0 20px}.cards,.flow-grid{grid-template-columns:1fr}.card-cover{height:110px}.workspace{display:flex;flex-direction:column;padding:14px;gap:14px}.workspace>*{width:100%}.workspace>.pages{order:0}.workspace>.canvas{order:1;padding:20px;min-height:0}.workspace>.settings{order:2}.library{grid-template-columns:repeat(3,1fr)}.tabs{width:100%;overflow:auto}.tabs button{white-space:nowrap;flex:1;padding:9px}.preview-shell{padding:0 12px}.runner-head,.runner-body{padding:22px}.answers{grid-template-columns:1fr}.hero .row{margin-top:20px}.page-button{display:inline-block;width:auto}.prototype{padding:9px 16px}.flow-node{padding:16px}.row button{flex-shrink:0}.review-row{flex-direction:column;gap:4px}}