:root{font-family:Arial,sans-serif;color:#292525;background:#faf9f8;--teal:#71a99b}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:28px}h1{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:0}h2{font-size:19px;font-weight:500}h3{font-size:15px}p{line-height:1.6;font-size:13px;color:#605a5a}header{display:flex;gap:24px;align-items:center;border-bottom:1px solid #e5e2df;padding-bottom:20px;margin-bottom:24px}header span{font-size:12px;color:#605a5a}.push{margin-left:auto}button,input,select,textarea{font:inherit;font-size:13px}button{cursor:pointer;padding:10px 15px;min-height:40px;border:1px solid #e5e2df;border-radius:4px;background:white;color:#292525}button:hover{background:#efeeeb}button.primary{background:var(--teal);border-color:var(--teal);color:white}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav{margin-bottom:28px}.nav .active{background:var(--teal);color:white}.muted{color:#6c6666;font-size:12px}.notice{padding:12px 0;line-height:1.5;font-size:13px;min-height:42px}.auth{max-width:430px;margin:8vh auto}.auth form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:12px;color:#625b5b}input,select,textarea{width:100%;padding:11px 12px;background:white;border:1px solid #e5e2df;border-radius:4px;color:#292525}textarea{min-height:80px;resize:vertical}.panel{display:grid;gap:16px}.workspace{display:grid;grid-template-columns:minmax(600px,1fr) 300px;gap:24px}.sidebar{padding-left:24px;border-left:1px solid #e5e2df}.canvas{position:relative;min-height:620px;overflow:auto}.node{position:absolute;width:170px;min-height:92px;border:1px solid #e5e2df;border-radius:6px;background:#faf9f8;padding:13px;touch-action:none}.node.selected{border-color:var(--teal)}.node strong{display:block;font-size:13px;margin:8px 0}.node small{font-size:10px;color:#746c6c}.node .handle{position:absolute;border-radius:50%;width:16px;height:16px;min-height:16px;padding:0;background:white;border:1px solid var(--teal);top:40px}.node .input{left:-8px}.node .yes{right:-8px}.node .no{right:-8px;top:72px;border-color:#746c6c}.canvas svg{position:absolute;inset:0;pointer-events:none}.cards{display:grid;gap:18px}.card{padding:18px 0;border-bottom:1px solid #e5e2df}.card h3{margin:0 0 8px}.pill{font-size:11px;background:#eceae6;padding:4px 8px;border-radius:3px}.history{padding-left:18px;font-size:12px;line-height:1.7}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px}.empty{padding:40px 0}.linkout{overflow-wrap:anywhere;font-size:12px}.step-list{display:none}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.sidebar{border:0;padding:0}.canvas{display:none}.step-list{display:grid;gap:12px}.step-card{border-bottom:1px solid #e5e2df;padding:16px 0}.split{grid-template-columns:1fr}header{flex-wrap:wrap}.push{margin-left:0}main{padding:20px}.auth{margin:30px auto}.node{position:static}button{min-height:44px}}
.page-workspace{display:grid;grid-template-columns:150px minmax(400px,1fr) 250px;gap:20px;margin-top:22px}.page-palette{display:flex;flex-direction:column;gap:8px}.page-palette h3{margin:0 0 10px}.page-preview-wrap{background:#efeeeb;padding:18px;overflow:auto;min-height:600px}.page-preview{min-height:560px;margin:auto;padding:24px;transition:max-width .2s}.page-preview.phone{max-width:390px}.page-properties{align-content:start;max-height:calc(100vh - 280px);overflow:auto;padding:0 8px}.page-open{font-size:12px;color:#497f71;margin-left:auto}.pb-block{position:relative;padding:14px 10px;min-height:32px;outline:1px solid transparent}.pb-block:hover{outline-color:#d4ded9}.pb-selected{outline-color:#71a99b!important}.pb-drag{position:absolute;left:-18px;top:4px;font-size:12px;min-height:24px;padding:2px 3px;background:white;opacity:0;cursor:grab}.pb-block:hover .pb-drag,.pb-selected .pb-drag{opacity:1}.pb-hero{padding:42px 0}.pb-hero h1{font-family:Arial,sans-serif;font-size:48px;font-weight:500;line-height:1.15;margin:0 0 14px}.pb-block h2{margin:0 0 10px}.pb-block p{font-size:16px;color:inherit;white-space:pre-wrap;margin:0;line-height:1.6}.pb-button{display:inline-block;background:#71a99b;padding:12px 20px;color:white;border-radius:4px}.pb-card{border:1px solid #e5e2df;padding:24px;border-radius:6px}.pb-card h3{font-size:20px;margin:0 0 12px}.pb-block hr{border:0;border-top:1px solid #ddd}.pb-over{outline:2px dashed #71a99b}[contenteditable]:focus{outline:1px dashed #71a99b}.page-toolbar{margin-bottom:20px}@media(max-width:1050px){.page-workspace{grid-template-columns:1fr}.page-palette{flex-direction:row;flex-wrap:wrap}.page-palette h3{width:100%}.page-palette p{width:100%}.page-preview-wrap{padding:10px}.page-preview{padding:20px;min-height:400px}.page-properties{max-height:none;overflow:visible}.pb-hero h1{font-size:36px}.pb-drag{opacity:1;left:-14px}.page-open{margin-left:0}}