.rs-field-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;margin:18px 0}.rs-field-tools{position:sticky;top:10px;align-self:start;padding:18px;background:#223255;border:1px solid #40516d;border-radius:12px;color:#e6f2ff;display:grid;gap:14px}.rs-field-tools label{display:grid;gap:8px}.rs-field-tools select,.rs-field-tools input{width:100%;min-width:0;background:#192548;color:#edf3fc;border:1px solid #40516d;border-radius:7px;padding:8px}.rs-field-tools p,.rs-field-tools small{font-size:11px;line-height:1.6}.rs-field-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rs-field-palette button{border:1px dashed #8cdbc0;background:#8cdbc014;color:#8cdbc0;padding:10px 4px;border-radius:7px;font-size:12px;cursor:grab}.rs-field-palette .active{background:#8cdbc0;color:#192548}.rs-field-pagination{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rs-field-pagination button{padding:7px 15px;background:#334566;color:#e6f2ff;border-radius:7px}.rs-field-preview{overflow:auto;min-width:0}.rs-field-sheet{position:relative;background:white;margin:auto;box-shadow:0 4px 18px #0003}.rs-field-sheet canvas{display:block;max-width:none}.rs-field-overlay{position:absolute;inset:0;cursor:crosshair}.rs-placed-field{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:2px 5px;background:#8cdbc042;border:1.5px dashed #2e9774;border-radius:3px;color:#192548;cursor:move;touch-action:none;overflow:visible;min-width:0;user-select:none}.rs-placed-field.selected{outline:2px solid #6271d7;background:#c4c8ff66}.rs-placed-field span{font-size:clamp(7px,1vw,12px);line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rs-placed-field small{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334566;line-height:1.1}.rs-field-resize{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;border:1px solid #192548;background:#8cdbc0;cursor:nwse-resize;border-radius:2px}.rs-field-tools [data-selected]{display:grid;gap:10px}.rs-field-tools [data-selected] button{background:#ffd6df;color:#6b2639;padding:7px;border-radius:7px}@media(max-width:850px){.rs-field-layout{grid-template-columns:1fr}.rs-field-tools{position:static}.rs-field-palette{grid-template-columns:repeat(3,1fr)}}

.rs-field-preview{max-height:72dvh;overflow:auto;overscroll-behavior:contain;padding:4px 6px 16px;scrollbar-gutter:stable}.rs-continuous-pages{display:grid;gap:22px;justify-items:center}.rs-field-page{max-width:100%;min-width:0}.rs-field-page>small{display:block;margin:0 0 8px;color:#a9bbd8;font-size:11px}.rs-field-sheet{overflow:hidden}.rs-field-tools{max-height:70dvh;overflow:auto}.rs-field-pagination{position:sticky;top:-4px;z-index:3;background:#192548;padding:9px;color:#b6c8e3;font-size:12px}.rs-field-overlay:has(.rs-placed-field){touch-action:pan-y}.rs-placed-field{touch-action:none}.rs-field-resize{bottom:0;right:0}

.rs-field-layout [hidden]{display:none!important}[data-readonly=true] .rs-field-layout{grid-template-columns:minmax(0,1fr)}[data-readonly=true] .rs-field-tools{display:none}[data-readonly=true] .rs-field-overlay,[data-readonly=true] .rs-placed-field{cursor:default}

.rs-placed-field{border-color:var(--signer-color,#2563eb);background:color-mix(in srgb,var(--signer-color,#2563eb) 16%,white);color:#192548}.rs-placed-field.selected{outline:2px solid var(--signer-color,#2563eb);background:color-mix(in srgb,var(--signer-color,#2563eb) 25%,white)}.rs-field-resize{border-color:var(--signer-color);background:var(--signer-color)}.rs-signer-legend{display:grid;gap:6px}.rs-signer-color-row{display:flex;align-items:center;gap:7px;text-align:left;font-size:11px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;padding:6px;word-break:break-all;cursor:pointer}.rs-signer-color-row:before{content:'';width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--signer-color)}.rs-signer-color-row[aria-pressed=true]{border-color:var(--signer-color);background:#ffffff12}.rs-field-palette button{border-color:var(--active-signer-color,#8cdbc0)}

.rs-placed-field .rs-field-delete{position:absolute;right:0;top:0;width:22px;height:22px;min-width:22px;padding:0;display:grid;place-items:center;border:1px solid var(--signer-color);border-radius:50%;background:#fff;color:var(--signer-color);font:700 17px/1 system-ui;cursor:pointer;z-index:4;opacity:0}.rs-placed-field:hover .rs-field-delete,.rs-placed-field.selected .rs-field-delete,.rs-placed-field:focus-within .rs-field-delete{opacity:1}.rs-placed-field:focus-visible{outline:2px solid var(--signer-color);outline-offset:3px}