/* Individual Canvas/Passepartout editor: reference layout, scoped to this dialog. */
.fa-custom-overlay{position:fixed;inset:0;z-index:10050;overflow:auto;background:rgba(0,0,0,.55);padding:8px;color:#303749;font-family:Arial,sans-serif}
.fa-custom-overlay .copu-fa-overlay-dialog{position:relative;box-sizing:border-box;width:1320px;max-width:100%;max-height:calc(100dvh - 16px);overflow:auto;margin:0 auto;padding:12px 18px 20px;background:#fff;border-radius:10px}
.fa-custom-overlay .copu-fineart-editor{display:block;border:0;background:none;padding:0;margin:0}
.fa-custom-overlay .copu-fa-title{font-size:22px;font-weight:700;margin:0 36px 24px 0;color:#303749}
.fa-custom-overlay .copu-fa-overlay-close{position:absolute;right:14px;top:8px;border:0;background:none;color:#626675;font-size:32px;line-height:1;cursor:pointer}
.fa-reference-editor .fa-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.fa-reference-editor .fa-visual{min-width:0}
.fa-reference-editor .fa-sidebar{padding-top:20px;display:grid;gap:10px}
.fa-reference-editor .fa-control-card{background:#f7f8f9;border:1px solid #e0e6eb;border-radius:5px;padding:14px;margin:0;color:#303749}
.fa-reference-editor .fa-control-card h3{font-family:inherit;font-size:17px;font-weight:700;line-height:1.4;margin:0 0 14px;color:inherit}
.fa-reference-editor .fa-control-card p{font-size:14px;line-height:1.45;color:#777d8d;margin:12px 0 0}
.fa-reference-editor .fa-control-line{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:400;margin:0 4px 8px}
.fa-reference-editor .fa-cm-control{display:flex;align-items:center;gap:12px}
.fa-reference-editor .fa-cm-control input,.fa-reference-editor .fa-white-inputs input[type=text],.fa-reference-editor .fa-zoom-number{box-sizing:border-box;height:40px;width:112px;border:1px solid #ccc;border-radius:4px;background:white;color:#303749;font:normal 16px Arial,sans-serif;padding:7px 10px;box-shadow:inset 0 1px 2px #0000000d}
.fa-reference-editor input:focus{outline:2px solid #72b8f5;outline-offset:1px}
.fa-reference-editor .fa-white-enable,.fa-reference-editor .fa-white-link{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;margin:0 0 10px;padding:0}
.fa-reference-editor input[type=checkbox]{width:21px;height:21px;margin:0;accent-color:#087bff}
.fa-reference-editor .fa-white-inputs{display:block;margin:0;padding:0}
.fa-reference-editor .fa-white-inputs>label:not(.fa-white-link){display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:16px;font-weight:400;margin:0 12px 6px 0;white-space:nowrap}
.fa-reference-editor .fa-white-inputs .fa-white-link{margin:10px 0 0}
.fa-reference-editor .fa-white-inputs.is-disabled{opacity:.5}
.fa-reference-editor .copu-fa-stage-wrap{box-sizing:border-box;position:relative;max-width:100%;margin:0 auto;padding:48px 46px 12px 18px;background:transparent;border:0}
.fa-reference-editor .fa-passepartout-stage{position:relative;box-sizing:content-box;overflow:hidden;border:1px solid #999;outline:8px solid #d5d5d5;background:#fff;touch-action:none;margin:0;min-height:0}
.fa-reference-editor .fa-crop-scene{position:absolute;pointer-events:none}
.fa-reference-editor .fa-crop-scene img{display:block;width:100%;height:100%;max-width:none;max-height:none;user-select:none;pointer-events:none}
.fa-reference-editor .fa-passepartout-mask{position:absolute;background:#fff;opacity:1;z-index:8;pointer-events:none}
.fa-reference-editor .fa-passepartout-stage.fa-can-pan{cursor:grab}
.fa-reference-editor .fa-passepartout-stage.is-panning{cursor:grabbing}
.fa-reference-editor .fa-opening-dimension{position:absolute;z-index:10;pointer-events:none;background:#fffffff2;color:#215a30;border:1px solid #c9d2cb;border-radius:4px;font-size:14px;font-weight:700;line-height:1.3;padding:3px 8px;white-space:nowrap}
.fa-reference-editor .fa-measure{position:absolute;color:#303749;font-size:16px;pointer-events:none}
.fa-reference-editor .fa-measure-width{left:18px;right:46px;top:20px;border-bottom:1px solid #5f6573;height:1px}
.fa-reference-editor .fa-measure-width span{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;padding:0 6px}
.fa-reference-editor .fa-measure-height{top:48px;bottom:12px;right:20px;width:1px;border-left:1px solid #5f6573}
.fa-reference-editor .fa-measure-height span{position:absolute;top:50%;left:6px;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);white-space:nowrap;background:#fff;padding:6px 0}
.fa-reference-editor .fa-measure-width:before,.fa-reference-editor .fa-measure-width:after{content:'';position:absolute;top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent}
.fa-reference-editor .fa-measure-width:before{left:0;border-right:9px solid #5f6573}
.fa-reference-editor .fa-measure-width:after{right:0;border-left:9px solid #5f6573}
.fa-reference-editor .fa-measure-height:before,.fa-reference-editor .fa-measure-height:after{content:'';position:absolute;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent}
.fa-reference-editor .fa-measure-height:before{top:0;border-bottom:9px solid #5f6573}
.fa-reference-editor .fa-measure-height:after{bottom:0;border-top:9px solid #5f6573}
.fa-reference-editor .fa-border-measure{position:absolute;z-index:9;pointer-events:none;color:#006eff;font-size:15px;font-weight:700;box-sizing:border-box}
.fa-reference-editor .fa-border-top,.fa-reference-editor .fa-border-bottom{width:1px;border-left:2px solid #006eff}
.fa-reference-editor .fa-border-top span,.fa-reference-editor .fa-border-bottom span{position:absolute;left:12px;top:50%;transform:translateY(-50%);white-space:nowrap}
.fa-reference-editor .fa-border-left,.fa-reference-editor .fa-border-right{height:1px;border-top:2px solid #006eff}
.fa-reference-editor .fa-border-left span,.fa-reference-editor .fa-border-right span{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap}
.fa-reference-editor .fa-border-top:before,.fa-reference-editor .fa-border-bottom:before,.fa-reference-editor .fa-border-top:after,.fa-reference-editor .fa-border-bottom:after{content:'';position:absolute;left:-6px;border-left:5px solid transparent;border-right:5px solid transparent}
.fa-reference-editor .fa-border-top:before,.fa-reference-editor .fa-border-bottom:before{top:1px;border-bottom:9px solid #006eff}
.fa-reference-editor .fa-border-top:after,.fa-reference-editor .fa-border-bottom:after{bottom:1px;border-top:9px solid #006eff}
.fa-reference-editor .fa-border-left:before,.fa-reference-editor .fa-border-right:before,.fa-reference-editor .fa-border-left:after,.fa-reference-editor .fa-border-right:after{content:'';position:absolute;top:-6px;border-top:5px solid transparent;border-bottom:5px solid transparent}
.fa-reference-editor .fa-border-left:before,.fa-reference-editor .fa-border-right:before{left:1px;border-right:9px solid #006eff}
.fa-reference-editor .fa-border-left:after,.fa-reference-editor .fa-border-right:after{right:1px;border-left:9px solid #006eff}
.fa-reference-editor .fa-slider-panel>label{font-size:14px;font-weight:400;margin-bottom:12px;color:#656c7d}
.fa-reference-editor .fa-current-zoom{text-align:center;font-size:16px;font-weight:700;margin:6px 80px 4px 0}
.fa-reference-editor .fa-slider-row{display:flex;align-items:center;gap:8px;padding:0}
.fa-reference-editor .fa-slider-row input[type=range]{flex:1;min-width:0;width:auto;accent-color:#0095dc;cursor:pointer}
.fa-reference-editor .fa-zoom-number{width:60px;padding:6px}
.fa-reference-editor .fa-slider-scale{display:flex;justify-content:space-between;font-size:13px;margin:0 82px 0 0;color:#535b70}
.fa-reference-editor .fa-slider-scale span:nth-child(2){display:none}
.fa-reference-editor .fa-pan-hint{display:flex;align-items:flex-start;gap:8px;line-height:1.55;font-size:13px;color:#767d8e;margin-top:18px}
.fa-reference-editor .fa-hand{font-size:27px;color:#303749}
.fa-reference-editor .fa-legend{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px;margin:8px 0 0}
.fa-reference-editor .fa-legend-card{border:1px solid;border-radius:5px;padding:14px;line-height:1.4;font-size:15px;color:#303749}
.fa-reference-editor .fa-legend-card h4{font:700 17px Arial,sans-serif;margin:0 0 8px}
.fa-reference-editor .fa-legend-card strong{display:block;font-size:19px}
.fa-reference-editor .fa-legend-canvas{border-color:#ff3838;background:#fff0f0}.fa-reference-editor .fa-legend-canvas h4{color:#ed0808}
.fa-reference-editor .fa-legend-border{border-color:#287cff;background:#eef6ff}.fa-reference-editor .fa-legend-border h4{color:#0067ef}
.fa-reference-editor .fa-legend-opening{border-color:#32a257;background:#effbf1}.fa-reference-editor .fa-legend-opening h4{color:#14792e}
.fa-reference-editor .fa-layout-help{font-size:14px;line-height:1.55;color:#777d8d;margin:20px 0}
.fa-reference-editor .fa-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.fa-reference-editor .fa-summary-grid .copu-fa-metric{box-sizing:border-box;min-width:0;min-height:92px;margin:0;padding:12px;border:1px solid #dce2e9;border-radius:4px;background:#fff;font-size:16px}
.fa-reference-editor .copu-fa-metric-label{font-size:14px;color:#777d8d;margin-bottom:8px}
.fa-reference-editor .copu-fa-metric-value{font-size:19px;font-weight:700;color:#303749}
.fa-reference-editor .copu-fa-dpi-quality{font-size:16px}.fa-reference-editor .is-optimal,.fa-reference-editor .is-acceptable,.fa-reference-editor .fa-status-ok{color:#009431;font-weight:400}
.fa-reference-editor .fa-status-ok:before{content:'✓';display:inline-block;background:#098c42;color:white;border-radius:50%;width:23px;line-height:23px;text-align:center;margin-right:10px}
.fa-reference-editor .fa-layout-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:12px;margin:0!important}
.fa-reference-editor .fa-layout-actions button{font:normal 15px Arial,sans-serif;white-space:nowrap;border:1px solid #bdbdbd;border-radius:4px;padding:14px 16px;cursor:pointer;margin:0}
.fa-reference-editor .fa-layout-actions .btn-default{color:#666;background:linear-gradient(#f3f3f3,#d8d8d8)}
.fa-reference-editor .fa-layout-actions .btn-success{border-color:#30923e;color:white;background:linear-gradient(#5ac161,#299a40)}
.fa-reference-editor .fa-layout-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1000px){.fa-reference-editor .fa-layout{grid-template-columns:minmax(0,1fr) 285px;gap:14px}.fa-reference-editor .fa-legend{gap:8px}.fa-reference-editor .fa-legend-card{padding:9px}.fa-reference-editor .fa-legend-card h4{font-size:14px}.fa-reference-editor .fa-legend-card strong{font-size:16px}.fa-reference-editor .fa-layout-actions{grid-column:1/-1}}
/* The complete dialog is measured and uniformly fitted to the visual viewport. */
.fa-custom-overlay{overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.fa-custom-overlay .copu-fa-overlay-dialog{overflow:hidden;padding:0;flex:none;margin:0;max-height:none;max-width:none}
.fa-custom-overlay .fa-reference-editor{box-sizing:border-box;padding:12px 18px 16px;margin:0}
.fa-custom-overlay .copu-fa-overlay-close{z-index:30}
.fa-reference-editor .fa-control-card{padding:10px}
.fa-reference-editor .fa-control-card h3{margin-bottom:8px}
.fa-reference-editor .fa-cm-control input,.fa-reference-editor .fa-white-inputs input[type=text]{height:32px}
.fa-reference-editor .fa-control-card p{margin-top:6px}
.fa-reference-editor .fa-pan-hint{margin-top:8px}
.fa-reference-editor .fa-legend-card{padding:10px}
.fa-reference-editor .fa-layout-help{margin:10px 0}
.fa-reference-editor .fa-summary-grid .copu-fa-metric{min-height:76px;padding:8px}
.fa-reference-editor .fa-inline-message{grid-column:1/-1}
.fa-reference-editor .fa-fit-image{margin-top:8px;padding:7px 18px;border:1px solid #bbb;border-radius:4px;background:linear-gradient(#f7f7f7,#dedede);color:#444;cursor:pointer}
.fa-reference-editor .fa-fit-image:disabled{opacity:.5;cursor:not-allowed}
.fa-reference-editor .fa-border-left span{left:0;transform:none;font-size:12px}
.fa-reference-editor .fa-border-right span{left:auto;right:0;transform:none;font-size:12px}