:root{color:#17202a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.app-shell{width:min(1480px,calc(100vw - 32px));margin:0 auto;padding:24px 0 32px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.title-stack{display:grid;grid-gap:4px;gap:4px}.eyebrow{margin:0;color:#607080;font-size:.76rem;font-weight:760;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{color:#101820;font-size:1.7rem;font-weight:780;letter-spacing:0}h1,h2{margin-bottom:0}h2{font-size:1rem}h3{margin-bottom:0;font-size:.92rem}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid #d8dee5;border-radius:999px;padding:0 12px;color:#334155;background:#ffffff;font-size:.85rem;font-weight:720;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:999px;background:#2c8c6a}.workspace{grid-template-columns:minmax(420px,.82fr) minmax(520px,1.18fr);align-items:start}.left-column,.right-column,.workspace{display:grid;grid-gap:16px;gap:16px}.panel{border:1px solid #dce2e8;border-radius:8px;background:#ffffff;box-shadow:0 1px 2px rgb(16 24 32/5%)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ebf0;padding:14px 16px}.panel-body{padding:16px}.form-grid{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:6px;gap:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.field label,.field-label{color:#344253;font-size:.82rem;font-weight:730}.select-input,.text-input,.textarea-input{width:100%;min-height:42px;border:1px solid #cdd6df;border-radius:6px;padding:9px 10px;color:#101820;background:#ffffff;outline:none}.textarea-input{min-height:84px;resize:vertical}.select-input:focus,.text-input:focus,.textarea-input:focus{border-color:#2c8c6a;box-shadow:0 0 0 3px rgb(44 140 106/16%)}.browser-actions,.choice-actions,.form-actions,.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.form-actions{justify-content:space-between;margin-top:2px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #cbd5df;border-radius:6px;padding:0 12px;color:#1f2a37;background:#ffffff;font-weight:760;text-decoration:none}.button:hover{border-color:#8ea0b2;background:#f8fafc}.button.primary{border-color:#24745d;color:#ffffff;background:#24745d}.button.primary:hover{background:#1f604e}.button.danger{border-color:#e0b4b4;color:#8b1e25;background:#fff7f7}.button.icon{width:38px;padding:0}.questions{display:grid;grid-gap:12px;gap:12px}.question-row{border:1px solid #dfe5eb;border-radius:8px;background:#fbfcfd}.question-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ebf0;padding:12px}.question-index{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;color:#255946;background:#e4f2ed;font-size:.82rem;font-weight:800}.question-body{display:grid;grid-gap:12px;gap:12px;padding:12px}.required-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid #cdd6df;border-radius:6px;padding:0 10px;background:#ffffff;color:#344253;font-size:.9rem;font-weight:700}.choices{display:grid;grid-gap:8px;gap:8px}.choice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.inline-error{border-left:4px solid #c2410c;color:#7c2d12;background:#fff7ed}.inline-error,.inline-success{border-radius:6px;margin:0;padding:10px 12px;font-size:.9rem}.inline-success{border-left:4px solid #24745d;color:#17643f;background:#edf8f2}.ai-action-cell{display:flex;align-items:flex-end}.ai-action-cell .button{width:100%}.result-panel.success{border-color:#b9dfcd}.result-panel.failure{border-color:#efc6c6}.result-state{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:780}.result-state.success{color:#17643f}.result-state.failure{color:#9b1c24}.result-link{display:inline-flex;max-width:100%;overflow-wrap:anywhere;color:#135f8b;font-weight:740}.error-list{display:grid;grid-gap:8px;gap:8px;margin:12px 0 0;padding:0;list-style:none}.error-item{border-radius:6px;padding:10px;color:#7f1d1d;background:#fff5f5;font-size:.9rem}.browser-panel{overflow:hidden}.browser-chrome{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;border-bottom:1px solid #dfe5eb;padding:10px;background:#eef2f6}.address-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:38px;border:1px solid #c7d0da;border-radius:6px;padding:0 10px;background:#ffffff}.address-lock{color:#24745d;font-weight:800}.address-bar input{width:100%;min-width:0;border:0;outline:0;color:#17202a;background:transparent}.browser-frame-wrap{position:relative;height:min(680px,calc(100vh - 182px));min-height:520px;background:#f7f9fb}.browser-frame{width:100%;height:100%;border:0;background:#ffffff}.browser-empty{display:grid;place-items:center;height:100%;padding:24px;color:#526171;text-align:center}.browser-note{border-top:1px solid #dfe5eb;padding:10px 12px;color:#526171;background:#fbfcfd;font-size:.82rem;line-height:1.55}.automation-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dfe5eb;background:#ffffff}.automation-step{display:grid;grid-gap:4px;gap:4px;border-right:1px solid #e6ebf0;padding:10px;color:#607080;font-size:.78rem;font-weight:720}.automation-step:last-child{border-right:0}.automation-step strong{color:#223142;font-size:.86rem}.automation-step.active strong{color:#1f604e}@media (max-width:1040px){.workspace{grid-template-columns:1fr}.browser-frame-wrap{height:560px}}@media (max-width:680px){.app-shell{width:min(100% - 20px,1480px);padding-top:16px}.form-actions,.panel-header,.question-head,.topbar{align-items:stretch;flex-direction:column}.automation-strip,.browser-chrome,.field-row{grid-template-columns:1fr}.browser-frame-wrap{height:460px;min-height:420px}h1{font-size:1.35rem}}