.registration-image-editor{border:1px solid #d6e2eb;border-radius:10px;padding:18px;background:#f8fbfd;min-width:0}
.rie-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.rie-heading label{font-size:15px;font-weight:650;color:#173a55}.rie-heading>span{font-size:12px;color:#63798a}.registration-image-editor>input[type=file]{background:#fff;max-width:100%}.registration-image-editor .rie-help{font-size:12px;line-height:1.75;color:#60768a;margin:9px 0 0}
.rie-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:19px}.rie-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;align-items:start}.rie-preview-block{min-width:0;max-width:420px}.rie-preview-block h5{font-size:13px;margin:0 0 9px;color:#365971;font-weight:600}
.rie-drag-stage,.rie-home-card{width:100%;box-sizing:border-box;position:relative;overflow:hidden;border:1px solid #bfd2e1;border-radius:9px;background:#f2f7fb}.rie-drag-stage{aspect-ratio:4/3;cursor:grab;touch-action:none}.rie-drag-stage.is-dragging{cursor:grabbing;border-color:#175e90;box-shadow:0 0 0 2px #a6cee6}.rie-drag-stage:focus-visible{outline:3px solid #70a6c9;outline-offset:3px}.registration-image-editor .rie-preview-image{display:block;position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;pointer-events:none}.registration-image-editor .rie-preview-image[hidden]{display:none}.rie-empty{position:absolute;inset:0;display:grid;place-items:center;padding:18px;text-align:center;font-size:13px;color:#6c8294}.rie-empty[hidden]{display:none}
.rie-home-card{display:flex;flex-direction:column;align-items:stretch;min-height:440px;padding:0;color:#19364d}.rie-card-cover{position:relative;display:grid;place-items:center;flex:none;width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #d4e1eb;background:linear-gradient(145deg,#e2edf6,#f1f6fa)}.rie-card-empty{width:56px;height:56px;color:#517c9d}.rie-card-cover:has(.rie-preview-image:not([hidden])) .rie-card-empty{display:none}.rie-card-copy{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;gap:15px;padding:21px 22px 18px}.rie-card-heading{display:block}.rie-card-heading>strong{font-size:21px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.rie-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:13px;line-height:1.5;color:#4e6679}.rie-card-meta>span{padding:3px 8px;border-radius:4px;color:#214e72;background:#e3edf5}.rie-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #d4e1eb;color:#214e72;font-size:14px;font-weight:600;line-height:1.5}.rie-card-arrow{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #b5cbdc;border-radius:50%;background:#ffffffdb;color:#214e72;font-size:16px}
.rie-controls{border-left:1px solid #d6e2eb;padding-left:19px;min-width:0}.rie-controls>label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#294d66}.rie-controls output{font-variant-numeric:tabular-nums;font-size:12px;color:#4e708b}.registration-image-editor .rie-controls input[type=range]{display:block;width:100%;min-width:0;min-height:24px;height:24px;margin:4px 0;padding:0;border:0;background:transparent;accent-color:#226796;cursor:pointer}.rie-axis-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#7c91a2;margin-bottom:15px}.rie-position-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.rie-position-buttons button{border:1px solid #cbdce8;background:#fff;color:#355e7c;padding:2px;min-height:30px;border-radius:5px;font-size:18px;line-height:1}.rie-position-buttons button:hover,.rie-position-buttons button[aria-pressed=true]{background:#e6f0f8;border-color:#5890b8;color:#155780}.rie-controls .btn{width:100%;justify-content:center;min-height:34px;font-size:12px}.rie-notice{margin:14px 0 0;padding:10px 12px;background:#fff5e9;color:#8a5126;border:1px solid #ead2b1;border-radius:6px;font-size:13px;line-height:1.7}.rie-notice[hidden]{display:none}
.rie-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px minmax(130px,.75fr);column-gap:22px;row-gap:4px;border-left:0;border-top:1px solid #d6e2eb;padding:16px 0 0}.rie-controls>label:nth-child(1){grid-column:1;grid-row:1}.rie-controls>input:nth-child(2){grid-column:1;grid-row:2}.rie-controls>.rie-axis-labels:nth-child(3){grid-column:1;grid-row:3}.rie-controls>label:nth-child(4){grid-column:2;grid-row:1}.rie-controls>input:nth-child(5){grid-column:2;grid-row:2}.rie-controls>.rie-axis-labels:nth-child(6){grid-column:2;grid-row:3}.rie-controls>.rie-position-buttons{grid-column:3;grid-row:1/4;margin:0}.rie-controls>[data-rie-reset]{grid-column:4;grid-row:1;align-self:start}.rie-controls>.rie-help{grid-column:4;grid-row:2/4}.rie-controls>.rie-axis-labels{margin-bottom:0}
@media(max-width:1000px){.rie-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 22px}.rie-controls>.rie-position-buttons{grid-column:1;grid-row:4/6;max-width:185px;margin-top:10px}.rie-controls>[data-rie-reset]{grid-column:2;grid-row:4;margin-top:10px;max-width:185px}.rie-controls>.rie-help{grid-column:2;grid-row:5}.rie-preview-block:first-child .rie-help{padding-right:16px}}
@media(max-width:700px){.registration-image-editor{padding:15px}.rie-workspace{gap:17px}.rie-previews{grid-template-columns:minmax(0,1fr);gap:20px}.rie-preview-block{max-width:420px}.rie-heading>span{font-size:11px}.rie-card-copy{padding:19px 18px 17px}.rie-card-heading>strong{font-size:20px}.rie-card-footer{padding-top:14px}.rie-controls>label{font-size:14px}}