:root{color:var(--df-text,#233334);background:var(--df-surface-raised,#f4f6f5);font-synthesis:none;--ink:#1b3433;--muted:#5f706a;--green:#286653;--mint:#dff0e5;--line:#e5e9e6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button{color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{border:1px solid var(--df-line,#dfe5e2);background:var(--df-surface,#fff);width:100%;color:var(--df-text,#2d3d3b);border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--df-line,#6f9c83);box-shadow:0 0 0 3px #52845e12}input::placeholder,textarea::placeholder{color:var(--df-muted,#5f7064)}input,select{height:40px;padding:0 12px}textarea{resize:vertical;padding:10px 12px;line-height:1.6}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--green);flex-shrink:0;padding:0}input:disabled,select:disabled{opacity:1;background:var(--df-surface,#fff);color:var(--df-muted,#5f7064);pointer-events:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}button:focus-visible,a:focus-visible{outline:2px solid var(--df-line,#5e9a78);outline-offset:3px}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.65}small{font-size:14px}svg{flex-shrink:0}code{font-family:SFMono-Regular,Consolas,monospace;font-size:14px}::selection{background:var(--df-accent-bg,#d2e9d8)}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 15px;font-size:15px;font-weight:550;transition:background .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 1px 2px #183c2818}.button.primary:hover{background:var(--df-strong,#205342)}.button.secondary{background:var(--df-surface,#fff);border:1px solid var(--df-line,#dde4df);box-shadow:0 1px 2px #183c2805}.button.secondary:hover:not(:disabled){background:var(--df-surface-raised,#f5f8f5)}.button.wide{width:100%}.icon-button{width:29px;height:29px;color:var(--df-muted,#78847d);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--df-surface-subtle,#edf2ed);color:var(--df-text,#30533c)}.text-button{color:var(--df-muted,#52705d);align-items:center;gap:8px;font-size:15px;display:inline-flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:650;display:flex}.brand-symbol{flex-direction:column;justify-content:center;gap:4px;width:30px;height:32px;display:flex;transform:skewY(-12deg)}.brand-symbol span{background:var(--df-accent-bg,#a7d2af);border-radius:1px;width:25px;height:5px;display:block}.brand-symbol span:nth-child(2){width:17px}.brand-symbol span:nth-child(3){width:10px}.brand-light{font-weight:400}.brand-period{color:var(--df-muted,#5f7064)}.workspace{background:var(--df-surface,#fff);grid-template-rows:76px 64px minmax(0,1fr);grid-template-columns:68px 250px minmax(320px,1fr) 310px;height:100dvh;display:grid;overflow:hidden}.avatar{background:var(--df-warning-bg,#ecdfca);width:33px;height:33px;color:var(--df-muted,#5a6252);border:3px solid #ffffff12;border-radius:50%;font-size:14px;font-weight:650}.app-header{border-bottom:1px solid var(--line);grid-area:1/2/2/5;justify-content:space-between;align-items:center;gap:14px;padding:0 27px;display:flex}.breadcrumb{align-items:center;gap:13px;min-width:0;font-size:15px;display:flex}.breadcrumb>button{color:var(--df-muted,#5f7064);padding:0}.breadcrumb>svg{color:var(--df-muted,#5f7064)}.breadcrumb>span:not(.status-badge){text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.status-badge{letter-spacing:.02em;background:var(--df-surface-subtle,#f0f2ef);border:1px solid var(--df-line,#e5e9e2);color:var(--df-muted,#7b8274);white-space:nowrap;border-radius:5px;padding:3px 8px;font-size:14px}.status-badge.published{background:var(--df-accent-bg,#e8f4e9);color:var(--df-muted,#4d795a);border-color:var(--df-line,#d8e9da)}.header-actions{align-items:center;gap:10px;display:flex}.save-state{color:var(--df-muted,#5f7064);white-space:nowrap;align-items:center;gap:5px;margin-right:7px;font-size:14px;display:flex}.save-state svg{color:var(--df-muted,#6e9073)}.unsaved-dot{background:var(--df-warning-bg,#c29146);border-radius:50%;width:5px;height:5px}.workspace-toolbar{border-bottom:1px solid var(--line);grid-area:2/2/3/5;grid-template-columns:250px 1fr auto;align-items:center;padding-right:24px;display:grid}.workspace-label{align-items:center;gap:7px;padding-left:22px;display:flex}.workspace-logo{letter-spacing:-.65px;font-size:16px;font-weight:650}.workspace-logo>span{color:var(--df-muted,#6d9c77)}.workspace-edition{color:var(--df-muted,#5f7064);letter-spacing:1.3px;margin-top:3px;font-size:13px}.tabs{justify-content:center;gap:27px;height:58px;display:flex}.tabs>button{color:var(--df-muted,#5f7064);justify-content:center;align-items:center;gap:7px;padding:0 4px;font-size:14px;display:flex;position:relative}.tabs>button.active{color:var(--df-accent,#2a5c44);font-weight:600}.tabs>button.active:after{content:"";background:var(--df-strong,#347153);height:2px;position:absolute;bottom:0;left:1px;right:1px}.count-badge{background:var(--df-surface-subtle,#f0f3ef);color:var(--df-muted,#5f7064);border-radius:4px;padding:0 5px;font-size:13px;line-height:16px}.editor-actions{align-items:center;gap:3px;display:flex}.vertical-divider{background:var(--line);width:1px;height:16px;margin:0 8px}.palette{background:var(--df-surface,#fff);border-right:1px solid var(--line);flex-direction:column;grid-area:3/2/4/3;display:flex;position:relative;overflow:auto}.panel-heading{border-bottom:1px solid var(--df-line,#edf0eb);flex-shrink:0;align-items:center;gap:8px;height:57px;padding:0 22px;font-size:15px;font-weight:600;display:flex}.panel-heading>svg{color:var(--df-muted,#5f7064)}.panel-heading>.icon-button{margin-left:auto}.palette-inner{padding:17px 17px 25px}.search-input{border:1px solid var(--line);height:34px;color:var(--df-muted,#5f7064);border-radius:6px;align-items:center;gap:7px;padding:0 8px;display:flex}.search-input input{background:0 0;border:0;min-width:0;height:30px;padding:0;font-size:14px}.search-input input:focus{box-shadow:none}.search-input kbd{color:var(--df-muted,#5f7064);font-size:15px}.palette-group{letter-spacing:1.15px;color:var(--df-muted,#5f7064);margin:25px 5px 11px;font-size:13px;font-weight:600}.palette-list{flex-direction:column;gap:5px;display:flex}.palette-list>button{text-align:left;height:39px;color:var(--df-muted,#535f57);border:1px solid #0000;border-radius:6px;align-items:center;gap:11px;padding:0 8px;font-size:14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.palette-list>button:hover{border-color:var(--df-line,#d6e5d7);background:var(--df-surface-raised,#f2f7f1);transform:translate(2px)}.component-icon{background:var(--df-surface-raised,#f5f7f3);border:1px solid var(--df-line,#edf0e9);width:28px;height:28px;color:var(--df-muted,#7e8d7d);border-radius:5px;justify-content:center;align-items:center;display:flex}.palette-plus{opacity:0;color:var(--df-muted,#50815d);margin-left:auto}.palette-list>button:hover .palette-plus{opacity:1}.palette-insert{border-top:1px solid var(--line);color:var(--df-muted,#5f7064);flex-direction:column;gap:7px;margin:25px 6px 0;padding-top:15px;font-size:14px;display:flex}.palette-insert button{color:var(--df-muted,#56705b);text-align:left;justify-content:space-between;align-items:center;padding:0;font-size:14px;display:flex}.palette-tip{background:var(--df-accent-bg,#f3f7f0);border:1px solid var(--df-line,#e8eee2);border-radius:7px;margin:29px 1px 0;padding:14px 12px}.palette-tip>div{color:var(--df-muted,#5a7853);align-items:flex-start;gap:7px;display:flex}.palette-tip strong{font-size:14px;font-weight:600;line-height:1.7}.palette-tip p{color:var(--df-muted,#5f7064);margin-top:8px;font-size:14px;line-height:1.8}.palette-tip button{color:var(--df-muted,#57774d);align-items:center;gap:4px;margin-top:11px;padding:0;font-size:14px;display:flex}.palette-footer{border-top:1px solid var(--df-line,#edf0e8);color:var(--df-muted,#5f7064);margin-top:auto;padding:17px 21px 18px;font-size:13px;line-height:1.8}.palette-footer .green-dot{margin-right:5px}.palette-footer code{color:var(--df-muted,#5f7064);letter-spacing:.5px;margin-left:11px;font-size:13px;display:block}.green-dot{background:var(--df-surface-active,#87ad83);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.canvas-area{background:var(--df-surface-raised,#f3f5f2);scrollbar-width:thin;scrollbar-color:var(--df-line,#d7dfd4) transparent;grid-area:3/3/4/4;padding:0 35px 28px;position:relative;overflow-y:auto}.canvas-context{height:57px;color:var(--df-muted,#5f7064);justify-content:space-between;align-items:center;gap:10px;max-width:720px;margin:auto;font-size:13px;display:flex}.canvas-context>span{align-items:center;gap:6px;display:flex}.canvas-context>span>span:not(.green-dot){color:var(--df-muted,#5f7064);margin:0 3px}.canvas-context>span:last-child{color:var(--df-muted,#5f7064);font-size:13px}.form-paper{background:var(--df-surface,white);border-radius:9px;max-width:720px;margin:0 auto;animation:.25s ease-out paper-in;overflow:hidden;box-shadow:0 3px 14px #24352206,0 0 0 1px #24352208}.paper-accent{background:var(--df-strong,#386b53);height:5px}.paper-content{padding:30px 36px 25px}.form-kicker{letter-spacing:1.6px;color:var(--df-muted,#7d967b);align-items:center;gap:9px;margin-bottom:22px;font-size:13px;font-weight:600;display:flex}.form-mark{background:var(--df-accent-bg,#edf4e9);width:29px;height:29px;color:var(--df-muted,#73966d);letter-spacing:0;border-radius:6px;justify-content:center;align-items:center;display:flex}.title-input{height:43px;color:var(--df-text,#243d33);letter-spacing:-1.2px;box-shadow:none;background:0 0;border:0;border-radius:3px;padding:0;font-size:30px;font-weight:600}.title-input:focus{border-color:#0000;box-shadow:0 1px #bdd5bd}.description-input{resize:none;color:var(--df-muted,#5f7064);height:44px;box-shadow:none;background:0 0;border:0;margin-top:7px;padding:0;font-size:14px;line-height:1.9;overflow:hidden}.description-input:focus{box-shadow:0 1px #bdd5bd}.form-meta{border-bottom:1px solid var(--df-line,#e9ede6);color:var(--df-muted,#5f7064);justify-content:space-between;align-items:center;margin-bottom:25px;padding:11px 0 21px;font-size:13px;display:flex}.form-meta>span:first-child{align-items:center;gap:5px;display:flex}.field-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:26px 22px;display:grid;container-type:inline-size}.field-block{grid-column:span var(--field-span,12);min-width:0;position:relative}.field-block.full{grid-column:1/-1}.field-label{letter-spacing:-.1px;align-items:center;gap:4px;margin-bottom:8px;font-size:14px;font-weight:550;line-height:1.5;display:flex}.required{color:var(--df-muted,#778e72);font-size:15px}.field-block input,.field-block select{height:37px;font-size:14px}.field-block input[type=radio],.field-block input[type=checkbox]{width:13px;height:13px;margin:0}.section-title{padding-top:2px}.section-title h2{color:var(--df-text,#354e3b);letter-spacing:-.5px;font-size:17px;font-weight:600}.section-title p,.form-section>p,.repeat-section>p{color:var(--df-muted,#5f7064);margin-top:6px;font-size:14px;line-height:1.8}.design-node{cursor:pointer;border:1px solid #0000;border-radius:5px;margin:-11px;padding:11px;transition:border-color .12s,background .12s}.design-node>.field-label,.design-node>.choice-options{pointer-events:none}.design-node:has(>.section-title){margin-top:-6px;padding-top:6px}.design-node:hover{border-color:var(--df-line,#e1eade);background:var(--df-accent-bg,#fcfdfb)}.design-node.selected{border-color:var(--df-line,#7fa27a);background:var(--df-accent-bg,#fcfefb);box-shadow:0 0 0 1px #7fa27a10}.node-handle{color:var(--df-muted,#5f7064);opacity:0;cursor:grab;padding:1px;display:flex;position:absolute;top:12px;left:-19px}.design-node:hover>.node-handle,.design-node.selected>.node-handle{opacity:1}.node-toolbar{border:1px solid var(--df-line,#85a67d);background:var(--df-surface,#fff);z-index:4;border-radius:4px;align-items:center;height:23px;padding:0 2px;display:flex;position:absolute;top:-14px;right:7px;box-shadow:0 1px 3px #153d1b08}.node-toolbar>button{width:23px;height:20px;color:var(--df-muted,#729168);border-radius:2px;justify-content:center;align-items:center;padding:2px;display:flex}.node-toolbar>button:hover{background:var(--df-accent-bg,#eaf3e4)}.node-toolbar>span{background:var(--df-surface-subtle,#e2e9dc);width:1px;height:12px;margin:0 2px}.choice-options{flex-wrap:wrap;gap:9px;display:flex}.choice-option{border:1px solid var(--df-line,#e3e8df);color:var(--df-muted,#74806e);cursor:pointer;border-radius:5px;align-items:center;gap:7px;padding:10px 12px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.choice-option:hover,.choice-option.checked{background:var(--df-accent-bg,#f3f8ef);border-color:var(--df-line,#a3b89a)}.condition-indicator{width:14px;height:14px;color:var(--df-muted,#5f7064);vertical-align:-2px;pointer-events:auto;flex:0 0 14px;justify-content:center;align-items:center;display:inline-flex}.section-title .condition-indicator,.form-note .condition-indicator{margin-left:4px}.form-section,.repeat-section{border:0;border-top:1px solid var(--df-line,#e9ede5);min-width:0;margin:0;padding:16px 0 0}.form-section legend,.repeat-section legend{color:var(--df-muted,#476044);letter-spacing:-.3px;flex-wrap:wrap;align-items:center;gap:7px;max-width:100%;padding:0 8px 0 0;font-size:16px;font-weight:550;display:flex}.form-section>p,.repeat-section>p{margin:0 0 21px}.empty-child{color:var(--df-muted,#5f7064);min-height:40px;padding:10px;font-size:14px;display:block}.repeat-section legend .subtle{letter-spacing:0;border:1px solid var(--df-line,#e2e8dc);color:var(--df-muted,#5f7064);border-radius:4px;margin-left:4px;padding:2px 5px;font-size:13px;font-weight:400}.repeat-row{background:var(--df-surface-raised,#f8faf6);border:1px solid var(--df-line,#e8ede3);border-radius:6px;margin-bottom:12px;padding:0 15px 18px}.repeat-row-head{height:37px;color:var(--df-muted,#5f7064);justify-content:space-between;align-items:center;margin-bottom:3px;font-size:13px;display:flex}.repeat-row .field-grid{gap:16px}.repeat-row .design-node{background:0 0}.repeat-row .design-node.selected{background:var(--df-surface,#fff)}.repeat-row .node-handle{left:-12px}.add-row{border:1px dashed var(--df-line,#b7cab0);width:100%;height:33px;color:var(--df-muted,#64855c);background:var(--df-accent-bg,#fbfdf9);border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.add-row:hover{background:var(--df-accent-bg,#eef5e8)}.form-note{background:var(--df-surface-raised,#f7f9f4);border-radius:5px;padding:15px}.form-note h3{color:var(--df-muted,#7e8d70);letter-spacing:0;font-size:14px;font-weight:550}.form-note p{color:var(--df-muted,#5f7064);margin-top:4px;font-size:14px;line-height:1.8}.calculated-input{position:relative}.calculated-input>svg{color:var(--df-muted,#5f7064);position:absolute;top:10px;right:11px}.calculated-input input{background:var(--df-accent-bg,#f4f8f0);color:var(--df-muted,#648456);padding-right:34px;font-weight:600}.calculation-label{color:var(--df-muted,#5f7064);margin-left:auto;font-size:13px;font-weight:400}.canvas-add{border:1px dashed var(--df-line,#c7d4bf);width:100%;height:39px;color:var(--df-muted,#5f7064);background:var(--df-accent-bg,#fbfdf9);border-radius:5px;justify-content:center;align-items:center;gap:6px;margin-top:30px;font-size:14px;display:flex}.canvas-add:hover{background:var(--df-accent-bg,#f1f7ec);border-color:var(--df-line,#8fae7f)}.design-submit{align-items:center;gap:12px;margin-top:23px;display:flex}.design-submit>span{background:var(--df-strong,#315d43);color:#fff;opacity:.75;border-radius:5px;align-items:center;gap:14px;padding:11px 15px;font-size:14px;display:flex}.design-submit small{color:var(--df-muted,#5f7064);font-size:13px}.paper-footer{background:var(--df-accent-bg,#fcfdfb);border-top:1px solid var(--df-line,#edf1e7);color:var(--df-muted,#5f7064);justify-content:space-between;gap:12px;padding:15px 35px;font-size:13px;display:flex}.paper-footer strong{color:var(--df-muted,#5f7064);letter-spacing:-.4px;font-size:14px;font-weight:600}.canvas-bottom{color:var(--df-muted,#5f7064);justify-content:center;align-items:center;gap:5px;margin:22px 0 0;font-size:13px;display:flex}.inspector{background:var(--df-surface,#fff);border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--df-line,#dde5d9) transparent;grid-area:3/4/4/5;overflow-y:auto}.inspector-body{padding:19px 21px 25px;animation:.2s ease-out inspector-in}.inspector-type{border:1px solid var(--df-line,#e2e7de);height:34px;color:var(--df-muted,#7e8c75);background:var(--df-surface-raised,#fafbf8);border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 10px;font-size:14px;display:flex}.setting-label{color:var(--df-muted,#7d8975);flex-direction:column;gap:8px;margin-bottom:18px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.setting-label input,.setting-label select{height:35px;font-size:14px}.setting-label textarea{min-height:70px;font-size:14px}.setting-label small{color:var(--df-muted,#5f7064);margin-top:-3px;font-size:13px;font-weight:400}.toggle-setting{color:var(--df-muted,#77876b);justify-content:space-between;align-items:center;gap:8px;margin:22px 0 26px;font-size:14px;display:flex}.toggle-setting>span{flex-direction:column;gap:5px;display:flex}.toggle-setting small{color:var(--df-muted,#5f7064);font-size:13px}.toggle-setting>input{appearance:none;background:var(--df-surface-subtle,#e4eadf);width:29px;height:17px;box-shadow:none;cursor:pointer;border:0;border-radius:20px;padding:0;transition:background .2s;position:relative}.toggle-setting>input:after{content:"";background:var(--df-surface,white);border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #183c2822}.toggle-setting>input:checked{background:var(--df-surface-active,#608655)}.toggle-setting>input:checked:after{transform:translate(12px)}.inspector-divider{color:var(--df-muted,#7f8f72);border-top:1px solid var(--df-line,#edf0e7);align-items:center;gap:6px;margin-top:24px;padding:20px 0 15px;font-size:14px;font-weight:550;display:flex}.setting-row{gap:12px;display:flex}.setting-row>.setting-label{flex:1;min-width:0}.field-key{border-top:1px solid var(--df-line,#edf0e7);color:var(--df-muted,#5f7064);flex-direction:column;gap:7px;margin-top:30px;padding-top:18px;font-size:13px;display:flex}.field-key code{color:var(--df-muted,#5f7064);overflow-wrap:anywhere;font-size:13px}.inspector-empty{text-align:center;color:var(--df-muted,#5f7064);padding:75px 30px}.inspector-empty>svg{color:var(--df-muted,#5f7064)}.inspector-empty h3{letter-spacing:-.5px;color:var(--df-muted,#839377);margin:18px 0 8px;font-size:15px;font-weight:500}.inspector-empty p{color:var(--df-muted,#5f7064);font-size:14px}.inspector-close,.palette-close,.mobile-palette-button{display:none}.preview-area{background:var(--df-surface-subtle,#f0f4ef);grid-area:3/2/4/5;padding:0 34px 40px;overflow:auto}.preview-toolbar{justify-content:space-between;align-items:center;gap:16px;height:63px;display:flex}.preview-toolbar>span{color:var(--df-muted,#729365);align-items:center;gap:6px;font-size:14px;display:flex}.preview-info{color:var(--df-muted,#5f7064);margin-left:9px;font-size:14px}.device-switch{align-items:center;gap:5px;display:flex}.device-switch>button{color:var(--df-muted,#5f7064);border:1px solid #0000;border-radius:4px;align-items:center;padding:5px 8px;display:flex}.device-switch>button.active{border-color:var(--df-line,#d8e3d1);background:var(--df-surface,#fff);color:var(--df-muted,#5f8051)}.device-switch>button.reset-preview{border-left:1px solid var(--df-line,#dbe4d4);border-radius:0;margin-left:13px;padding-left:15px;font-size:14px}.preview-frame{max-width:720px;margin:auto;transition:max-width .25s}.preview-frame.phone{max-width:390px}.preview-frame.phone .field-grid{grid-template-columns:1fr}.preview-frame.phone .field-block{grid-column:1/-1}.preview-frame.phone .paper-content{padding-left:25px;padding-right:25px}.preview-frame.phone .form-meta{font-size:13px}.preview-frame.phone .paper-footer{padding:14px 22px;font-size:13px}.form-paper .intro{padding-bottom:0}.form-paper h1{color:var(--df-text,#294632);font-size:32px;font-weight:600;line-height:1.25}.form-description{color:var(--df-muted,#5f7064);margin-top:10px;font-size:15px}.form-paper .rendered{padding-top:0;padding-bottom:32px}.rendered>.field-grid{gap:25px 20px}.rendered .field-label{font-size:15px}.rendered .field-block input,.rendered .field-block select{height:41px;font-size:15px}.rendered .field-block input[type=checkbox],.rendered .field-block input[type=radio]{width:14px;height:14px}.rendered .choice-option,.rendered .form-section>p,.rendered .repeat-section>p,.rendered .section-title p,.rendered .form-note p{font-size:14px}.rendered .form-note h3{font-size:15px}.rendered .repeat-row{padding:0 16px 17px}.rendered .calculated-input>svg{top:13px}.submit-button{height:41px;margin-top:29px;padding:0 20px;font-size:15px}.field-error{color:var(--df-danger,#ba5547);margin-top:7px;font-size:14px;line-height:1.5}.field-help{color:var(--df-muted,#5f7064);margin-top:6px;font-size:14px}.field-block input[aria-invalid=true],.field-block select[aria-invalid=true]{border-color:var(--df-line,#ce8d80);background:var(--df-danger-bg,snow)}.field-block .choice-options:has(input[aria-invalid=true]) .choice-option{border-color:var(--df-line,#d6a396)}.error-banner{border:1px solid var(--df-line,#eed0c6);background:var(--df-danger-bg,#fff6f1);color:var(--df-danger,#b76751);border-radius:6px;margin:18px 0;padding:12px 14px;font-size:15px;line-height:1.6}.toast{background:var(--df-accent-bg,#f5fbef);border:1px solid var(--df-line,#d3e2c7);color:var(--df-accent,#5c8248);z-index:100;border-radius:7px;align-items:center;gap:10px;max-width:min(660px,90vw);padding:10px 12px 10px 17px;font-size:15px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 35px #142b1d15}.toast>span{max-height:150px;line-height:1.6;overflow:auto}.toast.error{background:var(--df-danger-bg,#fff9f5);color:var(--df-danger,#b76751);border-color:var(--df-line,#ead6c9)}.toast.error>.icon-button{color:var(--df-muted,#5f7064)}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#112e2670;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--df-surface,#fff);border-radius:13px;width:100%;max-width:500px;max-height:90dvh;padding:32px;animation:.2s ease-out paper-in;position:relative;overflow:auto;box-shadow:0 20px 80px #0a231c25}.modal-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.modal-close{position:absolute;top:16px;right:16px}.modal h2{color:var(--df-text,#304c35);margin:12px 0;font-size:27px;font-weight:550}.modal>p{color:var(--df-muted,#5f7064);margin-bottom:25px;font-size:15px;line-height:1.9}.eyebrow{letter-spacing:1.7px;color:var(--df-muted,#5f7064);font-size:13px;font-weight:550}.success-icon{background:var(--df-accent-bg,#edf6e7);width:64px;height:64px;color:var(--df-muted,#729d5b);border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.share-modal{max-width:480px;padding:40px}.share-modal .eyebrow{font-size:13px}.share-modal .setting-label{margin-top:26px}.share-link{border:1px solid var(--df-line,#dce7d4);border-radius:5px;align-items:center;padding-right:4px;display:flex}.share-link input{color:var(--df-muted,#81976f);box-shadow:none;border:0;min-width:0;padding:0 9px;font-size:14px}.share-link .icon-button{color:var(--df-muted,#829f6e)}.snapshot-hint{color:var(--df-muted,#5f7064);align-items:flex-start;gap:8px;margin-top:22px;font-size:14px;line-height:1.8;display:flex}.snapshot-hint>svg{margin-top:2px}.library-modal{max-width:700px;padding:32px 36px}.library-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:39px;margin-bottom:26px;display:flex}.library-heading h2{margin:8px 0 0}.form-library{border-top:1px solid var(--df-line,#e6eddf);flex-direction:column;margin-bottom:25px;display:flex}.form-library>button{border-bottom:1px solid var(--df-line,#e6eddf);text-align:left;align-items:center;gap:16px;padding:19px 5px;display:flex}.form-library>button:hover{background:var(--df-accent-bg,#fafcf7)}.library-form-icon{border:1px solid var(--df-line,#e3ebdc);background:var(--df-accent-bg,#f4f8ef);width:43px;height:49px;color:var(--df-muted,#5f7064);border-radius:6px;justify-content:center;align-items:center;display:flex}.form-library>button>span:nth-child(2){flex-direction:column;gap:7px;display:flex}.form-library strong{color:var(--df-muted,#57714a);font-size:15px;font-weight:550}.form-library small{color:var(--df-muted,#5f7064);gap:8px;font-size:14px;display:flex}.form-library>button>svg{color:var(--df-muted,#5f7064);margin-left:auto}.help-modal{max-width:550px;padding:38px}.help-modal h2{margin-bottom:28px}.help-modal ol{color:var(--df-muted,#739862);padding-left:18px}.help-modal li{margin-bottom:22px;padding-left:8px;font-size:15px}.help-modal li strong{color:var(--df-muted,#5a7950);font-weight:550}.help-modal li p{color:var(--df-muted,#5f7064);margin-top:5px;font-size:14px}.responses-area{background:var(--df-surface-raised,#f8faf6);grid-area:3/2/4/5;padding:43px 48px;overflow:auto}.responses-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:37px;display:flex}.responses-header h1{color:var(--df-text,#3c5836);align-items:center;gap:12px;margin-top:9px;font-size:31px;font-weight:550;display:flex}.responses-header h1 span{letter-spacing:0;background:var(--df-accent-bg,#eaf1e3);color:var(--df-muted,#7e9b6b);border-radius:5px;padding:4px 8px;font-size:15px}.responses-header p{color:var(--df-muted,#5f7064);margin-top:10px;font-size:15px}.responses-header>div:last-child{gap:9px;display:flex}.responses-table{background:var(--df-surface,#fff);border:1px solid var(--df-line,#e4ecdc);border-radius:8px;overflow:auto}.responses-table table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.responses-table th{color:var(--df-muted,#5f7064);background:var(--df-accent-bg,#fbfdf8);border-bottom:1px solid var(--df-line,#e9efdf);padding:15px 21px;font-size:14px;font-weight:500}.responses-table td{color:var(--df-muted,#5f7064);border-bottom:1px solid var(--df-line,#f0f4e9);padding:19px 21px;font-size:14px}.responses-table tbody tr{cursor:pointer;transition:background .15s}.responses-table tbody tr:hover{background:var(--df-accent-bg,#fbfdf8)}.responses-table tr:last-child td{border:0}.table-person{align-items:center;gap:11px;display:flex}.table-person>span{border:1px solid var(--df-line,#e0ead7);background:var(--df-accent-bg,#f2f7ea);width:34px;height:34px;color:var(--df-muted,#5f7064);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.table-person>div{flex-direction:column;gap:5px;display:flex}.table-person strong{color:var(--df-muted,#657f55);font-size:15px;font-weight:550}.table-person small{color:var(--df-muted,#5f7064);font-size:14px}.version-badge{border:1px solid var(--df-line,#e5ecdd);background:var(--df-accent-bg,#f9fbf5);border-radius:4px;padding:3px 6px;font-size:14px}.completion-badge{color:var(--df-accent,#709c56);background:var(--df-accent-bg,#f0f7e8);border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:14px;display:inline-flex}.responses-empty{text-align:center;padding:95px 20px}.empty-response-art{border:1px solid var(--df-line,#dce8d1);background:var(--df-accent-bg,#f1f7e9);width:77px;height:84px;color:var(--df-muted,#5f7064);border-radius:11px;justify-content:center;align-items:center;margin:auto;display:flex;position:relative;transform:rotate(-5deg)}.empty-response-art>span{border:4px solid var(--df-line,#f8faf6);background:var(--df-accent-bg,#d9ebc6);width:32px;height:32px;color:var(--df-accent,#779e54);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-5px;right:-10px}.responses-empty h2{color:var(--df-muted,#5e7d4d);margin:32px 0 10px;font-size:23px;font-weight:500}.responses-empty p{color:var(--df-muted,#5f7064);font-size:15px;line-height:1.9}.responses-empty>div:last-child{color:var(--df-muted,#5f7064);justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:14px;display:flex}.response-detail{max-width:650px;padding:33px 38px}.response-detail>.modal-top{margin-bottom:20px}.response-detail>p{margin-bottom:25px;font-size:14px}.answer-value{border-bottom:1px solid var(--df-line,#edf2e5);flex-direction:column;gap:8px;padding:14px 0;display:flex}.answer-value>span{color:var(--df-muted,#5f7064);font-size:14px}.answer-value>strong{color:var(--df-muted,#698451);overflow-wrap:anywhere;font-size:15px;font-weight:500}.answer-value>div{border-left:2px solid var(--df-line,#e6efdc);padding-left:15px}.answer-value .answer-value{border:0;padding:7px 0}.answer-repeat{margin:5px 0 17px}.answer-repeat>strong{color:var(--df-muted,#5f7064);font-size:14px;font-weight:500}.receipt{background:var(--df-accent-bg,#f6faf0);border:1px solid var(--df-line,#e2edd6);border-radius:6px;flex-direction:column;gap:10px;margin:24px 0;padding:17px;display:flex}.receipt>span{color:var(--df-muted,#5f7064);font-size:13px}.receipt>code{color:var(--df-muted,#7f9b65);overflow-wrap:anywhere;font-size:14px;line-height:1.7}.loading{min-height:70dvh;color:var(--df-muted,#5f7064);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:30px;display:flex}.loading p{font-size:15px}.loading h1{color:var(--df-muted,#63834e);font-size:25px}.spin{animation:1s linear infinite spin}.public-page{background:var(--df-surface-subtle,#f1f5ed);min-height:100dvh}.public-page>header{max-width:1000px;height:85px;color:var(--df-accent,#4e6f3a);justify-content:space-between;align-items:center;margin:auto;padding:0 35px;display:flex}.public-page>header .brand{font-size:20px}.public-page>header .brand-symbol span{background:var(--df-surface-active,#70995a)}.public-page>header>span{color:var(--df-muted,#5f7064);align-items:center;gap:6px;font-size:14px;display:flex}.public-page>main{padding:15px 24px 30px}.public-page .form-paper{max-width:720px}.public-page .paper-content{padding:35px 43px}.public-page .paper-content.rendered{padding-top:0}.public-page .paper-content.intro{padding-bottom:0}.public-page .form-meta{margin-bottom:30px}.public-page>footer{text-align:center;letter-spacing:.3px;color:var(--df-muted,#5f7064);padding:10px 25px 30px;font-size:13px}.public-version{color:var(--df-muted,#5f7064);margin-top:17px;font-size:13px;display:block}.success-page.form-paper{max-width:720px;min-height:450px;margin-top:30px;padding:55px 45px}.success-page .success-icon{margin-bottom:27px}.success-page h1{margin:13px 0 15px;font-size:29px}.success-page>p{color:var(--df-muted,#5f7064);max-width:450px;margin-bottom:28px;font-size:15px;line-height:1.8}.missing-form{text-align:center;padding:80px 40px}.missing-form>svg{color:var(--df-muted,#5f7064);margin-bottom:20px}.missing-form>h1{font-size:26px}.missing-form>p{color:var(--df-muted,#5f7064);margin-top:15px;font-size:15px}.login-page{background:var(--df-surface-subtle,#f1f5ed);place-items:center;min-height:100dvh;display:grid}.login-main{justify-content:center;align-items:center;width:100%;padding:40px 24px;display:flex}.login-main>form{width:100%;max-width:350px}.small-badge{color:var(--df-muted,#5f7064);background:var(--df-accent-bg,#edf4e6);border:1px solid var(--df-line,#e0ebd5);border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:13px;display:inline-flex}.login-main h2{color:var(--df-accent,#3d5b30);letter-spacing:-1.3px;margin:23px 0 14px;font-size:36px;font-weight:500;line-height:1.2}.login-main>form>p{color:var(--df-muted,#5f7064);margin-bottom:32px;font-size:15px;line-height:1.8}.login-main .setting-label{font-size:14px}.login-main .setting-label input{background:var(--df-surface,#fff);height:43px}.login-main .wide{background:var(--df-strong,#3c6635);height:43px}.login-free{text-align:center;color:var(--df-muted,#5f7064);margin-top:26px;font-size:14px;line-height:1.8;display:block}.mobile-palette-button{margin-bottom:18px}.preview-area .loading,.responses-area .loading{min-height:300px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes paper-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes inspector-in{0%{opacity:.4;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:24px}}@media (width>=1500px){.workspace{grid-template-columns:72px 255px minmax(320px,1fr) 310px}.workspace-toolbar{grid-template-columns:255px 1fr auto}.palette-inner{padding:20px 23px}.canvas-area{padding:0 50px 30px}.paper-content{padding:36px 43px 28px}.canvas-context{height:63px}.inspector-body{padding:22px 26px}.panel-heading{padding:0 26px}.field-grid{gap:25px 23px}.canvas-area .form-paper,.canvas-context{max-width:750px}}@media (width<=1200px){.workspace{grid-template-columns:58px 200px minmax(300px,1fr) 245px}.workspace-toolbar{grid-template-columns:200px 1fr auto;padding-right:15px}.app-header{padding:0 19px}.save-state{display:none}.workspace-label{padding-left:16px}.workspace-logo{font-size:16px}.workspace-edition{font-size:13px}.palette-inner{padding:17px 11px}.palette-list>button{gap:8px;font-size:14px}.palette-tip{padding:11px 9px}.palette-tip strong{font-size:13px}.canvas-area{padding:0 25px 25px}.paper-content{padding:27px}.title-input{font-size:27px}.inspector-body{padding:18px}.panel-heading{padding:0 18px}.tabs{gap:20px}.tabs>button{font-size:14px}.canvas-context>span:last-child{display:none}.paper-footer{padding:14px 25px}.palette-footer{padding:16px 15px;font-size:13px}.form-kicker{letter-spacing:1.2px}.choice-option{padding:9px}.responses-area{padding:32px}.responses-header{align-items:start}.responses-header>div:last-child{flex-direction:column}}@media (width<=1000px){.workspace{grid-template-columns:56px 185px minmax(300px,1fr) 235px}.workspace-toolbar{grid-template-columns:185px 1fr auto}.workspace-edition{display:none}.app-header{padding:0 15px}.breadcrumb{gap:9px;font-size:14px}.header-actions{gap:7px}.button{padding:0 11px;font-size:14px}.canvas-area{padding:0 20px 25px}.paper-content{padding:25px 22px}.field-grid{gap:20px 15px}.field-label{font-size:14px}.palette-list>button{gap:7px;font-size:13px}.palette-list>button .component-icon{width:25px;height:25px}.palette-group{font-size:13px}.tabs{gap:13px}.tabs>button{gap:5px;font-size:13px}.editor-actions .icon-button{width:25px}.vertical-divider{margin:0 4px}.choice-options{gap:7px}.choice-option{font-size:13px}.form-kicker{letter-spacing:.9px;font-size:13px}.form-meta{font-size:13px}.form-paper .title-input{font-size:25px}.description-input{font-size:14px}.form-section legend,.repeat-section legend{font-size:15px}.design-submit{flex-wrap:wrap}.design-submit small{display:none}.canvas-bottom{font-size:13px}.palette-tip{margin-top:25px}.responses-header h1{font-size:27px}.login-main{padding:35px}}@media (width<=1080px){.workspace{grid-template-rows:62px 54px minmax(0,1fr);grid-template-columns:55px minmax(0,1fr) 240px}.app-header{grid-area:1/2/2/4}.workspace-toolbar{grid-area:2/2/3/4;grid-template-columns:1fr auto;padding:0 15px}.workspace-label{display:none}.tabs{justify-content:flex-start;gap:25px;height:54px}.tabs>button{font-size:14px}.canvas-area{grid-area:3/2/4/3;padding:0 25px 25px}.inspector{grid-area:3/3/4/4}.palette{z-index:25;width:225px;height:calc(100dvh - 116px);display:none;position:fixed;top:116px;left:55px;box-shadow:5px 0 30px #20391a20}.palette.open{display:flex}.palette-list>button{font-size:14px}.palette-group{font-size:13px}.palette-close{display:flex}.palette-tip strong{font-size:14px}.mobile-palette-button{height:32px;font-size:14px;display:flex}.preview-area,.responses-area{grid-area:3/2/4/4}.header-actions .secondary{width:32px;padding:0}.header-actions .secondary span,.breadcrumb .status-badge,.preview-info{display:none}.form-paper .title-input{font-size:27px}.canvas-context{height:44px}.paper-content{padding:25px}.login-main h2{font-size:31px}.public-page .paper-content{padding-left:32px;padding-right:32px}.inspector-close{display:flex}.responses-header{flex-direction:column;gap:18px}.responses-header>div:last-child{flex-direction:row}}@media (width<=620px){.workspace{grid-template-rows:59px 51px minmax(0,1fr);grid-template-columns:48px minmax(0,1fr)}.avatar{width:29px;height:29px;font-size:13px}.app-header{grid-area:1/2/2/3;gap:8px;padding:0 12px}.breadcrumb{flex:1;gap:6px;font-size:14px}.breadcrumb>button,.breadcrumb>svg{display:none}.header-actions{gap:6px}.header-actions .primary{gap:4px;height:31px;padding:0 9px;font-size:13px}.header-actions .primary svg{width:13px}.header-actions .secondary{width:28px;height:31px}.workspace-toolbar{grid-area:2/2/3/3;grid-template-columns:1fr auto;padding:0 10px}.tabs{gap:15px;height:51px}.tabs>button{gap:4px;font-size:13px}.tabs svg{width:13px}.tabs .count-badge{font-size:13px;line-height:14px}.editor-actions{gap:0}.editor-actions .icon-button{width:24px}.editor-actions .icon-button svg{width:14px}.editor-actions>.vertical-divider,.editor-actions>button:nth-child(-n+2){display:none}.canvas-area{grid-area:3/2/4/3;padding:0 15px 20px}.canvas-context{height:40px;font-size:13px}.canvas-context svg{width:12px}.paper-content{padding:24px 20px}.form-paper .title-input{font-size:26px}.description-input{height:56px;font-size:14px;line-height:1.8}.form-kicker{letter-spacing:.7px;gap:6px;margin-bottom:17px;font-size:13px}.form-mark{width:25px;height:25px}.form-meta{gap:5px;margin-bottom:23px;padding:7px 0 18px;font-size:13px}.field-grid{grid-template-columns:1fr;gap:22px}.field-block{grid-column:1/-1}.form-section>.field-grid{gap:22px}.field-label{font-size:14px}.section-title h2{font-size:16px}.section-title p{font-size:13px}.design-node{margin:-8px;padding:8px}.node-handle{left:-16px}.choice-options{flex-direction:column;align-items:stretch;gap:7px}.choice-option{padding:10px;font-size:14px}.design-submit{margin-top:20px}.design-submit>span{justify-content:center;width:100%}.paper-footer{flex-wrap:wrap;gap:6px;padding:13px 17px;font-size:13px}.paper-footer strong{font-size:13px}.canvas-bottom{gap:3px;font-size:13px}.canvas-bottom svg{width:11px}.palette{height:calc(100dvh - 110px);top:110px;left:48px}.inspector{display:none}.inspector:has(.inspector-body){z-index:24;width:265px;max-width:calc(100vw - 63px);display:block;position:fixed;top:110px;bottom:0;right:0;box-shadow:-8px 0 30px #273f1c15}.preview-area,.responses-area{grid-area:3/2/4/3;padding:0 14px 25px}.preview-toolbar{gap:3px;height:61px}.preview-toolbar>span{font-size:13px}.device-switch{gap:0}.device-switch>button{padding:5px}.device-switch>button.reset-preview{margin-left:4px;padding-left:7px;font-size:13px}.device-switch svg{width:14px}.preview-area .paper-content{padding-left:20px;padding-right:20px}.preview-area .form-paper h1{font-size:26px}.form-description{font-size:14px}.rendered>.field-grid{gap:24px}.responses-area{padding:25px 15px}.responses-header h1{font-size:25px}.responses-header .eyebrow{letter-spacing:1.1px;font-size:13px}.responses-header p{font-size:14px}.responses-header .button{padding:0 10px;font-size:14px}.responses-header>div:last-child{gap:6px}.responses-empty{padding:65px 5px}.responses-empty h2{font-size:18px}.responses-empty p{font-size:14px}.responses-empty>div:last-child{align-items:start;font-size:13px}.modal-backdrop{padding:15px}.modal{border-radius:10px;max-height:92dvh;padding:27px}.modal h2{font-size:24px}.modal p{font-size:14px}.share-modal{padding:32px 27px}.library-heading{align-items:start}.library-heading .button{padding:0 10px;font-size:14px}.library-heading h2{font-size:22px}.library-heading .eyebrow{font-size:13px}.library-modal .brand{font-size:20px}.form-library>button{gap:12px}.form-library strong{font-size:15px}.form-library small{gap:5px;font-size:13px}.library-form-icon{width:36px;height:42px}.form-library>button>svg{width:16px}.toast{gap:7px;width:calc(100vw - 25px);font-size:14px;bottom:15px}.toast>svg{width:16px}.public-page>header{height:73px;padding:0 22px}.public-page>header .brand{gap:8px;font-size:17px}.public-page>header>span{font-size:13px}.public-page>header>span svg{width:12px}.public-page>main{padding:5px 15px 25px}.public-page .paper-content{padding-left:24px;padding-right:24px}.public-page .form-paper h1{font-size:29px}.public-page .form-kicker{letter-spacing:1.1px;font-size:13px}.public-page .form-meta{font-size:13px}.public-page .choice-options{flex-direction:column}.public-page .field-label{font-size:15px}.public-page .choice-option{font-size:14px}.public-page .paper-footer{padding-left:22px;padding-right:22px;font-size:13px}.public-page .paper-footer strong{font-size:13px}.public-page .success-page{padding:35px 25px}.public-page .success-page h1{font-size:26px}.login-page{grid-template-columns:1fr}.login-main{padding:40px 29px 50px}.login-main>form{max-width:400px}.login-main h2{margin:17px 0 12px;font-size:31px}.login-main>form>p{margin-bottom:26px;font-size:14px}.login-main .small-badge{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{font-size:16px}body{line-height:1.5}input,select,textarea{min-width:0;font-size:16px}input:not([type=radio]):not([type=checkbox]),select{min-height:44px}.button,.text-button{min-height:44px;font-size:15px}.icon-button{min-width:36px;min-height:36px}.tabs>button,.palette-list>button,.setting-label,.toggle-setting,.panel-heading,.field-label,.choice-option{font-size:15px}.palette-list>button{height:auto;min-height:46px;padding:8px}.panel-heading{min-height:58px}.palette-tip strong,.palette-tip p,.palette-tip button{font-size:14px}.setting-label input,.setting-label select,.setting-label textarea,.field-block input,.field-block select{font-size:16px}.field-block input[type=radio],.field-block input[type=checkbox]{width:18px;height:18px}.field-label{flex-wrap:wrap;align-items:baseline}.choice-option{overflow-wrap:anywhere;min-width:0;min-height:44px}.choice-options{align-items:stretch}.other-answer{flex-basis:100%;gap:8px;min-width:0;font-size:14px;display:grid}.field-help,.field-error,.form-description,.description-input{font-size:15px}.description-input{height:64px}.form-meta{flex-wrap:wrap;gap:8px;font-size:13px}.form-section legend,.repeat-section legend{flex-wrap:wrap;font-size:17px}.form-paper{width:100%}.form-paper h1,.title-input{line-height:1.25}.form-note,.answer-value,.table-person{overflow-wrap:anywhere}.field-block,.form-section,.repeat-section{min-inline-size:0}.field-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 22px}.form-section>.field-grid{gap:28px 22px}@container (width<=400px){.field-block{grid-column:1/-1}}.design-node{margin:-10px;padding:10px}.node-toolbar{height:34px;top:-24px}.node-toolbar>button{width:32px;height:32px}.node-handle{color:var(--df-muted,#55715e);padding:6px 2px;left:-22px}.design-node.drag-origin{border:1px dashed var(--df-line,#607568);outline:1px dashed var(--df-line,#607568);background:var(--df-surface-subtle,#edf2ed)}.drag-origin>:not(.node-handle):not(.origin-caption){opacity:.35}.origin-caption{z-index:5;color:var(--df-text,#294135);pointer-events:none;background:#edf2edb8;place-items:center;font-size:14px;font-weight:650;display:grid;position:absolute;inset:0}.design-node.drop-before:before,.design-node.drop-after:after{content:"";border:2px solid var(--df-accent,#1b6cad);background:var(--df-accent-bg,#cfe9ff);z-index:7;pointer-events:none;border-radius:4px;height:8px;position:absolute;left:-2px;right:-2px}.design-node.drop-before:before{top:-16px}.design-node.drop-after:after{bottom:-16px}.drop-caption{color:#fff;background:var(--df-strong,#15588f);z-index:8;pointer-events:none;border-radius:3px;padding:2px 8px;font-size:13px;position:absolute;right:0}.drop-caption.before{top:-38px}.drop-caption.after{bottom:-38px}.drop-zone{text-align:center;border:2px solid #0000;border-radius:4px;grid-column:1/-1;height:30px;font-size:13px}.drop-zone.drag-active{border-style:dashed;border-color:var(--df-line,#9bb2c4);color:var(--df-muted,#335c7c)}.drop-zone.drop-inside{border-style:solid;border-color:var(--df-accent,#1b6cad);background:var(--df-accent-bg,#dceeff)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.response-filters{flex-wrap:wrap;gap:20px;margin:24px 0;display:flex}.response-filters>label{flex:240px;margin:0}.responses-table{overflow-x:auto}.responses-table table{min-width:680px}.responses-table th,.responses-table td{font-size:14px}.table-person strong{font-size:15px}.form-response-link{text-align:left;white-space:normal}.transport-notice{border-left:3px solid var(--df-line,#557d65);background:var(--df-surface-subtle,#f0f5ef);color:var(--df-text,#334a3c);margin:20px 0 8px;padding:14px 16px;font-size:14px}.transport-notice p{margin-top:5px}.transport-notice.http{border-color:var(--df-accent,#a43a1c);background:var(--df-danger-bg,#fff0e8);color:var(--df-danger,#7d2916)}.transport-notice.local{border-color:var(--df-accent,#8c703d);background:var(--df-warning-bg,#fbf6e9);color:var(--df-warning,#665020)}@media (width>=1500px){.workspace{grid-template-columns:72px 270px minmax(320px,1fr) 330px}.workspace-toolbar{grid-template-columns:270px 1fr auto}}@media (width>=1081px) and (width<=1200px){.workspace{grid-template-columns:58px 230px minmax(300px,1fr) 280px}.workspace-toolbar{grid-template-columns:230px 1fr auto}.canvas-area{padding-inline:22px}}@media (width<=1080px) and (width>=621px){.workspace{grid-template-rows:76px 64px minmax(0,1fr);grid-template-columns:55px minmax(0,1fr) 280px}.workspace-toolbar{grid-template-columns:1fr auto}.palette{width:270px;height:calc(100dvh - 140px);top:140px}.tabs{gap:16px;height:64px}}@media (width<=620px){.workspace{grid-template-rows:68px 108px minmax(0,1fr)}.workspace-toolbar{flex-wrap:wrap;place-content:center space-between;gap:3px;display:flex}.tabs{gap:12px;width:100%;height:52px}.tabs>button,.breadcrumb{font-size:14px}.header-actions .primary{min-height:40px;font-size:13px}:is(.palette,.inspector:has(.inspector-body)){top:176px}.palette{width:270px;height:calc(100dvh - 176px)}.inspector:has(.inspector-body){width:300px}.field-block{grid-column:1/-1}.field-label,.public-page .field-label,.choice-option,.public-page .choice-option{font-size:15px}.canvas-context{height:auto;min-height:48px}.canvas-context>span{flex-wrap:wrap}.canvas-area{padding-inline:14px}.paper-content{padding-inline:20px}.paper-footer{gap:12px}.responses-header>div:last-child{flex-wrap:wrap}.responses-header .button{font-size:14px}.public-page>header{flex-wrap:wrap;gap:8px;height:auto;min-height:80px;padding-block:16px}.public-page>header>span{font-size:13px}}.setting-label,.toggle-setting,.inspector-type{color:var(--df-muted,#52634f)}.field-label{overflow-wrap:anywhere}@media (width<=620px){.field-block{grid-column:1/-1}}.condition-rule{border:1px solid var(--df-line,#dce4d8);border-radius:6px;min-width:0;margin-bottom:12px;padding:12px}.condition-rule legend{color:var(--df-muted,#52634f);padding:0 4px;font-size:13px}.condition-rule .setting-label:last-of-type{margin-bottom:10px}.condition-rule button,.add-condition{font-size:13px}.comparison-values{border:0;min-width:0;margin:12px 0;padding:0}.comparison-values legend{margin-bottom:8px;font-size:12px;font-weight:600}.comparison-option{align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.comparison-option input{flex-shrink:0;width:16px;height:16px}.comparison-values small{color:var(--muted);font-size:11px}.repeat-table{container-type:inline-size}.repeat-table .repeat-row{min-width:0}.repeat-table>.repeat-row>.field-grid{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));align-items:start;gap:12px}.repeat-table>.repeat-row>.field-grid>.field-block{grid-column:var(--table-column);min-width:0}.repeat-table input{width:100%;min-width:0}.repeat-table>.repeat-row>.field-grid>.field-block>.field-label{flex-wrap:wrap;align-items:flex-start;min-height:48px}.expression-operands{border:1px solid var(--border,var(--df-line,#dfe4e0));border-radius:8px;min-width:0;margin:8px 0;padding:10px}.expression-operands legend{color:var(--df-muted,#597467);padding:0 4px;font-size:11px}.expression-operands .setting-label{margin-bottom:10px}@container (width<=550px){.repeat-table>.repeat-row>.field-grid{grid-template-columns:minmax(0,1fr)}.repeat-table>.repeat-row>.field-grid>.field-block{grid-column:1}.repeat-table>.repeat-row>.field-grid>.field-block>.field-label{min-height:auto}}.local-page>main{max-width:980px;margin:0 auto}.local-brand{letter-spacing:-1px;color:var(--df-accent,#49743a);font-size:23px;font-weight:750;text-decoration:none}.local-toolbar{max-width:720px;margin:10px auto 28px}.local-toolbar h1{letter-spacing:-1px;margin:12px 0;font-size:clamp(26px,4vw,36px)}.local-toolbar p{color:var(--df-muted,#536a5a);line-height:1.6}.local-toolbar .button{margin-top:10px}.local-privacy{font-size:12px}.local-status{font-size:13px;font-weight:600}.local-notice{border:1px solid var(--df-line,#b9cdb1);background:var(--df-accent-bg,#f7fbf4);border-radius:8px;max-width:720px;margin:18px auto;padding:14px 18px;line-height:1.5}.local-notice.error-banner{border-color:var(--df-line,#dfb8b0);background:var(--df-danger-bg,#fff4ef)}.local-paper{margin:0 auto}.local-meta{color:var(--df-muted,#627262);font-size:12px}.local-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.local-drafts{max-width:720px;margin:35px auto}.local-drafts h2{font-size:20px}.local-drafts>p{color:var(--df-muted,#5f7064);font-size:13px;line-height:1.6}.local-draft{border-top:1px solid var(--df-line,#dce5d7);align-items:center;gap:10px;padding:16px 0;display:flex}.local-draft>div{flex:1;min-width:0}.local-draft strong{overflow-wrap:anywhere;display:block}.local-draft small{color:var(--df-muted,#5f7064);margin-top:4px;display:block}.local-hash{overflow-wrap:anywhere}.local-answer-value{border-bottom:1px solid var(--df-line,#e7ece3);grid-template-columns:1fr 1fr;gap:15px;padding:12px 0;display:grid}.local-answer-value span{white-space:pre-wrap;overflow-wrap:anywhere}.local-record{background:var(--df-surface-raised,#f8faf6);border:1px solid var(--df-line,#e1e9dc);border-radius:7px;margin:12px 0;padding:12px 16px}.local-record h4{color:var(--df-muted,#5f7064);margin:4px 0;font-size:13px}.share-modal>.button{margin-top:10px}@media (width<=600px){.local-actions>.button{width:100%}.local-page>main{padding:15px}.local-draft .button{padding:10px}}.library-page{background:var(--df-surface-raised,#f8faf6);grid-area:3/2/4/5;padding:44px 48px;overflow:auto}.library-page h1{letter-spacing:-1px;margin:8px 0;font-size:32px}.library-page p{color:var(--muted);line-height:1.6}.library-controls,.library-tools{align-items:center;gap:16px;margin:28px 0;display:flex}.library-search{border:1px solid var(--line);background:var(--df-surface,white);border-radius:8px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex}.library-search input{background:0 0;border:0;outline:none;width:100%;font-size:15px}.library-sort{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.library-sort select{border:1px solid var(--line);background:var(--df-surface,white);border-radius:8px;padding:10px}.library-list{background:var(--df-surface,white);border-radius:10px;padding:0 20px}.library-list>button{border-radius:0;padding:22px 0}.library-form-name{flex:1}.library-list time{color:var(--muted);font-size:13px}.library-empty{padding:32px 0}.template-list{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.template-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.template-list .template-description h3{margin:0;font-size:17px}.template-list>p{max-width:650px;font-size:14px}.form-switcher{min-width:0;position:relative}.form-switcher-trigger{text-align:left;align-items:center;gap:12px;max-width:300px;font-size:14px;font-weight:600;display:flex}.form-switcher-trigger span{color:var(--muted)}.switcher-menu{background:var(--df-surface,white);border:1px solid var(--line);z-index:45;border-radius:10px;width:min(360px,100vw - 90px);padding:12px;position:absolute;top:calc(100% + 18px);left:0;box-shadow:0 12px 45px #13271b26}.switcher-menu label{align-items:center;gap:8px;padding:8px;display:flex}.switcher-menu input{border:0;outline:none;width:100%;font-size:14px}.switcher-menu button{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:14px;display:flex}.switcher-menu button:hover,.switcher-menu button[aria-current]{background:var(--mint)}.switcher-menu small{color:var(--muted);margin-left:12px}.switcher-results{border-bottom:1px solid var(--line);max-height:280px;overflow:auto}.switcher-dismiss{z-index:40;cursor:default;position:fixed;inset:0}@media (width<=800px){.library-page{padding:28px 24px}.library-list time{display:none}.library-controls{flex-wrap:wrap}.library-search{flex-basis:100%}.library-heading{flex-wrap:wrap;align-items:start;gap:16px}.template-list>div{flex-direction:column;align-items:start;gap:8px}}@media (width<=620px){.library-page{padding:24px 18px}.library-page h1{font-size:27px}.library-workspace .app-header{justify-content:space-between}.library-workspace .app-header .brand{font-size:20px}.library-tools{flex-wrap:wrap}.form-switcher-trigger{max-width:145px;font-size:13px}}@media (width<=1080px){.library-page{grid-area:3/2/4/4}}@media (width<=620px){.library-page{grid-area:3/2/4/3}}.versions-page{background:var(--df-surface-raised,#f8faf6);grid-area:3/2/4/5;padding:36px 48px 60px;position:relative;overflow:auto}.versions-page h1{letter-spacing:-1px;margin:8px 0;font-size:30px}.versions-page h2{margin:0 0 10px;font-size:20px}.versions-page p{color:var(--muted);font-size:14px;line-height:1.65}.versions-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.versions-heading>svg{color:var(--green)}.current-draft{border:1px solid var(--line);background:var(--df-surface,white);border-radius:10px;justify-content:space-between;align-items:start;gap:24px;padding:22px 24px;display:flex}.current-draft p{margin:5px 0 0}.versions-page>section{margin-bottom:32px}.version-comparison{margin-top:32px}.compare-controls{gap:20px;margin:18px 0;display:flex}.compare-controls>label{flex:1;min-width:0}.compare-controls select{width:100%}.comparison-scroll{border:1px solid var(--line);border-radius:8px;overflow:auto}.comparison-table{border-collapse:collapse;background:var(--df-surface,white);table-layout:fixed;width:100%;font-size:14px}.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;padding:15px 18px}.comparison-table thead{color:var(--muted);background:var(--df-surface-subtle,#f0f4ef)}.comparison-table th:first-child{width:20%}.comparison-table th:nth-child(2){width:18%}.comparison-table tbody td:nth-child(3){color:var(--df-danger,#77564d)}.comparison-table tbody td:nth-child(4){color:var(--green)}.comparison-empty{background:var(--df-surface,white);border-radius:8px;padding:18px}.version-entry{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.version-entry-title{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.version-entry h3{margin:0;font-size:17px}.version-entry p{margin:8px 0 0}.version-entry time,.version-entry small,.version-actor{color:var(--muted);font-size:13px}.version-entry-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.version-entry-actions .button{font-size:13px}.checkpoint-history{margin-top:38px}.version-preview-heading{margin:28px 0}.version-preview{max-width:800px;margin:0 auto}.version-form-intro{padding:32px 38px 0}.version-form-intro h2{font-size:27px}.readonly-renderer{border:0;min-width:0;margin:0;padding:0}.readonly-renderer input:disabled,.readonly-renderer select:disabled,.readonly-renderer textarea:disabled{opacity:1;color:var(--ink)}@media (width<=1080px){.versions-page{grid-area:3/2/4/4;padding:28px}.version-entry{flex-direction:column;align-items:start;gap:14px}}@media (width<=620px){.versions-page{grid-area:3/2/4/3;padding:24px 16px}.compare-controls{flex-direction:column;gap:10px}.comparison-table{min-width:560px}.version-entry-actions .button{padding:8px;font-size:12px}.current-draft{gap:10px;padding:18px}.current-draft .status-badge{display:none}.version-form-intro{padding:22px 20px 0}.workspace-toolbar:has(.tabs [aria-selected]) .tabs{gap:13px;min-width:0;overflow-x:auto}.workspace-toolbar .tabs>button{flex-shrink:0}.workspace:not(.library-workspace){grid-template-rows:59px 82px minmax(0,1fr)}.workspace:not(.library-workspace) .workspace-toolbar{grid-template-rows:44px 30px;grid-template-columns:minmax(0,1fr);gap:0}.workspace:not(.library-workspace) .workspace-toolbar .tabs{justify-content:space-between;gap:8px;width:100%;height:44px}.workspace:not(.library-workspace) .tabs>button{font-size:12px}.workspace:not(.library-workspace) .tabs svg,.workspace:not(.library-workspace) .tabs .count-badge{display:none}.workspace:not(.library-workspace) .editor-actions{justify-content:flex-end;height:30px}.workspace:not(.library-workspace) .workspace-toolbar{display:grid}:is(.workspace:not(.library-workspace) .palette,.workspace:not(.library-workspace) .inspector:has(.inspector-body)){top:141px}.workspace:not(.library-workspace) .palette{height:calc(100dvh - 141px)}.toast:has(.button){flex-wrap:wrap}}.form-paper{container:form/inline-size}.form-paper .field-block{grid-column:span var(--field-span,12)}.form-paper .repeat-table>.repeat-row>.field-grid>.field-block{grid-column:var(--table-column)}@container (width<=400px){.form-paper .field-block{grid-column:1/-1}}@container form (width<=620px){.form-paper .field-block{grid-column:1/-1}.form-paper .paper-content{padding-inline:24px}.form-paper .title-input,.form-paper h1{font-size:26px}.form-paper .choice-options{flex-direction:column}.form-paper .paper-footer{flex-wrap:wrap;gap:8px;padding-inline:24px}}@container (width<=550px){.form-paper .repeat-table>.repeat-row>.field-grid>.field-block{grid-column:1}}@container form (width<=620px){.simulation-form .form-paper .paper-content,.public-page .form-paper .paper-content{padding-inline:16px}.form-paper .submit-button,.form-paper .button[type=submit],.form-paper .design-submit>span{justify-content:center;width:100%;min-height:46px}.form-paper .design-submit,.form-paper .submit-actions,.form-paper .local-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.form-paper .local-actions>button,.form-paper .local-actions>a{width:100%;min-height:46px}.form-paper .design-submit>small{display:block}}.login-main .brand{justify-content:center;margin-bottom:34px;font-size:32px}.login-main h2{letter-spacing:-.6px;text-align:center;font-size:27px}.login-main>form>p{text-align:center;margin-bottom:24px}.login-main .login-free{margin-top:18px;font-size:12px}.node-handle:focus-visible{opacity:1;outline:2px solid var(--green);outline-offset:2px}.node-handle:active,.node-handle.is-dragging{cursor:grabbing}@container form (width<=620px){.design-node>.node-handle{border:1px solid var(--line);background:#fff;border-radius:4px 4px 0 0;width:28px;height:25px;padding:2px 3px;top:-25px;left:0}}.public-page>.public-header{max-width:none;height:auto;min-height:0;padding:24px 0 12px;display:block}.public-header-inner{width:min(var(--public-form-width,720px), calc(100% - 48px));margin-inline:auto;container-type:inline-size}.public-brand-row{justify-content:space-between;align-items:center;gap:12px;padding-inline:43px;display:flex}.public-brand-row>a{color:inherit;text-decoration:none}.public-brand-row>a:focus-visible{outline:2px solid var(--green);outline-offset:5px}.public-brand-row>span{color:var(--muted);font-size:13px}.public-page .paper-content{padding-inline:43px}@container (width<=620px){.public-brand-row{padding-inline:16px}}@media (width<=620px){.public-header-inner{width:min(var(--public-form-width,720px), calc(100% - 30px))}}