/* FolmioX V4.9.9 FIX2 — functional Review Studio, no fake card screenshots. */
.fx4992-account-popover-wrap{position:relative;display:flex;align-items:center;z-index:600}
.fx4992-account-menu[hidden]{display:none!important}
.fx4992-account-menu{position:absolute;top:calc(100% + 13px);right:0;width:min(320px,calc(100vw - 24px));padding:10px;background:#08162ef7;border:1px solid #68bffb85;border-radius:18px;box-shadow:0 20px 70px #000b;backdrop-filter:blur(22px);z-index:910;display:grid;gap:5px}
.fx4992-account-menu-title{padding:12px 13px;color:#c8ddf8;font-size:13px;font-weight:750;overflow-wrap:anywhere;border-bottom:1px solid #86baff30}
.fx4992-account-menu button,.fx4992-account-menu a{display:flex;align-items:center;width:100%;min-height:43px;padding:12px 14px;border:1px solid transparent;border-radius:10px;color:#dcecff;background:transparent;text-align:left;cursor:pointer;font-size:13px;font-weight:600;line-height:1.2;font-family:inherit;text-decoration:none}
.fx4992-account-menu button:hover,.fx4992-account-menu a:hover{background:#183966;border-color:#4484b7}
.fx4992-account-menu .fx4992-menu-signout{color:#ffc2d8;border:1px solid #ff708153;background:#401b3445}
.fx4992-account-signout{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:19px 0;padding:19px 23px;background:linear-gradient(100deg,#0c1e39,#2b1836);border:1px solid #fa71874d;border-radius:17px}
.fx4992-account-signout strong{font-size:17px}.fx4992-account-signout p{font-size:12px;line-height:1.5;color:#b8c8dd;margin:7px 0 0}.fx4992-account-signout .btn{flex:none;min-height:44px;border-color:#fd7d9865;color:#ffd7e1}
.fx4992-capture-guidance{padding:11px 15px;margin:8px 0 14px;border:1px solid #50ccff40;background:#091c35c4;border-radius:13px;color:#adcae4;font-size:12px;line-height:1.5}
.fx4992-results-caption{padding:4px 19px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:9px}.fx4992-results-caption strong{font-size:15px;color:#edf8ff}.fx4992-results-caption span{font-size:11px;color:#a1b6d4}
/* Use exactly the layout model requested: full source image left, compact individually actionable card gallery right. */
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-grid{grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr)!important;gap:16px!important;align-items:stretch!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-canvas,.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-results{background:linear-gradient(155deg,#071832e9,#070e26f0)!important;border:1px solid #498fff9a!important;border-radius:23px!important;box-shadow:inset 0 1px #a7e5ff16,0 12px 50px #0008!important}
.add-v460-mode[data-add-mode-panel="page"] #binderStage2{height:clamp(370px,60vh,700px)!important;min-height:370px!important;max-height:700px!important;background:#020a1b!important;border:1px solid #4adfff8a!important;border-radius:18px!important;margin:0 13px 14px!important}
.add-v460-mode[data-add-mode-panel="page"] #binderPreview2{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:8px!important;box-sizing:border-box!important;background:transparent!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-results{max-height:none!important;min-height:0!important}
.add-v460-mode[data-add-mode-panel="page"] .binder-smart-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0 14px 16px!important;max-height:545px!important;min-height:135px!important;overflow:auto!important;align-content:start!important}
.add-v460-mode[data-add-mode-panel="page"] .binder-result-row{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;min-height:260px!important;height:auto!important;padding:9px!important;border-radius:16px!important;border:1px solid #5b9dec75!important;background:#091b39!important;box-shadow:inset 0 1px #ddf6ff13!important;position:relative!important}
.add-v460-mode[data-add-mode-panel="page"] .binder-result-row.good{border-color:#43dcf288!important}.add-v460-mode[data-add-mode-panel="page"] .binder-result-row.warn{border-color:#f4af5988!important}.add-v460-mode[data-add-mode-panel="page"] .binder-result-row.bad{border-color:#f17b9a9e!important}
.fx4992-row-head{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%;min-width:0;gap:5px;min-height:22px}.fx4992-row-head .binder-result-index{font-size:11px!important;color:#c9e7fc!important;padding:0!important;background:none!important;border:0!important}.fx4992-row-head .binder-result-confidence{color:#7feaff;font-size:11px!important;line-height:1!important}
.fx4992-result-image{position:relative;width:100%;height:clamp(112px,12vw,188px);background:#02091a;display:grid;place-items:center;overflow:hidden;border-radius:10px;border:1px solid #88cbff33}
.add-v460-mode[data-add-mode-panel="page"] .fx4992-result-image .binder-result-thumb{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;grid-area:auto!important;background:transparent!important;border-radius:8px!important}
.fx4992-card-status{position:absolute;top:6px;right:6px;padding:4px 6px;border-radius:8px;background:#082238f2;color:#75e7fb;border:1px solid #4aaff76c;font-weight:750;font-size:9px;max-width:calc(100% - 10px)}.binder-result-row.good .fx4992-card-status{color:#63e8b4}.binder-result-row.bad .fx4992-card-status{color:#ffaebc}
.add-v460-mode[data-add-mode-panel="page"] .binder-result-copy{display:block!important;min-height:42px!important;flex:1!important;align-self:stretch!important;margin:0!important;width:100%!important;grid-area:auto!important}.add-v460-mode[data-add-mode-panel="page"] .binder-result-copy strong{display:block;color:#ecf6ff;font-size:12px!important;line-height:1.32;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-v460-mode[data-add-mode-panel="page"] .binder-result-copy small{display:block!important;color:#9cb4d3;font-size:10px!important;line-height:1.3;margin-top:4px;white-space:normal!important;overflow-wrap:anywhere}
.fx4992-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;margin-top:auto}
.add-v460-mode[data-add-mode-panel="page"] .fx4992-row-actions button{display:flex!important;justify-content:center!important;align-items:center!important;grid-area:auto!important;min-height:34px!important;height:auto!important;width:100%!important;padding:7px 3px!important;font-size:10px!important;border-radius:8px!important;color:#c9eaff!important;background:#102e50!important;border:1px solid #5da7d57e!important;cursor:pointer!important;white-space:normal!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4992-row-actions button:hover{background:#174c74!important;border-color:#47d9ff!important}
.add-v460-mode[data-add-mode-panel="page"] .binder-slot-progress-v470{display:block!important;grid-area:auto!important;margin:0!important;width:100%!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-tabs{margin:0 14px 13px!important}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-tabs button{font-size:13px!important;min-height:44px!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;padding:10px!important;margin:15px 0!important;border:1px solid #428ded91!important;border-radius:19px!important;background:#091a38f5!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock .btn{display:flex;gap:12px;align-items:center;justify-content:flex-start;min-width:0;min-height:77px!important;padding:12px!important;border-radius:14px!important;text-align:left;font-size:13px!important}
.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock .btn b{font-size:13px!important;line-height:1.2}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock .btn small{font-size:10px!important;line-height:1.25;white-space:normal}
.add-v460-mode[data-add-mode-panel="page"] #fx4981ShowUnmatched{background:#3a153c!important;border:1px solid #fa5798c9!important;color:#ffc4de!important}
.add-v460-mode[data-add-mode-panel="page"] #fx4981AddConfirmed{background:linear-gradient(90deg,#18cef2,#825af4)!important;color:#06122b!important;border:1px solid #6adfffbd!important}
/* If the user has not selected a page, do not offer confirmation. */
#fx4981AddConfirmed:disabled{opacity:.5;cursor:not-allowed}
/* User sees the fitted source; recognition still receives its original source pixels. */
#singleDropZone{max-height:min(65vh,630px)!important;min-height:320px!important;height:clamp(350px,54vh,615px)!important}#singleDropZone img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:12px!important}
@media(max-width:1240px){.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-grid{grid-template-columns:1fr!important}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-results .binder-smart-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.fx4992-account-signout{flex-direction:column;align-items:stretch}.fx4992-account-signout .btn{width:100%}.add-v460-mode[data-add-mode-panel="page"] #binderStage2{height:clamp(250px,46vh,440px)!important;min-height:250px!important}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-results .binder-smart-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:480px!important}.add-v460-mode[data-add-mode-panel="page"] .fx4992-result-image{height:138px}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock .btn{min-height:63px!important;padding:8px!important;gap:7px!important}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock .btn b{font-size:11px!important}.fx4992-results-caption{flex-direction:column;align-items:start}.fx4992-account-menu{right:0}}
@media(max-width:430px){.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-results .binder-smart-results{gap:7px!important}.add-v460-mode[data-add-mode-panel="page"] .fx4992-result-image{height:108px}.add-v460-mode[data-add-mode-panel="page"] .binder-result-row{padding:7px!important;min-height:232px!important}.add-v460-mode[data-add-mode-panel="page"] .fx4992-row-actions{grid-template-columns:1fr}.add-v460-mode[data-add-mode-panel="page"] .fx4981-studio-dock{grid-template-columns:1fr 1fr!important}}
/* Essential: a CSS Grid image keeps its intrinsic ratio and silently overflows the stage.
   Flex establishes a definite available height so the entire source photo is visible. */
.add-v460-mode[data-add-mode-panel="page"] #binderStage2{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
.add-v460-mode[data-add-mode-panel="page"] #binderPreview2:not([hidden]){display:block!important;flex:none!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}

#binderStage2 #binderPlaceholder2[hidden],#binderStage2 #binderPreview2[hidden],#binderStage2 [hidden]{display:none!important}
