.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
body.editing{background:#f2f4f2}.editing .top{padding:12px 26px;position:relative;z-index:5}.editing .prototype{font-size:12px;padding:6px 26px;background:#f3efdf}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 26px;background:white;border-bottom:1px solid var(--line)}.editor-toolbar button{font-size:12px;padding:7px 12px;min-height:36px}.save-state{font-size:11px;color:#658373;margin-inline-start:18px}.studio{display:grid;grid-template-columns:220px minmax(360px,1fr) 280px;align-items:start;max-width:1800px;margin:auto;min-height:calc(100vh - 185px)}.studio-library,.studio-inspector{background:#fff;padding:25px 18px;position:sticky;top:0;max-height:100vh;overflow:auto;min-height:calc(100vh - 185px)}.studio-library{border-inline-end:1px solid var(--line)}.studio-inspector{border-inline-start:1px solid var(--line)}.section-caption{font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#7b8d84;letter-spacing:.6px}.studio h2{font-size:21px;font-weight:600;margin:16px 0 8px}.hint{font-size:12px;color:#7a8780;line-height:1.65;margin:8px 0 15px}.studio-library input[type=search]{font-size:13px;min-height:40px;background:#f8faf7;border-color:#e0e7df}.field-library{display:flex;flex-direction:column;gap:5px;margin-top:17px}.library-item{display:flex;gap:12px;align-items:center;min-height:43px;padding:7px 10px;font-size:13px;border:1px solid transparent;border-radius:7px;cursor:grab;text-align:start}.library-item:hover{border-color:#cadacb;background:#f3f7ef}.type-icon{font-size:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f2f4ef;color:#58715f}.library-item small{margin-inline-start:auto;color:#a2afa5}.library-note{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:12px}.library-note p{font-size:12px}.studio-center{padding:22px 30px 35px;min-width:0}.page-strip{display:flex;align-items:stretch;gap:8px;overflow:auto;padding-bottom:10px;min-height:55px}.page-tab{flex-shrink:0;border:1px solid #dbe3da;background:#eaf0e8;border-radius:8px;max-width:210px}.page-tab.active{border-color:#4f7560;background:white;box-shadow:0 2px 3px #253c1710}.page-tab button{background:transparent;border:0;display:flex;align-items:center;gap:7px;max-width:100%;font-size:12px;padding:8px 12px;min-height:38px}.page-tab button>span:nth-child(2){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-number{font-size:10px;border:1px solid #cdd8c9;border-radius:4px;padding:2px 5px}.add-page{flex-shrink:0;border-style:dashed;background:transparent;font-size:12px;padding:7px 12px;min-height:38px}.page-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:9px 0 18px;font-size:11px;color:#7d8b81}.page-actions button{font-size:11px;min-height:32px;padding:5px 8px;border:0;background:transparent}.form-paper{max-width:760px;margin:auto;background:white;border:1px solid #dce4d9;border-radius:12px;box-shadow:0 4px 16px #27462405;overflow:hidden}.paper-heading{padding:32px 30px 18px;border-top:5px solid #375b45;background:linear-gradient(#fafcf5,#fff)}.paper-heading .eyebrow{font-size:12px;letter-spacing:0}.paper-heading p{font-size:12px;color:#94a08f;margin:8px 0 0}.paper-heading input.inline-page-title{border:1px solid transparent;background:transparent;padding:4px 0;font-size:29px;font-weight:600;margin-top:10px;min-height:45px;border-radius:4px}.paper-heading input.inline-page-title:hover{border-color:#dfe7d8}.field-stack{padding:0 24px}.edit-field{border:1px solid transparent;border-radius:8px;padding:8px 15px 18px;position:relative;background:white;transition:border-color .12s,box-shadow .12s}.edit-field:hover{border-color:#dce5d8;background:#fcfdfb}.edit-field.selected{border-color:#799473;box-shadow:0 0 0 3px #6d8a5810;background:#fdfefb}.field-topline{display:flex;justify-content:space-between;align-items:center;min-height:32px}.drag-handle{cursor:grab;border:0;background:transparent;padding:2px 5px;min-height:32px;font-size:19px;color:#93a08d;letter-spacing:-3px;touch-action:none}.drag-handle:active{cursor:grabbing}.field-type{font-size:10px;color:#97a18f}.field-actions{display:flex;opacity:.2}.edit-field:hover .field-actions,.edit-field.selected .field-actions,.edit-field:focus-within .field-actions{opacity:1}.field-actions button{padding:2px 7px;min-width:30px;min-height:30px;border:0;background:transparent;color:#84917d;font-size:18px}.inline-label-row{display:flex;align-items:center;gap:4px}.edit-field input.inline-label{padding:4px 0;border:1px solid transparent;background:transparent;font-weight:600;font-size:16px;min-height:35px;border-radius:3px}.edit-field input.inline-label:focus{border-color:#c2d4b8;padding-inline:6px;outline:1px solid #bdcfb3;outline-offset:0}.field-description{font-size:12px;color:#7c8875;margin:2px 0 8px}.mock-control{border:1px solid #dce3d8;border-radius:6px;background:#f9faf7;min-height:43px;padding:12px;color:#a1aa9b;font-size:13px;pointer-events:none}.mock-control.long{min-height:78px}.mock-options{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#788770;margin-top:6px}.mock-options span{padding:8px 10px;border:1px solid #e4e9e0;border-radius:6px;background:#fafcf8}.field-condition{font-size:11px;margin-top:12px;color:#8b6e2d;background:#f9f5e9;padding:8px;border-radius:4px}.drop-slot{height:20px;position:relative;transition:background .1s;display:flex;align-items:center;justify-content:center}.drop-slot:before{content:'';position:absolute;left:0;right:0;height:2px;background:transparent}.drop-slot span{display:none;z-index:1;font-size:11px;background:#eaf2dc;padding:3px 12px;border-radius:20px;color:#496238}.drop-slot.drop-active:before{background:#759e50}.drop-slot.drop-active span{display:block}.is-dragging .drop-slot{background:#f8faf4;border-radius:5px}.drop-active.page-tab,.drop-active.empty-drop{outline:2px dashed #719a52;background:#e7f0db}.empty-drop{margin:15px 0 30px;padding:40px 20px;border:1.5px dashed #c9d8bb;text-align:center;border-radius:10px;background:#fbfdf7}.empty-drop>span{font-size:38px;color:#9aaf87}.empty-drop h3{font-size:18px;font-weight:500}.empty-drop p{font-size:13px}.paper-end{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-top:1px solid #eff2eb;font-size:11px;color:#a1ac97}.paper-end button{font-size:12px;min-height:34px;background:#f4f7ed;border-color:#e2e9d8;padding:6px 12px}.canvas-footnote{font-size:11px;text-align:center;color:#96a28d;max-width:680px;margin:17px auto}.studio-inspector label{display:block;font-size:12px;color:#5f715e;margin-top:18px;margin-bottom:7px}.studio-inspector label input{margin-top:8px}.studio-inspector input:not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{font-size:13px;min-height:40px;padding:9px;border-color:#d7e0d2;border-radius:6px}.studio-inspector .switch-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.switch-row input{margin:0}.studio-inspector .limits{flex-wrap:nowrap;gap:12px}.limits label{width:50%;min-width:0}.limits input{width:100%}.ordering{margin-top:14px;flex-wrap:nowrap;gap:6px}.ordering button{font-size:12px;flex:1;padding:8px 7px;min-height:36px}.rule-box{background:#f6f8f1;padding:4px 12px 12px;border-radius:8px}.rule-box .hint{margin-bottom:0}.inspector-footer{font-size:11px;color:#98a08f;margin-top:30px;padding-top:15px;border-top:1px solid #e9ede4}.editor-errors{max-width:760px;margin:0 auto 18px;border:1px solid #e2c8ad;background:#fff8eb;padding:14px;font-size:12px;line-height:1.8;border-radius:8px}.editing footer{display:none}
@media(min-width:1500px){.studio{grid-template-columns:250px minmax(360px,1fr) 310px}.studio-center{padding-inline:50px}}
@media(max-width:1100px){.studio{grid-template-columns:180px minmax(300px,1fr) 240px}.studio-center{padding:18px 15px}.studio-library,.studio-inspector{padding:20px 12px}.field-stack{padding:0 16px}.paper-heading{padding:25px 22px 15px}.editor-toolbar{padding:10px 18px}}
@media(max-width:850px){.studio{grid-template-columns:165px minmax(0,1fr)}.studio-inspector{grid-column:1/-1;position:static;max-height:none;min-height:0;border-top:1px solid var(--line);padding:22px}.studio-inspector>label,.studio-inspector>.rule-box{max-width:650px}.studio-library{min-height:0}.editor-toolbar{flex-wrap:wrap}.save-state{display:inline-block}.studio-center{padding-inline:16px}.field-actions{opacity:1}}
@media(max-width:600px){.studio{display:flex;flex-direction:column}.studio-library{position:static;max-height:none;width:100%;padding:16px;border-bottom:1px solid var(--line)}.studio-library h2,.studio-library>.hint,.studio-library .section-caption,.library-note{display:none}.studio-library input[type=search]{max-width:100%}.field-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px}.library-item{font-size:11px;gap:5px;padding:5px;min-height:38px;border-color:#edf1e8}.library-item small{display:none}.type-icon{font-size:14px;width:22px;height:24px;flex-shrink:0}.studio-center{width:100%;padding:16px 10px}.studio-inspector{width:100%}.editor-toolbar{padding:10px 14px}.editor-toolbar>.row{gap:5px}.editor-toolbar button{font-size:11px;padding:6px 8px}.editor-toolbar strong{font-size:14px}.page-actions{gap:4px}.page-actions>.row{gap:2px}.page-actions button{padding:5px}.paper-heading{padding:22px 18px 12px}.paper-heading input.inline-page-title{font-size:25px}.field-stack{padding:0 10px}.edit-field{padding:8px 12px 15px}.field-actions button{min-width:38px;min-height:38px}.drag-handle{min-width:38px;min-height:38px}.page-strip{gap:6px}.mock-control{font-size:13px}.canvas-footnote{font-size:11px}.studio-inspector input,.studio-inspector select{font-size:16px!important}}

#drag-ghost{position:fixed;z-index:100;pointer-events:none;background:#234e43;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 8px 30px #0003;font-size:13px;max-width:250px}.is-dragging{user-select:none;cursor:grabbing!important}.library-item,.page-tab{touch-action:none}.choice-group{border:0;padding:0;margin:0}.choice-group label.choice{display:flex;gap:10px;align-items:center;border:1px solid #dbe4d5;border-radius:8px;padding:12px;font-size:15px;font-weight:400}.choice input{width:20px;min-height:20px;accent-color:#234e43;margin:0}.choice span{flex:1}

.drag-handle{min-width:36px;min-height:36px;letter-spacing:-1px}.studio-inspector .ordering button:focus-visible,.library-item:focus-visible,.page-tab button:focus-visible{outline:3px solid #70915b;outline-offset:2px}

.mobile-library-toggle,.mobile-back-field{display:none}.field-actions .field-settings-button{font-size:11px;padding:4px 7px}
@media(max-width:850px){.mobile-back-field{display:block;margin-bottom:18px}}
@media(max-width:600px){.mobile-library-toggle{display:block;width:100%;text-align:center;background:#eef4e6;border-color:#ccdaba;font-size:14px}.studio-library:not(.expanded)>:not(.mobile-library-toggle){display:none!important}.studio-library.expanded .mobile-library-toggle{margin-bottom:12px}.editing .top{padding:10px 16px;gap:8px}.editing .top .brand{order:0}.editing .top>.primary{order:1;font-size:12px;padding:8px 12px;min-height:36px}.editing .top>.tabs{order:2}.editing .top>.tabs button{min-height:36px;font-size:12px}.editing .prototype{padding:6px 16px}.studio-center{padding-top:8px}.studio-inspector{scroll-margin-top:10px}}