/* FolmioX V4.9.8 FIX1 — cinematic Gateway + functional Review Studio.
   Artistic backdrop uses only the original approved FolmioX-generated concept art.
   Auth logic, scan data and server endpoints remain unchanged. */
.auth-gate:not(.hidden){display:block!important;padding:0!important;overflow:auto!important;overscroll-behavior:contain;place-items:unset!important;background:radial-gradient(ellipse at 61% 24%,#435fce30,transparent 42%),radial-gradient(ellipse at 28% 87%,#6332bd3c,transparent 46%),linear-gradient(110deg,#030818,#081027 60%,#030c20)!important;backdrop-filter:none!important}
.auth-gate .auth-gate-shell{width:100%!important;min-height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(90deg,#02071adb,transparent 35%,#02071b50 70%,#02071bd2),url('/assets/fx-nebula-gemini.jpg') center/cover no-repeat!important;backdrop-filter:none!important;overflow:hidden!important;isolation:isolate}
.auth-gate .auth-gate-shell:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 46% 36%,#6c6bff42,transparent 35%),radial-gradient(ellipse at 69% 74%,#9341fa39,transparent 32%),linear-gradient(#02091b05,#02091baa)}
.auth-gate .auth-gate-top{position:relative;z-index:6;max-width:1740px;margin:auto;padding:clamp(18px,3vw,30px) clamp(22px,4.2vw,76px)!important;background:transparent!important;border:0!important}
.auth-gate .auth-gate-brand img{width:52px;height:52px}.auth-gate .auth-gate-brand strong{font-size:25px;letter-spacing:-.025em;color:#f3f8ff}.auth-gate .auth-gate-brand small{letter-spacing:.16em;color:#adc5e8}
.auth-gate .auth-lang-switch{border-color:#83a4ec75;background:#0b1838c2}
.auth-gate .auth-gate-main.fx498-gateway-main{position:relative;z-index:2;max-width:1740px;margin:auto;width:100%;min-height:calc(100dvh - 154px)!important;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(340px,.74fr);align-items:center;gap:clamp(32px,5.4vw,110px)!important;padding:24px clamp(24px,4.2vw,76px) 82px!important}
.auth-gate .fx498-gateway-copy{padding:clamp(35px,6vh,78px) 0!important;min-height:0;justify-content:center;align-self:center;z-index:2;isolation:auto}
.auth-gate .fx498-gateway-copy .auth-kicker{font-size:12px;color:#71e4ff;letter-spacing:.26em}
.auth-gate .fx498-gateway-copy h1{font-size:clamp(52px,5.7vw,96px)!important;line-height:1.03!important;letter-spacing:-.055em;max-width:750px;margin:22px 0 25px;position:relative;z-index:3}
.auth-gate .fx498-gateway-copy>p{font-size:clamp(19px,2.15vw,29px)!important;line-height:1.4;color:#d8e5fd;position:relative;z-index:3}
.auth-gate .fx498-features{margin-top:clamp(32px,6vh,72px);gap:14px!important;position:relative;z-index:3}
.auth-gate .fx498-features>div{min-height:74px;display:flex;align-items:center;gap:12px;border-radius:18px;padding:17px 20px;font-size:14px;border-color:#7bc5ff59;background:linear-gradient(115deg,#142b5ad6,#181638c7);box-shadow:inset 0 1px #ffffff20,0 12px 48px #0008}
.auth-gate .fx498-features>div i{width:36px;height:36px;display:grid;place-items:center;font-size:20px;margin:0;border-radius:11px}
.auth-gate .fx498-gateway-art{display:none!important}
.auth-gate .fx4981-cosmos{position:absolute;z-index:1;pointer-events:none;left:35%;top:8%;width:min(38vw,620px);height:min(84vh,790px);background:url('/assets/nebula-gateway-cosmic-art-v4981.webp') center/contain no-repeat;opacity:.92;filter:drop-shadow(0 15px 65px #655cff88);transform:rotate(-2deg)}
.auth-gate .fx498-login-card{position:relative;z-index:5;justify-self:end;width:min(100%,510px);max-width:510px!important;margin:0!important;padding:clamp(26px,3.2vw,55px)!important;border-radius:30px!important;background:linear-gradient(155deg,#172957e8,#0d1738ed 72%,#101638eb)!important;border:1px solid #9abbff78!important;box-shadow:inset 0 1px #ffffff42,0 18px 75px #000a,0 0 95px #5164d641!important;backdrop-filter:blur(25px)}
.auth-gate .fx498-login-card .auth-mark-wrap{width:100px;height:100px;margin-bottom:20px}
.auth-gate .fx498-login-card h2{font-size:clamp(27px,2.4vw,35px)}
.auth-gate .fx498-login-card>p{font-size:16px;color:#bfcde8;line-height:1.5;margin-bottom:28px}
.auth-gate .fx498-login-card .btn{min-height:61px!important;font-size:15px!important;border-radius:14px}
.auth-gate .fx498-login-card .auth-primary{box-shadow:0 0 33px #40baff57}
.auth-gate .fx498-gateway-footer{position:absolute;z-index:4;bottom:21px;left:0;right:0;display:flex;gap:15px;justify-content:center;padding:8px 20px!important}
.auth-gate .fx498-gateway-footer span{font-size:11px;color:#bac9e9;padding:5px 10px;background:#091a3a79;border:1px solid #628add3c;border-radius:999px;letter-spacing:0}
@media(prefers-reduced-motion:no-preference){.auth-gate .fx4981-cosmos{animation:fx4981-breath 9s ease-in-out infinite alternate}@keyframes fx4981-breath{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-10px) rotate(-1deg)}}}
@media(max-width:900px){.auth-gate .auth-gate-main.fx498-gateway-main{grid-template-columns:1fr;min-height:0!important;padding:14px 20px 36px!important;gap:10px!important}.auth-gate .fx498-gateway-copy{width:100%;text-align:center;padding:24px 0 12px!important}.auth-gate .fx498-gateway-copy h1{font-size:clamp(39px,8vw,65px)!important;max-width:680px;margin:12px auto 14px}.auth-gate .fx498-gateway-copy>p{font-size:16px!important}.auth-gate .fx4981-cosmos{left:22%;top:8%;width:75%;height:55%;opacity:.26;filter:blur(1px)}.auth-gate .fx498-login-card{justify-self:center;max-width:540px!important;padding:25px!important;margin:4px auto 24px!important}.auth-gate .fx498-login-card .auth-mark-wrap{width:65px;height:65px}.auth-gate .fx498-login-card>p{margin-bottom:14px}.auth-gate .fx498-features{justify-content:center;margin-top:22px;gap:7px!important}.auth-gate .fx498-features>div{min-height:42px;padding:8px 12px;font-size:11px}.auth-gate .fx498-features>div i{width:26px;height:26px;font-size:15px}.auth-gate .fx498-gateway-footer{position:relative;bottom:auto;margin-top:0;padding-bottom:18px!important}.auth-gate .auth-gate-top{padding:14px 20px!important}}
@media(max-width:540px){.auth-gate .auth-gate-main.fx498-gateway-main{padding:0 14px 12px!important}.auth-gate .fx498-gateway-copy{padding:15px 0 4px!important}.auth-gate .fx498-gateway-copy h1{font-size:clamp(36px,10vw,49px)!important}.auth-gate .fx498-gateway-copy>p{font-size:14px!important}.auth-gate .fx498-features{gap:5px!important;margin-top:15px}.auth-gate .fx498-features>div{padding:7px 9px;font-size:10px;gap:5px}.auth-gate .fx498-login-card{padding:20px!important}.auth-gate .fx498-login-card .btn{min-height:52px!important}.auth-gate .fx498-gateway-footer{gap:5px}.auth-gate .fx498-gateway-footer span{font-size:9px;padding:5px 7px}}
/* Review Studio uses existing real Binder/scan actions, not simulated visual controls. */
.add-v460-mode[data-add-mode-panel="page"]>.add-v460-mode-title h2{font-size:clamp(24px,2.7vw,38px);letter-spacing:-.035em}
.add-v460-mode[data-add-mode-panel="page"]>.add-v460-mode-title p{font-size:13px;color:#b5c9e1}
.fx4981-studio-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(370px,.86fr);gap:16px;align-items:stretch}
.fx4981-studio-canvas,.fx4981-studio-results{border:1px solid #478fff55!important;border-radius:23px!important;background:linear-gradient(165deg,#09182fdb,#0a1230ee)!important;box-shadow:inset 0 1px #87daff21,0 15px 50px #0004}
.fx4981-studio-canvas .panel-head,.fx4981-studio-results .panel-head{padding:20px 20px 12px}
.fx4981-studio-canvas .panel-head h2,.fx4981-studio-results .panel-head h2{font-size:19px!important}
.fx4981-studio-canvas .panel-head p,.fx4981-studio-results .panel-head p{font-size:12px!important;color:#9cb7d8}
.fx4981-studio-canvas #binderStage2{height:clamp(310px,54vh,630px)!important;max-height:630px!important;min-height:310px!important;margin:0 14px 15px!important;border:1px solid #63c9ff66!important;border-radius:20px!important;background:radial-gradient(circle at 50% 45%,#234a8740,transparent 57%),#020b1b}
.fx4981-studio-canvas #binderPreview2:not([hidden]){display:block!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;background:transparent!important}
.fx4981-studio-results{min-height:0!important;max-height:760px;overflow:hidden;display:flex;flex-direction:column}
.fx4981-studio-tabs{display:flex;gap:7px;margin:0 15px 12px;padding:5px;border:1px solid #5d97e533;border-radius:14px;background:#091934}
.fx4981-studio-tabs button{flex:1;min-width:0;cursor:pointer;border:1px solid transparent;border-radius:10px;background:transparent;color:#9ebce0;font-size:12px;font-weight:750;padding:11px 6px}
.fx4981-studio-tabs button.active{background:linear-gradient(115deg,#0d6aa0bd,#4037ad8c);border-color:#62dfffbd;color:white;box-shadow:0 0 18px #1bc9ff29}
.fx4981-studio-results .fx498-retry-note{font-size:11px;margin:0 12px 9px;padding:5px}
.fx4981-studio-results .binder-smart-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;padding:0 13px 13px!important;align-content:start;overflow-y:auto!important;max-height:500px!important;min-height:120px}
.fx4981-studio-results .binder-result-row,.fx4981-studio-results .binder-result-row:has(.binder-row-retry){display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto minmax(100px,1fr) auto auto auto!important;align-items:start!important;gap:5px!important;min-width:0;min-height:238px;padding:9px!important;border:1px solid #619bfa45!important;border-radius:15px!important;overflow:hidden;cursor:default;background:linear-gradient(165deg,#0a1e3c,#0b1730)}
.fx4981-studio-results .binder-result-row.good{border-color:#42eac27e!important}.fx4981-studio-results .binder-result-row.warn{border-color:#eeb7567d!important}.fx4981-studio-results .binder-result-row.bad{border-color:#e86c888a!important}
.fx4981-studio-results .binder-result-index{grid-column:1;grid-row:1;padding:3px 6px;font-size:11px;color:#7ce6ff}
.fx4981-studio-results .binder-result-confidence{grid-column:2;grid-row:1;text-align:right;font-size:12px}
.fx4981-studio-results .binder-result-thumb{grid-column:1/-1;grid-row:2;width:100%!important;height:144px!important;object-fit:contain!important;background:#031026;border-radius:10px;justify-self:center;max-width:100%}
.fx4981-studio-results .binder-result-copy{grid-column:1/-1;grid-row:3;min-height:34px;align-self:center}.fx4981-studio-results .binder-result-copy strong{font-size:11px}.fx4981-studio-results .binder-result-copy small{font-size:9px;white-space:normal;line-height:1.3}
.fx4981-studio-results .binder-row-adjust{grid-column:1;grid-row:4;justify-self:stretch;height:30px;border:1px solid #6c9fc456;border-radius:8px;background:#142950;color:#cceafe}.fx4981-studio-results .binder-row-retry,.fx4981-studio-results .binder-row-detail{grid-column:2;grid-row:4;justify-self:stretch;width:100%;height:30px;min-width:0;font-size:10px;background:#123959;border:1px solid #67bafa65;border-radius:8px;color:#d9ecff}
.fx4981-studio-results .binder-slot-progress-v470{grid-column:1/-1!important;grid-row:5!important;margin:0!important}
.fx4981-studio-results[data-review-view="review"] .binder-result-row.good{display:none!important}
.fx4981-studio-results[data-review-view="details"] .binder-smart-results{display:none!important}
.fx4981-studio-results[data-review-view="details"] .fx498-retry-note{display:none}
.fx4981-studio-results .binder-side-summary{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #6aabff30;padding:11px}
.fx4981-studio-results .binder-side-summary span{font-size:10px;color:#a7bddd}.fx4981-studio-results .binder-side-summary b{font-size:18px}
.fx4981-studio-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(160px,.9fr);gap:12px;margin:15px 0 8px;padding:12px;border:1px solid #518eff53;border-radius:20px;background:linear-gradient(110deg,#0a2143ec,#111334e9)}
.fx4981-studio-dock .btn{display:flex;align-items:center;gap:11px;min-width:0;min-height:69px;text-align:left;padding:13px 16px;font-size:13px;border-radius:13px}
.fx4981-studio-dock .btn>span:first-child{font-size:23px;line-height:1}
.fx4981-studio-dock .btn b{display:block;font-size:12px}
.fx4981-studio-dock .btn small{display:block;margin-top:4px;font-size:10px;opacity:.75;font-weight:500;white-space:normal}
.fx4981-studio-dock #fx4981ShowUnmatched{border-color:#e982ae81;color:#ffd4e4;background:#35142dce}
.fx4981-studio-dock #fx4981AddConfirmed{background:linear-gradient(110deg,#0d80b9,#5545db);border-color:#6be7ff80}
@media(max-width:1180px){.fx4981-studio-grid{grid-template-columns:minmax(0,1fr)}.fx4981-studio-results{max-height:none}.fx4981-studio-results .binder-smart-results{grid-template-columns:repeat(3,minmax(0,1fr));max-height:500px}.fx4981-studio-dock{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fx4981-studio-results .binder-smart-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.fx4981-studio-results .binder-result-row{min-height:211px!important}.fx4981-studio-results .binder-result-thumb{height:112px!important}.fx4981-studio-canvas #binderStage2{height:min(50vh,390px)!important;min-height:220px!important}.fx4981-studio-dock{gap:7px;padding:8px}.fx4981-studio-dock .btn{padding:10px;gap:6px;min-height:63px;font-size:11px}.fx4981-studio-dock .btn b{font-size:11px}.fx4981-studio-dock .btn small{font-size:8px}}

.fx4981-studio-info{display:none;padding:14px;margin:0 15px;border-radius:12px;background:#0c2344;border:1px solid #5c9fe94b;color:#b9d8f4;font-size:12px;line-height:1.65}
.fx4981-studio-results[data-review-view="details"] .fx4981-studio-info{display:block}