:root{color:var(--ds-text,#253344);background:var(--ds-surface,#f6f8fa);font-synthesis:none;--muted:var(--ds-text-subtle,#6c7989);--border:var(--ds-border,#e2e7ed);--card:var(--ds-surface-raised,#fff);--soft:var(--ds-background-neutral,#f4f6f9);--teal:#0b7668;--teal-soft:#e9f6f1;--navy:#102b3c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #69baa9}button{transition:background .16s,border-color .16s,box-shadow .16s}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:32px;font-weight:650;line-height:1.2}h2{letter-spacing:-.3px;font-size:18px}p{color:var(--muted);line-height:1.65}svg{flex-shrink:0}.app-shell{min-height:100vh}.demo-banner{color:#7b5816;background:#fff4d8;justify-content:center;gap:20px;padding:9px 20px;font-size:12px;display:flex}.demo-banner strong{letter-spacing:.8px;font-size:10px}.topbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:84px;padding:0 38px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--navy);color:#b5e6d1;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;transform:rotate(-3deg)}.brand strong{letter-spacing:-.7px;color:var(--ds-text,#162f40);font-size:21px}.brand strong span{color:var(--muted);font-size:17px;font-weight:400}.brand small{letter-spacing:2.1px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:700;display:block}.byline{color:var(--muted);font-size:11px}main{max-width:1420px;margin:auto;padding:26px 38px 0}.breadcrumb{color:var(--muted);align-items:center;gap:11px;margin-bottom:30px;font-size:11px;display:flex}.breadcrumb b{color:var(--ds-text,#334b5a);font-weight:600}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--teal);margin-bottom:9px;font-size:9px;font-weight:750}.heading-actions{gap:9px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:9px 15px;font-size:12px;font-weight:650;display:inline-flex}.button.primary{background:var(--teal);color:#fff;box-shadow:0 2px 3px #0b766818}.button.primary:hover:not(:disabled){background:#075e53}.button.secondary{background:var(--card);border-color:var(--border);color:var(--ds-text,#344758)}.button.secondary:hover:not(:disabled){background:var(--soft)}.stats{background:var(--card);border:1px solid var(--border);border-radius:11px;grid-template-columns:1.1fr 1fr 1.1fr;margin-bottom:25px;display:grid;box-shadow:0 3px 12px #12253803}.stat{border-right:1px solid var(--border);flex-direction:column;justify-content:center;gap:9px;padding:21px 25px;display:flex}.stat:last-child{border:0}.stat>span,.project-stat>div>span{letter-spacing:1.2px;color:var(--muted);font-size:9px;font-weight:650}.project-stat{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px}.project-stat>div>strong{letter-spacing:.4px;margin-top:5px;font-size:19px;display:block}.project-avatar{color:#516ba8;background:#ebeffa;border-radius:10px;place-items:center;width:43px;height:43px;font-size:15px;font-weight:750;display:grid}.stat>.pill{letter-spacing:0;background:var(--teal-soft);color:#236d58;white-space:nowrap;border:1px solid #d6ebe1;border-radius:5px;margin-left:auto;padding:5px 7px;font-size:9px}.completion{align-items:center;gap:14px;display:flex}.completion>strong{font-size:22px;font-weight:650}.completion small{color:var(--muted);font-size:13px;font-weight:400}.completion b{color:var(--teal);font-size:10px}.progress-track{background:var(--soft);border-radius:9px;flex:1;min-width:40px;height:5px}.progress-track div{background:#4aab89;border-radius:9px;height:100%}.saved-date{font-size:13px;font-weight:550}.stat>small{color:var(--muted);font-size:10px}.tabs{border-bottom:1px solid var(--border);gap:28px;margin-bottom:26px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 1px 15px;font-size:12px;font-weight:600;display:flex}.tabs button.active{color:var(--teal);border-color:var(--teal)}.tabs>span{color:var(--muted);align-items:center;gap:6px;margin-left:auto;padding-bottom:15px;font-size:10px;display:flex}.tabs i{background:#da9940;border-radius:50%;width:5px;height:5px}.overview-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #15263803}.card-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:25px 27px 22px;display:flex}.card-heading p{margin-top:7px;font-size:11px}.count-label{letter-spacing:1px;color:var(--muted);white-space:nowrap;font-size:9px}.field-grid{grid-template-columns:1fr 1fr;gap:25px;padding:28px;display:grid}.form-field label,.readonly-field label{margin-bottom:9px;font-size:11px;font-weight:650;display:block}.required{color:var(--teal)}input,select,textarea{border:1px solid var(--border);background:var(--card);color:var(--ds-text,#304556);border-radius:6px;width:100%;min-width:0;padding:11px 12px;font-size:12px;line-height:1.35}input:hover,textarea:hover,select:hover{border-color:#b1bfc7}input::placeholder,textarea::placeholder{color:#a2aab4}textarea{resize:vertical;min-height:80px}select{min-height:39px}.field-hint,.field-error{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.5;display:block}.field-error{color:#b34438}[aria-invalid=true]{border-color:#c35347}.full-width{grid-column:1/-1}.form-footer{border-top:1px solid var(--border);background:var(--ds-surface-sunken,#fafbfc);justify-content:space-between;align-items:center;padding:19px 27px;display:flex}.form-footer>span{color:var(--muted);font-size:10px}.text-button{color:var(--teal);background:0 0;border:0;padding:4px 8px;font-size:11px}.context-card{color:#1b463e;background:linear-gradient(135deg,#eff8f4,#f1f6f7);border:1px solid #dce7e5;border-radius:10px;padding:27px 24px}.context-card .eyebrow{letter-spacing:1.3px;font-size:8px;line-height:1.7}.context-card h2{letter-spacing:-.5px;margin-top:14px;font-size:22px;font-weight:600;line-height:1.35}.context-card p{color:#5e7b73;margin-top:13px;font-size:11px}.mini-divider{background:#dce8e2;height:1px;margin:23px 0 19px}.assurance{color:#4a7063;align-items:center;gap:8px;margin:14px 0;font-size:10px;display:flex}.assurance svg{color:#378968;width:14px}.hint-card{padding:24px 9px}.hint-card strong{font-size:11px;font-weight:600}.hint-card p{margin-top:8px;font-size:11px}.app-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin-top:38px;padding:22px 0;font-size:9px;display:flex}.app-footer i{color:#a1b1b6;padding:0 10px;font-style:normal}.notice{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:12px;line-height:1.5;display:flex}.notice.error{color:#973f35;background:#fff0ee;border:1px solid #f0d3ce}.notice.success{color:#286543;background:#eaf7ef;border:1px solid #d2e9d9}.notice.info{color:#315282;background:#edf3ff;border:1px solid #d6e2f4}.notice>span{text-align:center;border:1px solid;border-radius:50%;flex-shrink:0;width:17px;height:17px;font-size:11px;font-weight:700;line-height:15px}.notice button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:20px}.section-title{align-items:baseline;gap:18px;margin-bottom:17px;display:flex}.section-title h2{font-size:16px}.section-title>span{color:var(--muted);font-size:11px}.template-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.template-card{text-align:left;background:var(--card);border:1px solid var(--border);color:var(--ds-text,#273d4b);border-radius:9px;align-items:flex-start;gap:13px;padding:20px 17px;display:flex}.template-card:hover{border-color:#72b8a3;box-shadow:0 5px 15px #1c765811}.template-card.selected{background:var(--ds-surface-raised,#f9fdfa);border-color:#7fbba7}.template-icon{color:#428a71;font-size:26px;line-height:1.3}.template-eyebrow{letter-spacing:1.1px;color:var(--muted);font-size:7px;font-weight:650}.template-card h3{margin:8px 0;font-size:14px}.template-card p{font-size:10px;line-height:1.6}.template-card small{color:var(--muted);justify-content:space-between;gap:20px;margin-top:17px;font-size:9px;display:flex}.template-card small span{color:var(--teal);font-weight:650}.builder-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.builder .card-heading,.preview .card-heading{min-height:100px;padding:23px}.field-list{padding:15px 17px}.field-row{border:1px solid var(--border);border-radius:7px;margin-bottom:9px;overflow:hidden}.field-row.selected{border-color:#7cbaa8}.field-select{background:var(--card);text-align:left;width:100%;color:var(--ds-text,#2f4754);border:0;align-items:center;gap:12px;padding:13px 12px;display:flex}.field-select>div{flex:1}.field-select strong{font-size:11px;font-weight:600}.field-select small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.field-index{color:#9ba9b1;font-variant-numeric:tabular-nums;font-size:10px}.field-select>span:last-child{color:var(--muted)}.field-editor{border-top:1px solid var(--border);background:var(--ds-surface-sunken,#fbfcfd);padding:17px}.field-editor label{margin-bottom:14px;font-size:10px;font-weight:600;display:block}.field-editor input,.field-editor select,.field-editor textarea{margin-top:7px;padding:9px 10px;font-size:11px}.editor-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor-two .checkbox-label{align-items:center;gap:8px;margin-top:18px;font-size:11px;display:flex}.checkbox-label input{width:15px;height:15px;accent-color:var(--teal);margin:0}.field-tools{justify-content:space-between;display:flex}.danger{color:#ad4d43}.add-field{background:var(--ds-surface,#fafdfb);width:100%;color:var(--teal);border:1px dashed #a9c4b9;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:11px;font-weight:650;display:flex}.preview{background:var(--card)}.preview .card-heading{background:var(--ds-surface-sunken,#f8faf9)}.preview .eyebrow{margin-bottom:8px;font-size:8px}.preview h2{font-size:17px}.preview-dot{background:#5eae8d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e6f3ed}.preview-body{gap:21px;padding:24px;display:grid}.preview-body label{font-size:11px}.preview-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:7px;padding:16px 24px;font-size:9px;display:flex}.publish-bar{background:var(--card);border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:23px;padding:18px 22px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #243b4810}.publish-bar strong{font-size:12px}.publish-bar p{margin-top:6px;font-size:10px}.publish-bar>div:last-child{gap:10px;display:flex}.no-fields{padding:22px 5px;font-size:12px}.onboarding{text-align:center;padding:50px 35px}.onboarding-icon{background:var(--teal-soft);width:64px;height:64px;color:var(--teal);border-radius:15px;place-items:center;margin:0 auto 20px;display:grid}.onboarding h3{margin-bottom:13px;font-size:20px}.onboarding p{max-width:390px;margin:auto;font-size:12px}.onboarding .button{margin-top:25px}.loading,.empty{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:75px 30px}.loading h2,.empty h2{margin:20px 0 12px}.loading p,.empty p{max-width:480px;margin:auto;font-size:12px}.empty .button{margin-top:22px}.spinner{border:3px solid #dceee7;border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-empty{text-align:center;color:var(--muted);padding:60px 20px}.preview-empty p{margin-top:15px;font-size:12px}.readonly-field>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.modal-backdrop{z-index:10;background:#102b3c70;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:12px;max-width:460px;padding:28px;box-shadow:0 15px 70px #102b3c30}.modal p{margin:15px 0 25px;font-size:13px}.modal>div{justify-content:flex-end;gap:10px;display:flex}html[data-color-mode=dark] .context-card{color:#dbefe8;background:#233c36;border-color:#36564d}html[data-color-mode=dark] .context-card p,html[data-color-mode=dark] .assurance{color:#a3c3b8}html[data-color-mode=dark] .brand strong{color:var(--ds-text)}@media (width>=1450px){main{padding-top:32px}.overview-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=1000px){main{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.overview-layout{grid-template-columns:minmax(0,1fr) 230px}.stat{padding:19px 17px}.project-stat{gap:10px}.stat>.pill{display:none}.template-card{gap:9px;padding:17px 13px}.template-icon{display:none}}@media (width<=760px){main{padding:20px 17px 0}.topbar{height:74px;padding:0 17px}.byline{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}h1{font-size:29px}.stats{grid-template-columns:1fr 1fr}.stat:last-child{display:none}.stat:nth-child(2){border:0}.overview-layout{grid-template-columns:1fr}.overview-layout aside{display:none}.tabs{gap:20px}.tabs>span{display:none}.builder-layout,.template-grid{grid-template-columns:1fr}.template-card{padding:17px}.template-icon{display:block}.template-card small{margin-top:10px}.section-title{display:block}.section-title>span{margin-top:8px;display:block}.publish-bar{flex-direction:column;align-items:flex-start}.publish-bar>div:last-child{align-self:flex-end}.demo-banner{text-align:center;flex-direction:column;gap:3px;padding:7px 10px}.app-footer>span:last-child{display:none}.card-heading{padding:22px}.field-grid{gap:22px;padding:22px}.form-footer{gap:15px;padding:18px 22px}.form-footer>span{max-width:180px}}@media (width<=480px){.field-grid{grid-template-columns:1fr}.project-avatar{display:none}.stat{padding:17px 14px}.completion{gap:8px}.form-footer{flex-direction:column;align-items:flex-start}.form-footer>.button{align-self:flex-end}.brand strong{font-size:19px}.brand strong span{font-size:15px}.card-heading .count-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:0s!important}}.topbar{height:66px}.brand-mark{border-radius:9px;width:37px;height:37px}.brand strong{font-size:19px}.brand small{letter-spacing:1.5px;margin-top:3px;font-size:8px}main{padding-top:21px}.breadcrumb{margin-bottom:19px}.page-heading{margin-bottom:21px}h1{letter-spacing:-.7px;font-size:27px}.page-heading p{margin-top:7px;font-size:12px}.stat{padding-top:17px;padding-bottom:17px}.stats,.tabs{margin-bottom:21px}.card-heading{padding:20px 25px}.field-grid{gap:22px 25px;padding:24px 25px}.workspace-notes{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:0 18px}.workspace-notes section{border-bottom:1px solid var(--border);padding:18px 0}.workspace-notes section:last-child{border:0}.workspace-notes h3{align-items:center;gap:8px;font-size:11px;font-weight:650;display:flex}.workspace-notes h3 svg{color:var(--teal)}.workspace-notes p{margin-top:9px;font-size:11px;line-height:1.7}.workspace-notes p strong{color:var(--ds-text-subtle,#4c606c);font-weight:600}.workspace-notes .scope-note{padding:13px 0}.workspace-notes .scope-note p{margin:0;font-size:10px}.tabs .draft-label{color:#805d21;background:#fff4d9;border:1px solid #e1c993;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:500}.draft-notice{background:var(--ds-background-warning,#fff8e8);border:1px solid var(--ds-border-warning,#ead8af);border-radius:7px;justify-content:space-between;align-items:center;gap:15px;margin:-1px 0 20px;padding:12px 15px;font-size:11px;line-height:1.6;display:flex}.draft-notice .text-button{white-space:nowrap}.template-card h3{margin:0 0 7px}.template-card{padding:17px}.template-card small{margin-top:12px}.app-footer{margin-top:29px;padding:18px 0}.form-footer>span{max-width:60%;line-height:1.6}.preview .card-heading{min-height:96px}.section-title>span{line-height:1.5}@media (width>=1450px){main{padding-top:23px}.overview-layout{grid-template-columns:minmax(0,1fr) 245px}}@media (width<=760px){.topbar{height:63px}.overview-layout aside{display:block}.workspace-notes{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.workspace-notes section:nth-child(2){border:0}.workspace-notes .scope-note{border-top:1px solid var(--border);grid-column:1/-1}.draft-notice{flex-direction:column;align-items:flex-start;gap:4px}.page-heading{gap:15px}h1{font-size:25px}.tabs{gap:15px}}@media (width<=480px){.workspace-notes{display:block}.workspace-notes section:nth-child(2){border-bottom:1px solid var(--border)}.workspace-notes .scope-note{border-top:0}.form-footer>span{max-width:100%}}
