.ecx-app{--bg:#0c0c0e;--surface:#18181c;--surface-2:#232327;--border:#2c2c31;--text:#f2f1ec;--text-dim:#9b9aa1;--text-faint:#68676d;--accent:#d7a13f;--accent-soft:#d7a13f29;--shadow-1:0 30px 70px -20px #000000a6, 0 6px 18px -6px #00000080;--app-h:clamp(560px, 82vh, 900px);height:var(--app-h);background:var(--bg);max-width:1200px;color:var(--text);box-shadow:var(--shadow-1);border-radius:14px;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.ecx-app,.ecx-app *{box-sizing:border-box}.ecx-app button{font-family:inherit}.ecx-app:fullscreen{--app-h:100vh;border-radius:0;max-width:none;margin:0}.ecx-app .ecx-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex}.ecx-app .ecx-brand{align-items:center;gap:12px;min-width:0;display:flex}.ecx-app .ecx-brand-logo{flex:none;display:block}.ecx-app .ecx-brand-sub{color:var(--text-dim);letter-spacing:.03em;white-space:nowrap;border-left:2px solid var(--accent);padding-left:11px;font-size:12.5px}@media (max-width:560px){.ecx-app .ecx-brand-sub{display:none}}.ecx-app .ecx-nav-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ecx-app .ecx-divider{background:var(--border);width:1px;height:22px;margin:0 2px}.ecx-app .ecx-icon-btn{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.ecx-app .ecx-icon-btn:hover:not(:disabled){color:var(--text);background:#2b2b30;border-color:#3a3a40}.ecx-app .ecx-icon-btn:active:not(:disabled){transform:translateY(1px)}.ecx-app .ecx-icon-btn:disabled{opacity:.4;cursor:default}.ecx-app .ecx-icon-btn.ecx-active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.ecx-app .ecx-icon-btn svg{width:17px;height:17px}.ecx-app .ecx-page-jump{background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:3px;height:36px;padding:0 6px 0 12px;font-size:14px;display:flex}.ecx-app .ecx-page-jump input{width:3.6ch;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none}.ecx-app .ecx-page-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ecx-app .ecx-page-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ecx-app .ecx-of{color:var(--text-faint);margin-left:4px}.ecx-app .ecx-total{color:var(--text-dim)}.ecx-app .ecx-stage{background:radial-gradient(ellipse at center, var(--surface) 0%, var(--bg) 72%);flex:1;justify-content:center;align-items:center;min-height:0;padding:22px;display:flex;position:relative;overflow:hidden}.ecx-app .ecx-page-card{max-height:100%;box-shadow:var(--shadow-1);perspective:2200px;background:#111113;border-radius:5px;transition:width .34s cubic-bezier(.4,0,.2,1),aspect-ratio .34s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ecx-app .ecx-page-card.ecx-single{width:min(86%, calc((var(--app-h) - 150px) * 1.4134));aspect-ratio:1754/1241}.ecx-app .ecx-page-card.ecx-spread{width:min(94%, calc((var(--app-h) - 150px) * 2.8268));aspect-ratio:3508/1241}.ecx-app .ecx-flip-rotator{width:100%;height:100%;transform-style:preserve-3d;transform-origin:50%;transition:transform .3s cubic-bezier(.45,0,.2,1),filter .3s}.ecx-app .ecx-flip-rotator.ecx-flip-out{transform:rotateY(calc(var(--flip-dir,1) * -88deg));filter:brightness(.45)saturate(.85)}@media (prefers-reduced-motion:reduce){.ecx-app .ecx-flip-rotator,.ecx-app .ecx-page-card{transition:none}}.ecx-app .ecx-spread-inner{width:100%;height:100%;display:flex;position:relative}.ecx-app .ecx-page-slot{flex:50%;min-width:0;height:100%;display:flex;position:relative}.ecx-app .ecx-page-card.ecx-single .ecx-slot-b{display:none}.ecx-app .ecx-page-card.ecx-single .ecx-slot-a{flex:100%}.ecx-app .ecx-page-img{object-fit:contain;cursor:zoom-in;touch-action:none;width:100%;height:100%;transform:translate(var(--panX,0px),var(--panY,0px)) scale(var(--zoomScale,1));background:#fff;transition:transform .22s;display:block}.ecx-app .ecx-page-img.ecx-zoomed{cursor:zoom-out}.ecx-app .ecx-page-img.ecx-dragging{transition:none}.ecx-app .ecx-page-card.ecx-spread .ecx-slot-a .ecx-page-img{box-shadow:inset -22px 0 26px -22px #00000080}.ecx-app .ecx-page-card.ecx-spread .ecx-slot-b .ecx-page-img{box-shadow:inset 22px 0 26px -22px #00000080}.ecx-app .ecx-spinner{pointer-events:none;opacity:0;z-index:3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.ecx-app .ecx-spinner.ecx-show{opacity:1}.ecx-app .ecx-spinner span{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite ecx-spin}@keyframes ecx-spin{to{transform:rotate(360deg)}}.ecx-app .ecx-nav-zone{cursor:pointer;width:17%;color:var(--text);opacity:0;z-index:4;background:0 0;border:none;align-items:center;padding:0;transition:opacity .18s;display:flex;position:absolute;top:0;bottom:0}.ecx-app .ecx-nav-zone:hover,.ecx-app .ecx-nav-zone:focus-visible{opacity:1}.ecx-app .ecx-nav-zone.ecx-prev{background:linear-gradient(90deg,#00000059,#0000);justify-content:flex-start;padding-left:10px;left:0}.ecx-app .ecx-nav-zone.ecx-next{background:linear-gradient(270deg,#00000059,#0000);justify-content:flex-end;padding-right:10px;right:0}.ecx-app .ecx-nav-zone[disabled]{display:none}.ecx-app .ecx-nav-zone.ecx-zoom-locked{pointer-events:none;opacity:0!important}.ecx-app .ecx-nav-zone svg{filter:drop-shadow(0 2px 6px #0009);width:30px;height:30px}.ecx-app .ecx-hint{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#121214e0;border-radius:999px;padding:8px 14px;font-size:12.5px;transition:opacity .5s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ecx-app .ecx-hint.ecx-show{opacity:1}.ecx-app .ecx-filmstrip-wrap{background:var(--surface);border-top:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:10px 14px;transition:max-height .22s,padding .22s,opacity .22s;overflow:auto hidden}.ecx-app .ecx-filmstrip-wrap.ecx-collapsed{opacity:0;border-top-color:#0000;max-height:0;padding-top:0;padding-bottom:0}.ecx-app .ecx-filmstrip{gap:6px;width:max-content;display:flex}.ecx-app .ecx-thumb{cursor:pointer;opacity:.5;background-color:#161618;background-repeat:no-repeat;border:2px solid #0000;border-radius:4px;flex:none;width:72px;height:51px;padding:0;transition:opacity .15s,border-color .15s}.ecx-app .ecx-thumb:hover{opacity:.85}.ecx-app .ecx-thumb.ecx-current{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px #d7a13f59}.ecx-app ::-webkit-scrollbar{height:7px}.ecx-app ::-webkit-scrollbar-track{background:0 0}.ecx-app ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ecx-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}