.form-studio{--studio-ui:#79536b;--studio-line:#e5dce1;border-radius:18px!important;color:#453943}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-heading h2{font:normal 32px Georgia,serif}.studio-heading p{max-width:650px}.form-studio button{border-radius:9px;line-height:1.4}.form-studio button:focus-visible,.form-studio input:focus-visible,.form-studio select:focus-visible,.form-studio textarea:focus-visible{outline:3px solid #79536b;outline-offset:3px}.studio-topbar{display:flex;gap:22px;align-items:center;border-block:1px solid var(--studio-line);margin:28px 0 0;padding:12px 0}.studio-topbar label{margin:0;flex:0 0 240px}.studio-topbar .hint{flex:1}.studio-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;align-items:start}.studio-sidebar{padding:22px 20px 22px 0;position:sticky;top:10px;max-height:88vh;overflow:auto;scrollbar-width:thin}.studio-sidebar h3{font:normal 22px Georgia,serif;margin:20px 0 8px}.studio-sidebar .hint{font:12px/1.7 Arial,sans-serif}.studio-tabs{display:flex;gap:5px}.studio-tabs button{font-size:12px;padding:10px;background:#f5eef2;color:#79536b;flex:1}.studio-tabs [aria-pressed=true]{background:#79536b;color:white}.studio-sidebar input,.studio-sidebar select,.studio-sidebar textarea{font-size:13px;border-color:var(--studio-line);border-radius:8px;margin-top:6px}.studio-sidebar input[type=color]{height:40px;padding:3px}.studio-sidebar input[type=range]{padding:8px 0;accent-color:#79536b}.studio-sidebar label{font-size:12px}.studio-sidebar hr{border:0;border-top:1px solid var(--studio-line);margin:25px 0}.studio-check{display:flex;gap:8px;align-items:center}.studio-sidebar .studio-check input{width:18px;margin:0}.studio-field-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.studio-field-actions button{font-size:11px;padding:7px}.studio-presets{display:grid;gap:8px}.studio-presets button{font-size:12px;text-align:left;padding:11px;border:1px solid var(--studio-line);color:#624859}.studio-presets button[aria-pressed=true]{background:#f2e6ed;border-color:#9a758b}.studio-stage{background:#f1ecef;padding:25px;min-width:0;min-height:640px;border-radius:0 0 12px 12px}.studio-stage>.hint{font:12px/1.7 Arial,sans-serif;margin:20px 5px}.studio-paper{position:relative;background:#fffdfc;border:1px solid #e9e0e5;border-radius:16px;padding:28px;box-shadow:0 12px 35px #45343e0d;color:#443c43;min-width:0}.studio-paper>h2,.studio-paper>.eyebrow,.studio-paper>.hint{text-align:center}.studio-paper>h2{font:normal 29px Georgia,serif}.studio-paper .eyebrow{font-size:10px}.studio-paper .hint{font:12px/1.7 Arial,sans-serif}.studio-form-group h3{font:normal 20px Georgia,serif;margin:30px 0 15px}.studio-canvas-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.studio-canvas-field{grid-column:span 3;border:1px solid #ece5e8;border-radius:10px;padding:12px;min-width:0;background:#fffdfc;color:#443c43;cursor:pointer}.studio-canvas-field[data-field-width=third]{grid-column:span 2}.studio-canvas-field[data-field-width=full]{grid-column:span 6}.studio-canvas-field.is-selected{outline:2px solid #9a758b;outline-offset:1px}.form-studio .studio-field-handle{display:block;width:100%;text-align:left;cursor:grab;background:transparent;color:#443c43;padding:0 0 12px;font-size:12px;overflow-wrap:anywhere;font-weight:600;user-select:none}.studio-field-handle:active,.palette-field:active{cursor:grabbing}.studio-sample{pointer-events:none;font:12px/1.6 Arial,sans-serif}.studio-input{padding:10px;border:1px solid #e4dce1;border-radius:8px;color:#847780;background:#fcfafb;overflow-wrap:anywhere}.studio-input.is-textarea{height:85px}.studio-option{display:inline-block;padding:7px;margin:2px;background:#f6f1f4;border-radius:7px;overflow-wrap:anywhere}.studio-drop-end{grid-column:1/-1;border:1px dashed #c5b0bd!important;background:transparent!important;color:#826578!important;font-size:12px!important;min-height:48px}.studio-drop-active{outline:3px solid #9a758b!important;outline-offset:2px;background:#f3e7ef!important}.studio-drag-ghost{position:fixed;pointer-events:none;z-index:10000;background:#79536b;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 8px 20px #35202c30;font:14px Arial,sans-serif;max-width:280px}.studio-notice{font:12px/1.7 Arial,sans-serif;border-left:3px solid #a87a53;padding:10px 14px;background:#fff6eb;color:#775339}.form-studio .builder-actions{position:sticky;bottom:0;padding:16px;background:#fffdfcf5;border-top:1px solid var(--studio-line);z-index:4}.form-studio #form-status{font:13px/1.6 Arial,sans-serif}.form-studio #field-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.form-studio .palette-field{padding:12px 8px;font-size:12px;text-align:left;background:white;color:#614759;border:1px solid var(--studio-line);cursor:grab}.form-studio .palette-field:last-child{grid-column:1/-1}.form-studio .palette-field:hover{background:#f6edf2;border-color:#ab879c}
.studio-inline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.form-studio .studio-drag-handle{touch-action:none;cursor:grab;padding:2px 9px;font-size:24px;line-height:1.2;background:#f1e6ed;color:#75566a;user-select:none}.form-studio .studio-drag-handle:active{cursor:grabbing}.form-studio .studio-inline-edit{font-size:11px;padding:5px 7px;border:1px solid #e3d8df;background:#fff;color:#725367}.form-studio .studio-inline-label{display:block;width:100%;min-width:0;margin:0 0 10px;padding:8px 5px;border:1px dashed #d2beca;border-radius:5px;background:#fff;color:#443c43;font:600 13px/1.5 Arial,sans-serif}.studio-inline-label:hover{border-color:#947087}.studio-canvas-field{position:relative;cursor:grab}.studio-inline-settings{margin-top:16px;padding-top:12px;border-top:1px solid #e5dce1;cursor:default}.studio-inline-settings label{font-size:12px;margin-top:12px}.studio-inline-settings select,.studio-inline-settings textarea{font-size:13px;padding:9px;border-color:#d9cbd3;border-radius:7px;margin-top:6px;min-width:0}.studio-inline-settings .studio-check{font-size:12px}.studio-inline-settings .studio-check input{width:18px;margin:0}.studio-inline-settings .studio-field-actions button{font-size:11px;padding:6px}.form-studio .palette-field{touch-action:none}.studio-canvas-field.studio-drop-active{outline:none!important;background:#fff8fc!important}.studio-canvas-field.studio-drop-active::after{content:'';position:absolute;z-index:3;background:#93637f;border-radius:4px;pointer-events:none;box-shadow:0 0 0 2px #fff}.studio-canvas-field[data-drop-axis=y][data-drop-edge=before]::after{inset:-8px -2px auto;height:4px}.studio-canvas-field[data-drop-axis=y][data-drop-edge=after]::after{inset:auto -2px -8px;height:4px}.studio-canvas-field[data-drop-axis=x][data-drop-edge=before]::after{inset:-2px auto -2px -8px;width:4px}.studio-canvas-field[data-drop-axis=x][data-drop-edge=after]::after{inset:-2px -8px -2px auto;width:4px}
@media(min-width:1500px){.wide:has(.form-studio #studio-workspace:not([hidden])){max-width:1460px}.studio-grid{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:850px){.studio-heading{display:block}.studio-grid{grid-template-columns:230px minmax(0,1fr)}.studio-stage{padding:12px}.studio-paper{padding:18px}.studio-topbar{flex-wrap:wrap}.studio-canvas-field{grid-column:1/-1!important}}
@media(max-width:650px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-sidebar{position:static;max-height:none;padding-right:0}.studio-heading h2{font-size:27px}.studio-topbar{gap:12px}.studio-topbar label{flex-basis:100%}.studio-stage{border-radius:12px}.form-studio .builder-actions{position:static;align-items:stretch}.studio-sidebar #field-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-sidebar #field-palette .palette-field:last-child{grid-column:auto}.studio-field-actions{margin-bottom:22px}}
