:root{color:#172033;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.logo-dot{color:#fff;background:#243c5a;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.page{max-width:1280px;margin:0 auto;padding:24px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:320px 1fr}.card{background:#fff;border:1px solid #e1e7ef;border-radius:8px;box-shadow:0 8px 30px #1526440d}.card-pad{padding:18px}.btn{cursor:pointer;background:#fff;border:1px solid #d4dbe7;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.btn:hover{background:#f8fafc}.btn:disabled{cursor:not-allowed;opacity:.58}.btn-primary{color:#fff;background:#243c5a;border-color:#243c5a}.btn-danger{color:#ad2626;background:#fff5f5;border-color:#ffd0d0}.input,.textarea,.select{background:#fff;border:1px solid #d4dbe7;border-radius:8px;width:100%;padding:10px 12px}.textarea{resize:vertical;min-height:88px}.label{color:#34445d;margin:10px 0 6px;font-size:13px;font-weight:700;display:block}.muted{color:#66758c;font-size:13px}.builder-layout{grid-template-columns:260px 1fr 320px;gap:16px;padding:16px;display:grid}.inspector-tabs{background:#eef2f7;border-radius:8px;gap:4px;margin:-4px -4px 18px;padding:4px;display:flex}.inspector-tabs button{color:#667085;background:0 0;border:0;border-radius:6px;flex:1;padding:9px 8px;font-weight:700}.inspector-tabs button.active{color:#17233b;background:#fff;box-shadow:0 1px 3px #10182824}.builder-inspector{flex-direction:column;height:calc(100vh - 112px);max-height:none;display:flex;overflow:hidden}.builder-ai-assist{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.builder-ai-assist h3{margin:0}.ai-prompt-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-prompt-heading .label{margin:0}.ai-clear-prompt{color:#315f91;cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:12px;font-weight:700}.ai-clear-prompt:hover{text-decoration:underline}.ai-clear-prompt:disabled{color:#98a2b3;cursor:default;text-decoration:none}.builder-ai-assist .code-textarea{resize:none;flex:360px;min-height:260px}.ai-assist-actions{gap:8px;display:grid}.ai-assist-actions .btn{justify-content:flex-start;width:100%}.ai-wait-state{color:#34445d;background:#f6f9fc;border:1px solid #cbd6e4;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.wait-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 16px;width:16px;height:16px;animation:.75s linear infinite wait-spin}.ai-generation-overlay{z-index:1000;backdrop-filter:blur(3px);background:#0f1c3075;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ai-generation-dialog{text-align:center;background:#fff;border:1px solid #fffc;border-radius:18px;width:min(420px,100%);padding:32px;box-shadow:0 24px 70px #0f1c3047}.ai-generation-dialog h2{color:#172033;margin:18px 0 8px}.ai-generation-dialog p{color:#66758c;margin:0;line-height:1.55}.ai-generation-spinner{width:50px;height:50px;margin:auto;display:block;overflow:visible}.ai-generation-spinner-track{stroke:#dbe5f0}.ai-generation-spinner-arc{stroke:#315f91}@keyframes wait-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wait-spinner{animation-duration:1.5s}}.ai-explanation{margin:2px 0;line-height:1.45}.ai-suggestions{border-top:1px solid #e4e8ef;gap:10px;padding-top:10px;display:grid}.ai-suggestions>div{gap:8px;display:grid}.builder-tabs{z-index:8;background:#f5f7fb;border-bottom:1px solid #e4e8ef;gap:8px;padding:12px 16px 0;display:flex;position:sticky;top:65px}.tab-button{color:#34445d;cursor:pointer;background:#eef3f8;border:1px solid #d4dbe7;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 14px;font-weight:700}.tab-button.active{color:#172033;background:#fff;border-color:#cbd6e4}.topbar-actions{align-items:center;gap:8px;display:flex}.tenant-pill{color:#34445d;background:#f7f9fc;border:1px solid #dbe3ee;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #e1e7ef;border-radius:8px;width:min(430px,100%);padding:26px;box-shadow:0 10px 36px #15264414}.full-width{justify-content:center;width:100%;margin-top:16px}.alert-error{color:#9f1f1f;background:#fff5f5;border:1px solid #ffd0d0;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:13px}.authorization-state{place-items:center;min-height:180px;padding:24px;display:grid}.panel-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.table-panel{background:#fff;border:1px solid #e1e7ef;border-radius:8px;margin-bottom:16px;padding:18px}.table-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-list{gap:10px;display:grid}.form-list-item{border:1px solid #e6ebf2;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.form-list-item h3{margin:0 0 4px}.side-panel{max-height:calc(100vh - 96px);overflow:auto}.palette-grid{gap:6px;display:grid}.palette-item{justify-content:flex-start;width:100%;margin-bottom:8px}.builder-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.title-input{font-size:22px;font-weight:800}.button-row{flex-wrap:wrap;gap:8px;display:flex}.section{border:1px solid #0000;border-radius:14px;margin-bottom:16px;padding:20px}.section.bordered{border-color:#dbe3ee}.section-header{border-bottom:1px solid #e5eaf1;margin-bottom:16px;padding-bottom:12px}.form-row{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.form-field{grid-column:span 12;margin-bottom:12px}.form-field.half{grid-column:span 6}.form-field.third{grid-column:span 4}.field-shell{border:1px dashed #0000;border-radius:12px;padding:8px;position:relative}.field-shell.selected{background:#f7f9fc;border-color:#243c5a}.field-shell.hidden-preview{opacity:.72;background:#fbfcfe}.stack{gap:8px;display:grid}.inline-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.runner{max-width:860px;margin:0 auto;padding:24px}.runner.embedded{max-width:none;padding:10px}.runner.compact-embed{padding:8px}.runner.compact-embed .banner,.runner.compact-embed .section{margin-bottom:10px;padding:14px}.banner{background:#fff;border:1px solid #e1e7ef;border-radius:16px;margin-bottom:16px;padding:22px}.branded-banner{border-top:6px solid #243c5a;gap:6px;display:grid}.branded-banner h1,.branded-banner h2{margin:0}.branded-banner img{object-fit:contain;max-width:min(260px,100%);max-height:64px}.branded-banner.compact{grid-template-columns:auto 1fr;align-items:center}.branded-banner.compact img{max-height:42px}.branded-banner.compact p{grid-column:2;margin:0}.branded-banner.centered{text-align:center;justify-items:center}.runner-footer{color:#66758c;text-align:center;padding:12px;font-size:13px}.section-pagination{grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}.section-pagination .btn:last-child{justify-self:end}.section-page-count{color:#526176;text-align:center;font-size:14px;font-weight:700}.pdf-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.pdf-workspace{grid-template-columns:110px 1fr;gap:12px;display:grid}.pdf-thumbs{align-content:start;gap:8px;display:grid}.pdf-thumb{cursor:pointer;text-align:left;background:#fff;border:1px solid #d4dbe7;border-radius:8px;padding:10px}.pdf-thumb.active{background:#f3f7fb;border-color:#243c5a;font-weight:800}.pdf-stage{background:#e9edf5;border-radius:8px;min-height:620px;padding:20px;position:relative;overflow:auto}.pdf-empty{color:#66758c;place-items:center;min-height:420px;display:grid}.pdf-page{background:#fff;width:816px;min-height:1056px;margin:0 auto;position:relative;box-shadow:0 6px 20px #00000026}.pdf-page.rendered{width:max-content;min-height:0}.overlay-layer{position:absolute;inset:0}.overlay-box{touch-action:none;user-select:none;position:absolute}.overlay-field{background:#ffffffd6;border:1px solid #243c5a;border-radius:4px;width:100%;height:100%;padding:4px;font-size:12px;overflow:hidden}.overlay-field.selected{border-color:#e07a2f;box-shadow:0 0 0 2px #e07a2f26}.overlay-field.no-border{background:#ffffff73;border-color:#0000}.overlay-resize-handle{cursor:nwse-resize;background:#fff;border:1px solid #243c5a;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;bottom:-5px;right:-5px}.inline-label{align-items:center;gap:6px;margin:0;display:inline-flex}.runner-pdf-page{margin-bottom:20px}.runner-overlay-box{background:#ffffff8c;border:1px solid #243c5aa6;position:absolute}.runner-overlay-box.no-border{background:0 0;border-color:#0000}.pdf-overlay-input{resize:none;background:#ffffffb8;border:0;outline:none;width:100%;height:100%;padding:2px 4px;font-size:12px}.pdf-check{align-items:center;gap:4px;width:100%;height:100%;font-size:11px;display:flex;overflow:hidden}.datasource-grid{grid-template-columns:280px minmax(320px,1fr) minmax(280px,380px);align-items:start;gap:16px;display:grid}.datasource-page{grid-template-columns:280px minmax(0,920px);align-items:start;gap:16px;max-width:none;margin-left:0;margin-right:0;display:grid}.datasource-sidebar{position:sticky;top:88px}.datasource-workflow{gap:16px;display:grid}.datasource-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.span-2{grid-column:span 2}.short-code{min-height:92px}.mapping-layout{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.openapi-import-row{margin-top:12px}.openapi-browser{background:#fbfcfe;border:1px solid #dbe3ee;border-radius:8px;margin-top:14px;padding:12px}.openapi-tag-group{margin-top:12px}.openapi-tag-group h3{border-bottom:1px solid #e6ebf2;margin:0 0 8px;padding-bottom:8px}.openapi-operation-list{gap:8px;display:grid}.openapi-operation{text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:8px;grid-template-columns:76px 1fr auto;align-items:start;gap:12px;width:100%;padding:10px;display:grid}.openapi-operation:hover,.openapi-operation.selected{background:#f6f9fc;border-color:#243c5a}.openapi-operation-main{gap:3px;display:grid}.openapi-operation-main code{color:#34445d;font-size:12px}.method-badge{color:#fff;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.method-get{background:#2472c8}.method-post{background:#248a5a}.method-put{background:#b26a18}.method-patch{background:#7b5fc8}.method-delete{background:#b83232}.selectable{text-align:left;cursor:pointer;background:#fff;width:100%}.selectable.active{background:#f6f9fc;border-color:#243c5a}.selectable span{gap:4px;display:grid}.mapping-tree{gap:6px;max-height:420px;margin-top:12px;display:grid;overflow:auto}.mapping-path{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:8px;gap:3px;padding:9px;display:grid}.mapping-path:hover{background:#f7f9fc}.mapping-path code{color:#66758c;font-size:12px}.code-textarea{min-height:130px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}@media (width<=1200px){.datasource-grid,.datasource-page,.mapping-layout{grid-template-columns:1fr}.datasource-sidebar{position:static}.span-2{grid-column:span 1}.datasource-form-grid{grid-template-columns:1fr}}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e6ebf2;padding:10px}.mapping-table th:nth-child(3),.mapping-table td:nth-child(3){width:34%}.mapping-table th:nth-child(4),.mapping-table td:nth-child(4),.mapping-table th:nth-child(5),.mapping-table td:nth-child(5){width:18%}.rule-list{gap:12px;margin-top:14px;display:grid}.rule-card{background:#fbfcfe;border:1px solid #e1e7ef;border-radius:8px;gap:12px;padding:14px;display:grid}.rule-card-head{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.modal-backdrop{z-index:1000;background:#111c2d94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.suggestion-modal{background:#fff;grid-template-rows:auto minmax(0,1fr) auto;width:min(680px,100%);max-height:min(760px,100vh - 48px);display:grid;overflow:hidden}.suggestion-modal-header{border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:start;gap:20px;padding:20px;display:flex}.suggestion-modal-header h2,.suggestion-modal-header p{margin-top:0}.suggestion-modal-list{gap:10px;padding:16px 20px;display:grid;overflow:auto}.suggestion-item{background:#fbfcfe;border:1px solid #e1e7ef;border-radius:8px;gap:6px;padding:12px;display:grid}.suggestion-item code{color:#34445d;white-space:normal;overflow-wrap:anywhere}.suggestion-modal-actions{border-top:1px solid #e6ebf2;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.rule-conditions{gap:8px;display:grid}.rule-condition{grid-template-columns:minmax(180px,1fr) 180px minmax(120px,1fr);gap:8px;display:grid}.submission-page{max-width:none}.submission-filters{grid-template-columns:minmax(180px,1fr) 180px 220px minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.submission-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;display:grid}.submission-list{gap:8px;max-height:calc(100vh - 220px);display:grid;overflow:auto}.submission-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:8px;gap:4px;width:100%;padding:10px;display:grid}.submission-row.active,.submission-row:hover{background:#f6f9fc;border-color:#243c5a}.submission-detail{min-height:520px}.status-select{max-width:220px}.search-input{background:#fff;border:1px solid #d4dbe7;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.search-input input{background:0 0;border:0;outline:0;width:100%;padding:10px 0}.notes-list{gap:8px;margin-bottom:10px;display:grid}.note-item{background:#fbfcfe;border:1px solid #e6ebf2;border-radius:8px;padding:10px}.note-item p{margin:6px 0}.branding-page{max-width:none}.branding-layout{grid-template-columns:minmax(300px,420px) minmax(300px,420px) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.branding-preview{position:sticky;top:96px}.crtfy-forms-federated{color:#172033;background:#f5f7fb;min-width:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.crtfy-forms-federated .app-shell{min-height:auto}.crtfy-forms-federated .builder-inspector{height:calc(100vh - 96px)}.crtfy-forms-federated .topbar,.crtfy-forms-federated .builder-tabs,.crtfy-forms-federated .datasource-sidebar,.crtfy-forms-federated .branding-preview{position:static;top:auto}@media (width<=1100px){.builder-layout,.grid-2{grid-template-columns:1fr}.builder-inspector,.crtfy-forms-federated .builder-inspector{height:auto;min-height:620px;overflow:auto}.builder-ai-assist .code-textarea{min-height:380px}.submission-filters,.submission-layout,.rule-condition,.branding-layout{grid-template-columns:1fr}.branding-preview{position:static}}@media (width<=640px){.runner{padding:12px}.inline-grid,.branded-banner.compact{grid-template-columns:1fr}.branded-banner.compact p{grid-column:auto}}