/* CC2 Owner Binder only. Public/Trial/Share never receive .bx-enabled. */
body.bx-enabled{--bx-ink:#f6f8ff;--bx-muted:#a2b6cd;--bx-line:#8bacc62e;--bx-panel:#0b1826;--bx-accent:#fa446c;--bx-soft:#142437}
body.bx-enabled:not([data-theme="dark"]){--bx-ink:#172a3c;--bx-muted:#536d83;--bx-line:#3b64842e;--bx-panel:#f4f8fd;--bx-accent:#ce2450;--bx-soft:#e4edf6}
.bx-enabled #binderView{color:var(--bx-ink);font-family:inherit}
.bx-enabled #binderView :is(button,input,select){font-family:inherit}
.bx-enabled #binderView :is(button,summary,[role="button"]){touch-action:manipulation}
.bx-enabled #binderView :is(button,input,summary,[tabindex]):focus-visible{outline:2px solid #6bd8ed!important;outline-offset:3px!important}
.bx-enabled #binderView svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bx-enabled #binderView .bx-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;color:var(--bx-accent)}
.bx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bx-enabled #binderView .bx-library-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 12px;background:none;border:0;box-shadow:none}
.bx-enabled #binderView .bx-library-head h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-.035em;margin:6px 0}
.bx-enabled #binderView .bx-library-head p{font-size:14px;color:var(--bx-muted);margin:0}
.bx-enabled #binderView .bx-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:11px 22px;border:1px solid #fb5477;border-radius:11px;background:linear-gradient(125deg,#a62a4a99,#571d33bb);color:#fff;box-shadow:inset 0 1px #ffb6c328,0 6px 24px -14px #f53e6c;cursor:pointer;font-size:12px;font-weight:700;white-space:normal}
.bx-enabled:not([data-theme="dark"]) #binderView .bx-primary{background:linear-gradient(120deg,#d72c56,#ad244a);border-color:#ce2b53;color:#fff}
.bx-enabled #binderView .bx-primary>span{font-size:23px;line-height:1}
.bx-enabled #binderView .bx-library-section{display:grid;gap:12px;padding:0;border:0;background:none;min-width:0}
.bx-enabled #binderView .bx-section-title{display:flex;align-items:center;gap:12px;margin:12px 0 0;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.21em;color:var(--bx-muted);font-weight:750}
.bx-enabled #binderView .bx-section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--bx-line),transparent)}
.bx-enabled #binderView .bx-section-title>span{letter-spacing:0;font-weight:500}
.bx-enabled #binderView .bx-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-width:0}
.bx-enabled #binderView .bx-library-binder{position:relative;display:grid!important;gap:16px;min-width:0;padding:22px;border:1px solid var(--bx-line);border-radius:17px;background:radial-gradient(ellipse at 20% 10%,color-mix(in srgb,var(--bx-accent) 9%,transparent),transparent 65%),linear-gradient(140deg,color-mix(in srgb,var(--bx-panel) 92%,#355071),var(--bx-panel));box-shadow:inset 0 1px #d4e7ff07,0 18px 30px -26px #0009;transform:none;transition:border-color .2s,box-shadow .2s}
.bx-enabled #binderView .bx-library-binder:hover{transform:none;border-color:color-mix(in srgb,var(--bx-accent) 50%,var(--bx-line));box-shadow:0 18px 30px -26px #0009,inset 0 1px #d4e7ff09}
.bx-enabled #binderView .bx-featured{grid-template-columns:210px minmax(0,1fr) 175px!important;align-items:center;min-height:240px;background:radial-gradient(ellipse at 15% 70%,#f0446a1a,transparent 48%),linear-gradient(125deg,var(--bx-soft),var(--bx-panel) 70%)}
.bx-enabled #binderView .bx-cover-button{display:grid;place-items:center;align-self:center;width:100%;min-width:0;min-height:0;padding:4px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;perspective:900px}
.bx-enabled #binderView .bx-cover{position:relative;display:block;isolation:isolate;width:147px;height:194px;transform:rotateY(-18deg) rotateZ(-2deg);transform-style:preserve-3d;filter:drop-shadow(12px 17px 12px #0007);transition:transform .25s}
.bx-enabled #binderView .bx-cover-button:hover .bx-cover{transform:rotateY(-11deg) rotateZ(-1deg) translateY(-3px)}
.bx-enabled #binderView .bx-cover-front{position:absolute;inset:0 0 0 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:10px;border:1px solid color-mix(in srgb,var(--bx-accent) 46%,#4e4f55);border-radius:6px 10px 10px 5px;background:radial-gradient(ellipse at 80% 5%,#ffffff0d,transparent 65%),repeating-linear-gradient(30deg,#ffffff03 0 1px,#00000003 1px 3px),linear-gradient(100deg,#070b10,#1b2028 35%,#10151c);box-shadow:inset 4px 0 5px #000b,inset -1px 0 #ddd2,inset 0 0 0 6px #090d1399}
.bx-enabled #binderView .bx-cover-front:before{content:"";position:absolute;inset:7px;border:1px dashed #a8a6a32c;border-radius:3px 7px 7px 3px;pointer-events:none}
.bx-enabled #binderView .bx-cover-front:after{content:"";position:absolute;right:16%;top:0;bottom:0;width:8%;background:linear-gradient(90deg,color-mix(in srgb,var(--bx-accent) 60%,#17171c),var(--bx-accent),color-mix(in srgb,var(--bx-accent) 65%,#080b10));box-shadow:1px 0 #fff2,-2px 0 #0007;z-index:0}
.bx-enabled #binderView .bx-cover-front>:is(.bx-cover-monogram,.bx-cover-brand,.bx-cover-name){z-index:1}
.bx-enabled #binderView .bx-cover-front>img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;border-radius:3px;z-index:1}
.bx-enabled #binderView .bx-cover-spine{position:absolute;inset:0 auto 0 0;width:23px;border:1px solid #68768166;border-radius:7px 2px 2px 7px;background:linear-gradient(90deg,#03060a,#272e35 40%,#0b0f14);box-shadow:inset 2px 0 #fff1;display:grid;place-items:center}
.bx-enabled #binderView .bx-cover-spine>b{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.2em;font-size:10px;color:var(--bx-accent);font-weight:850}
.bx-enabled #binderView .bx-cover-spine>i{position:absolute;bottom:12px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#33404b 65%);box-shadow:0 1px 2px #000}
.bx-enabled #binderView .bx-cover-monogram{color:var(--bx-accent);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--bx-accent) 20%,transparent))}
.bx-enabled #binderView .bx-cover-monogram svg{width:46px;height:46px;stroke-width:1.2}
.bx-enabled #binderView .bx-cover-brand{font-size:17px;font-style:italic;letter-spacing:-.04em;color:#e5ebf2}
.bx-enabled #binderView .bx-cover-brand>span{color:var(--bx-accent)}
.bx-enabled #binderView .bx-cover-name{position:absolute;bottom:17px;left:15px;right:15px;padding:4px;overflow:hidden;max-height:34px;line-height:1.25;color:#e1e8f3;font-size:8px;font-weight:700;text-align:center;background:#070c12cc;border-radius:4px;overflow-wrap:anywhere}
.bx-enabled #binderView .bx-featured .bx-cover{width:165px;height:216px}
.bx-enabled #binderView .bx-library-copy{min-width:0;align-self:center}
.bx-enabled #binderView .bx-library-copy h3{font-size:18px;font-weight:750;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere;letter-spacing:-.02em}
.bx-enabled #binderView .bx-featured h3{font-size:clamp(22px,2.2vw,30px);margin:0}
.bx-enabled #binderView .bx-library-copy p{color:var(--bx-muted);font-size:12px;line-height:1.5;margin:6px 0 16px;overflow-wrap:anywhere}
.bx-enabled #binderView .bx-library-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.bx-enabled #binderView .bx-system{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid var(--bx-line);border-radius:7px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--bx-muted)}
.bx-enabled #binderView .bx-system svg{width:12px;height:12px}
.bx-enabled #binderView .bx-library-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--bx-muted);font-size:11px}
.bx-enabled #binderView .bx-library-meta>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.bx-enabled #binderView .bx-library-meta svg{width:17px;height:17px}
.bx-enabled #binderView .bx-featured-open{display:grid;gap:13px;align-items:center;text-align:center}
.bx-enabled #binderView .bx-featured-open small{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--bx-muted)}
.bx-enabled #binderView .bx-featured-open small svg{width:12px;height:12px}
.bx-enabled #binderView .bx-library-actions{display:flex;gap:8px;align-self:end}
.bx-enabled #binderView .bx-library-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:0;padding:9px 12px;border:1px solid var(--bx-line);border-radius:9px;color:var(--bx-ink);background:transparent;font-size:11px;font-weight:650;cursor:pointer}
.bx-enabled #binderView .bx-library-actions>.bx-primary{flex:1;background:linear-gradient(125deg,#a62a4a99,#571d33bb);border-color:#f64a71;color:#fff}
.bx-enabled:not([data-theme="dark"]) #binderView .bx-library-actions>.bx-primary{background:linear-gradient(120deg,#d72c56,#ad244a)}
.bx-enabled #binderView .bx-library-actions>.bx-delete{color:var(--bx-accent);background:none}
.bx-enabled #binderView .bx-library-actions>.bx-delete>span{display:none}
.bx-enabled #binderView .bx-library-actions svg{width:16px;height:16px}
.bx-enabled #binderView .bx-library-empty{grid-column:1/-1;display:grid;place-items:center;gap:12px;padding:42px 18px;border:1px dashed var(--bx-line);border-radius:16px;color:var(--bx-muted)}
.bx-enabled #binderView .bx-library-empty>svg{width:38px;height:38px;color:var(--bx-accent)}
.bx-enabled #binderView .bx-library-empty>h3{margin:0;font-size:17px;font-weight:550}
.bx-enabled #binderView .bx-library-empty>button{background:none;border:0;color:var(--bx-accent);font-size:12px;min-height:44px;cursor:pointer}

/* Compact workspace chrome; certified tools are moved, never recreated. */
.bx-enabled #binderView.v005-national-binder-mode>:is(.binder-toolbar,.binder-stats),
.bx-enabled #binderView.v005-custom-binder-mode :is(.v005-custom-summary,.v005-custom-footnote){display:none!important}
.bx-enabled #binderView.v005-national-binder-mode>#v005BinderSurface{display:none!important}
.bx-enabled #binderView :is(.binder-mode-copy,.v005-custom-mode-bar>div:last-child,.wish-summary,.binder-page-header){display:none!important}
.bx-enabled #binderView :is(.v005-national-identity-head,.v005-custom-head.v005-binder-identity-head){display:grid!important;grid-template-columns:auto 36px minmax(0,1fr) auto!important;gap:12px!important;min-height:56px;padding:0 0 10px!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.bx-enabled #binderView .v005-binder-identity-copy h2{font-size:clamp(19px,2vw,27px)!important;line-height:1.2!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere}
.bx-enabled #binderView .v005-binder-identity-copy :is(p,span){font-size:10px!important;line-height:1.25!important;margin:3px 0 0!important}
.bx-enabled #binderView .v005-custom-identity-mark{width:34px!important;height:43px!important;border-radius:6px!important;box-shadow:none!important}
.bx-enabled #binderView :is(.v005-back,.v005-settings){display:inline-flex;align-items:center;justify-content:center;min-height:40px!important;padding:8px 10px!important;border:1px solid var(--bx-line)!important;border-radius:9px!important;background:transparent!important;color:var(--bx-muted)!important;font-size:10px!important}
.bx-enabled #binderView .binder-head-actions{display:flex!important;gap:8px!important}
.bx-enabled #binderView #binderBadge{display:none!important}
.bx-enabled #binderView .bx-commandbar{position:relative;display:flex;align-items:center;gap:12px;min-width:0;z-index:25;margin:0 0 14px}
.bx-enabled #binderView :is(.binder-mode-bar,.v005-custom-mode-bar){display:block!important;grid-template-columns:none!important;gap:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;flex:none}
.bx-enabled #binderView :is(.binder-mode-toggle,.v005-custom-mode-toggle){display:flex;gap:2px;padding:3px!important;border:1px solid var(--bx-line);border-radius:9px;background:color-mix(in srgb,var(--bx-panel) 90%,transparent)}
.bx-enabled #binderView :is(.binder-mode-toggle,.v005-custom-mode-toggle)>button{min-height:34px!important;min-width:0!important;padding:7px 10px!important;border:0!important;border-radius:6px!important;background:none!important;color:var(--bx-muted)!important;font-size:9px!important;letter-spacing:0!important;box-shadow:none!important}
.bx-enabled #binderView :is(.binder-mode-toggle,.v005-custom-mode-toggle)>button[aria-pressed="true"]{background:color-mix(in srgb,var(--bx-accent) 18%,var(--bx-panel))!important;color:var(--bx-ink)!important}
.bx-enabled #binderView .bx-search{position:relative;flex:1;display:flex;align-items:center;min-width:100px;max-width:500px;min-height:40px;border:1px solid var(--bx-line);border-radius:10px;background:color-mix(in srgb,var(--bx-panel) 70%,transparent)}
.bx-enabled #binderView .bx-search>label{padding-left:11px;color:var(--bx-muted);display:grid;place-items:center}
.bx-enabled #binderView .bx-search>input{display:block;width:100%;min-width:0;min-height:40px;padding:8px 30px 8px 10px;border:0;border-radius:10px;background:transparent;font-size:12px;color:var(--bx-ink);box-shadow:none}
.bx-enabled #binderView .bx-search>input::placeholder{color:var(--bx-muted)}
.bx-enabled #binderView .bx-search-clear{position:absolute;right:2px;top:0;bottom:0;width:34px;min-height:38px;border:0;background:none;color:var(--bx-muted);font-size:21px;cursor:pointer}
.bx-enabled #binderView [hidden]{display:none!important}
.bx-enabled #binderView .bx-search-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:60;max-height:min(350px,42dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--bx-line);border-radius:12px;padding:5px;background:var(--bx-panel);box-shadow:0 20px 50px #0007}
.bx-enabled #binderView .bx-search-results>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:9px;border:0;border-radius:7px;background:none;color:var(--bx-ink);font-size:10px;text-align:left;cursor:pointer}
.bx-enabled #binderView .bx-search-results>button:hover{background:var(--bx-soft)}
.bx-enabled #binderView .bx-search-results>button>span:first-child{display:grid;gap:2px}
.bx-enabled #binderView .bx-search-results small{color:var(--bx-muted);font-size:9px}
.bx-enabled #binderView .bx-search-results>p{padding:12px;font-size:12px;color:var(--bx-muted)}
.bx-enabled #binderView .bx-tools{position:relative;margin-left:auto;flex:none}
.bx-enabled #binderView .bx-tools>summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:40px;padding:8px 11px;border:1px solid var(--bx-line);border-radius:9px;color:var(--bx-muted);font-size:10px;cursor:pointer}
.bx-enabled #binderView .bx-tools>summary::-webkit-details-marker{display:none}
.bx-enabled #binderView .bx-tools-content{position:absolute;right:0;top:calc(100% + 7px);z-index:50;min-width:270px;max-width:min(440px,calc(100vw - 28px));max-height:55dvh;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--bx-line);border-radius:12px;background:var(--bx-panel);box-shadow:0 14px 50px #0006}
.bx-enabled #binderView .bx-tools-content :is(.binder-jump-controls,.binder-missing-toggle){display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-size:11px}
.bx-enabled #binderView .bx-tools-content :is(button,select,input){min-height:40px!important;padding:8px!important;font-size:12px!important;max-width:100%;box-sizing:border-box;color:var(--bx-ink)}
.bx-enabled #binderView .bx-tools-content .binder-page-input{width:60px}
.bx-enabled #binderView .bx-tools-content .v005-page-workspace-head{display:grid;gap:10px;padding:0;background:none;border:0}
.bx-enabled #binderView .bx-tools-content .v005-page-workspace-actions{display:flex;flex-wrap:wrap;gap:6px}
.bx-enabled #binderView .bx-tools-content .v005-layout-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bx-enabled #binderView .bx-tools-content .v005-layout-lock-note{display:grid;padding:8px 0;font-size:10px}

/* The desk sizes from measured available height, not a row-by-row scrolling grid. */
.bx-enabled #binderView :is(.binder-page-shell,.v005-custom-page){padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;min-width:0;touch-action:pan-y!important}
.bx-enabled #binderView .binder-page-shell:before{content:none!important}
.bx-enabled #binderView .bx-workspace{display:grid;grid-template-columns:minmax(0,1fr) clamp(168px,13vw,224px);align-items:start;gap:14px;width:100%;min-width:0}
.bx-enabled #binderView .bx-desk{display:flex;align-items:center;flex-direction:column;min-width:0;position:relative;isolation:isolate}
.bx-enabled #binderView .bx-mobile-pages{display:none}
.bx-enabled #binderView .bx-book{--bx-card-w:80px;--bx-card-h:112px;--bx-grid-w:338px;--bx-grid-h:466px;--bx-page-w:358px;--bx-book-w:776px;--bx-book-h:540px;--bx-rows:4;--bx-columns:4;position:relative;display:grid;grid-template-columns:var(--bx-page-w) 26px var(--bx-page-w);align-items:stretch;width:var(--bx-book-w);max-width:100%;min-width:0;height:var(--bx-book-h);padding:12px;box-sizing:border-box;border:1px solid #5e667278;border-radius:19px;background:radial-gradient(ellipse at 40% 10%,#ffffff08,transparent 65%),repeating-linear-gradient(30deg,#ffffff04 0 1px,#0001 1px 3px),linear-gradient(110deg,#080b0f,#202329 45%,#090d12);box-shadow:inset 0 0 0 5px #090c11,inset 0 0 0 7px #6a6e7436,0 22px 28px -14px #000a,0 4px 0 #030609;perspective:1600px;transform-style:preserve-3d}
.bx-enabled #binderView .bx-book:after{content:"";position:absolute;inset:8px;border:1px dashed #a7a5a532;border-radius:12px;pointer-events:none}
.bx-enabled #binderView :is(.bx-facing,.bx-current){box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;padding:22px 10px 0;border:1px solid #b9c7d337;border-radius:5px;background:linear-gradient(110deg,#e7eef915,#ffffff04 12%,#0003 90%);box-shadow:inset 0 1px #f7faff44,0 1px 0 #000,0 3px 0 -1px #b1c6d13d,0 5px 0 -2px #11151c;transform-style:preserve-3d}
.bx-enabled #binderView .bx-facing{background:linear-gradient(90deg,#02060c55,#c3d8e810 96%,#0009)}
.bx-enabled #binderView .bx-current{z-index:3;background:linear-gradient(110deg,#1d283338,#eff6ff0c 20%,#03081045)}
.bx-enabled #binderView .bx-rings{display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:0;position:relative;z-index:5;background:linear-gradient(90deg,#02040a88,#74808c55 18%,#101319 40%,#000a 60%,#9aa6af50 80%,#0009);border-radius:4px}
.bx-enabled #binderView .bx-rings>i{display:block;width:40px;height:14px;border-radius:50%;border-top:5px solid #cbd2d5;border-bottom:3px solid #49535f;background:linear-gradient(#bec7cc,#1b2630 55%,#87959e);box-shadow:0 3px 3px #000,0 -1px 0 #fff,4px 2px 2px #0006;transform:rotate(-7deg)}
.bx-enabled #binderView .bx-inside-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;height:var(--bx-grid-h);max-width:100%;text-align:center;color:#8296aa45}
.bx-enabled #binderView .bx-inside-cover>svg{width:60px;height:60px;stroke-width:1}
.bx-enabled #binderView .bx-inside-cover>b{font-size:clamp(22px,3vw,42px);font-style:italic;letter-spacing:-.04em;color:#bac8d14d;text-shadow:1px 2px #000}
.bx-enabled #binderView .bx-inside-cover>b>span{color:#c644605e}
.bx-enabled #binderView .bx-inside-cover>small{font-size:10px;color:#96a8b56e;max-width:90%;overflow-wrap:anywhere}
.bx-enabled #binderView :is(.bx-pocket-grid,.bx-facing-grid){display:grid!important;grid-template-columns:repeat(var(--bx-columns),var(--bx-card-w))!important;grid-template-rows:repeat(var(--bx-rows),var(--bx-card-h))!important;grid-auto-rows:var(--bx-card-h)!important;gap:var(--bx-gap,6px)!important;box-sizing:border-box;width:var(--bx-grid-w)!important;min-width:var(--bx-grid-w)!important;max-width:none!important;height:var(--bx-grid-h)!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;position:relative;z-index:2;align-items:stretch!important}
.bx-enabled #binderView .bx-facing-grid{grid-template-columns:repeat(var(--bx-facing-cols),minmax(0,1fr))!important;grid-template-rows:repeat(var(--bx-facing-rows),minmax(0,1fr))!important}
.bx-enabled #binderView .bx-facing-pocket{position:relative;display:grid;place-items:center;min-height:0;min-width:0;padding:3px;border:1px solid #b9cbd03b;border-top-color:#e8f3f459;border-radius:3px;background:linear-gradient(125deg,#effaff08,transparent 55%,#d2efff08);box-shadow:inset 0 2px #0005;cursor:pointer;overflow:hidden}
.bx-enabled #binderView .bx-facing-pocket>img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain;filter:brightness(.9)}
.bx-enabled #binderView .bx-facing-pocket>span{font-size:9px;color:#8fa1ad60}
.bx-enabled #binderView :is(.bx-page-folio,.bx-face-folio){display:block;min-height:20px;padding:3px 0 0;font-size:9px;line-height:14px;color:#a6bacb9c;text-align:center;box-sizing:border-box}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav){display:grid!important;grid-template-columns:44px minmax(120px,auto) 44px!important;align-items:center!important;justify-content:center;gap:12px!important;padding:14px 0 0!important;margin:0!important;min-height:54px;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;width:100%}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav)>button{display:grid;place-items:center;width:44px;min-width:44px;max-width:44px;height:40px;min-height:40px!important;padding:0!important;border:1px solid var(--bx-line)!important;border-radius:10px!important;background:var(--bx-panel)!important;color:transparent!important;font-size:0!important;position:relative;cursor:pointer}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav)>button:after{content:"";width:8px;height:8px;border-top:2px solid var(--bx-ink);border-right:2px solid var(--bx-ink);transform:rotate(45deg);margin-right:4px}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav)>button:first-child:after{transform:rotate(-135deg);margin-right:0;margin-left:4px}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav)>button:disabled{opacity:.3;cursor:default}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav)>div{text-align:center;min-width:0;display:grid;gap:2px}
.bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav) strong{font-size:12px!important;font-weight:550;color:var(--bx-ink)}
.bx-enabled #binderView .v005-custom-page-nav small{display:block!important;font-size:9px!important;color:var(--bx-muted)}
.bx-enabled #binderView .bx-page-hint{min-height:0;margin:0;font-size:9px;color:var(--bx-muted);text-align:center}
.bx-enabled #binderView .bx-page-hint:not(:empty){padding:7px 0 0}
.bx-enabled #binderView .bx-page-edge{position:absolute;z-index:6;top:12px;bottom:12px;width:12px;min-width:0;min-height:0;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer}
.bx-enabled #binderView .bx-edge-previous{left:0}.bx-enabled #binderView .bx-edge-next{right:0}
.bx-enabled #binderView .bx-page-edge:not(:disabled):hover{background:linear-gradient(90deg,transparent,#b4cee229)}
.bx-enabled #binderView .bx-page-edge:disabled{cursor:default}

/* Pockets are sleeves. Original identity and action controls stay in the DOM. */
.bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot){position:relative!important;display:block!important;grid-template-rows:none!important;box-sizing:border-box!important;width:var(--bx-card-w)!important;height:var(--bx-card-h)!important;min-width:0!important;min-height:0!important;max-height:none!important;aspect-ratio:63/88!important;margin:0!important;padding:3px!important;border:1px solid #c2d4e733!important;border-top-color:#e8f3ff6b!important;border-radius:3px!important;background:linear-gradient(125deg,#f1faff10,transparent 52%,#ccedff0d)!important;box-shadow:inset 0 2px 2px #0005!important;overflow:visible!important;transform:none!important}
.bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot):before{content:"";position:absolute;z-index:3;inset:0;border:1px solid #fff1;border-top:2px solid #e9f6ff55;border-radius:3px;pointer-events:none;background:linear-gradient(132deg,#fff0 57%,#fff1 58%,#fff0 60%)}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket-header{position:absolute!important;inset:auto 4px 4px!important;display:block!important;min-height:0!important;max-height:none!important;padding:0!important;width:auto!important;z-index:5!important;opacity:0;pointer-events:none!important;transition:opacity .15s}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket:hover .binder-pocket-header,.bx-enabled #binderView .bx-pocket-grid .binder-pocket:focus-within .binder-pocket-header{opacity:1}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket-header .binder-pocket-identity{display:block;width:100%;padding:3px!important;background:#040911dc!important;border:0!important;border-radius:3px;min-height:0!important;pointer-events:none!important;color:#e5edf4!important;font-size:8px!important;text-align:center}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket-header strong{font-size:8px!important;white-space:normal!important;line-height:1.2!important;padding:0!important;background:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket-header :is(small,.binder-slot){display:none!important}
.bx-enabled #binderView .bx-pocket-grid :is(.binder-pocket-footer,.v005-empty-slot>small,.v005-slot-label-action,.v005-slot-move,.v008-binder-grid-label){display:none!important}
.bx-enabled #binderView .bx-pocket-grid :is(.binder-image-wrap,.v005-slot-card-button){position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:3px!important;background:#080e15!important;box-shadow:0 1px 4px #0008!important;cursor:pointer;transition:transform .25s cubic-bezier(.18,.7,.25,1),box-shadow .25s;transform-origin:50% 90%;touch-action:manipulation!important}
.bx-enabled #binderView .bx-pocket-grid :is(.binder-image,.v005-slot-image-stage img){display:block!important;position:static!important;inset:auto!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;border-radius:3px;aspect-ratio:auto!important}
.bx-enabled #binderView .bx-pocket-grid .v005-slot-image-stage{position:relative!important;inset:auto!important;display:grid!important;place-items:center;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:3px!important;background:transparent!important;aspect-ratio:auto!important}
.bx-enabled #binderView .bx-pocket-grid .v005-slot-identity{position:absolute!important;left:3px;right:3px;bottom:3px;display:block!important;padding:4px!important;background:#040a11d9!important;border-radius:3px;color:#b3c6d9;font-size:8px!important;pointer-events:none;opacity:0}
.bx-enabled #binderView .bx-pocket-grid .v005-slot-identity>strong{font-size:8px!important;line-height:1.2!important}
.bx-enabled #binderView .bx-pocket-grid .v005-slot-identity>:is(b,em){display:none!important}
.bx-enabled #binderView .bx-pocket-grid .v005-empty-slot:hover .v005-slot-identity,.bx-enabled #binderView .bx-pocket-grid .v005-empty-slot:focus-within .v005-slot-identity{opacity:1}
.bx-enabled #binderView .bx-pocket-grid :is(.binder-placeholder,.no-artwork){display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;padding:8px 3px!important;border:0!important;border-radius:3px!important;background:radial-gradient(ellipse at 40% 20%,#b7dbff0b,transparent 65%),#0a111b!important;color:#7a93ad!important;overflow:hidden!important}
.bx-enabled #binderView .bx-pocket-grid .binder-photo-placeholder strong{display:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-photo-placeholder small{font-size:0!important}
.bx-enabled #binderView .bx-pocket-grid .binder-photo-placeholder small:after{content:"No image";font-size:8px;letter-spacing:.03em}
.bx-enabled #binderView .bx-pocket-grid .binder-placeholder-ball{width:15px!important;height:20px!important;border:1px solid #7a93ad55!important;border-radius:2px!important;background:none!important;box-shadow:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-placeholder-ball:before,.bx-enabled #binderView .bx-pocket-grid .binder-placeholder-ball:after{display:none!important}
.bx-enabled #binderView .bx-pocket-grid .v005-empty-slot:not(.is-occupied) strong{font-size:8px!important;color:#7a93ad!important}
.bx-enabled #binderView .bx-pocket-grid :is(.v005-empty-slot-mark,.no-artwork>span){font-size:18px!important;color:#7a93ad55!important}
.bx-enabled #binderView .bx-pocket-grid .no-artwork>b{font-size:7px!important;color:#7a93ad!important}
.bx-enabled #binderView .bx-pocket-grid .no-artwork>small{display:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket-manage{position:absolute!important;inset:auto 1px 1px auto!important;z-index:8;display:grid!important;place-items:center;min-height:26px!important;min-width:26px!important;width:26px!important;height:26px!important;padding:0!important;border:0!important;border-radius:5px;background:#060c14ca!important;color:#c9daea!important;font-size:12px!important;opacity:0;pointer-events:none;box-shadow:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket-manage:after{content:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket:hover .binder-pocket-manage,.bx-enabled #binderView .bx-pocket-grid .binder-pocket:focus-within .binder-pocket-manage{opacity:1;pointer-events:auto}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket:after{display:none!important}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket[data-has-binder-image="false"] .binder-pocket-header{opacity:1}
.bx-enabled #binderView .bx-pocket-grid .binder-pocket[data-has-binder-image="false"] .binder-pocket-identity{background:transparent!important;font-size:8px!important;color:#9bb4cc!important}
.bx-enabled #binderView .bx-pocket-grid .bx-selected{z-index:12!important}
.bx-enabled #binderView .bx-pocket-grid .bx-selected>:is(.binder-image-wrap,.v005-slot-card-button){z-index:7;transform:translateY(-14px) rotateZ(-1.4deg) scale(1.065)!important;box-shadow:0 0 0 1px #ff668b,0 16px 18px #000a,0 0 18px -6px #ff3e7599!important}
.bx-enabled #binderView .bx-pocket-grid .bx-selected:before{z-index:1}
.bx-enabled #binderView .bx-pocket-grid .binder-search-hit{outline:none!important}
.bx-enabled #binderView .bx-pocket-grid .wish-slot-overlay{display:none!important}
.bx-enabled #binderView .bx-pocket-grid .v005-dream-state{font-size:6px;padding:2px}
.bx-enabled #binderView .bx-pocket-grid .v005-reference-overlay{font-size:6px;padding:4px}
.bx-enabled #binderView .bx-pocket-grid .v005-reference-overlay small{display:none}
.bx-enabled #binderView .bx-pocket-grid .v005-reference-overlay b{font-size:6px}
.bx-enabled #binderView .bx-pocket-grid .v005-slot-image-stage.is-loading:before{animation:none!important;opacity:.12}
.bx-enabled #binderView .bx-turn-leaf{position:fixed!important;z-index:150!important;transform-origin:left center;backface-visibility:hidden;pointer-events:none!important;contain:layout style;box-shadow:-10px 12px 20px #0009!important;background:#141b26!important;overflow:visible!important;will-change:transform}

/* Read-only card detail surface. Nested image/action modals keep shared locking. */
.bx-enabled #binderView .bx-inspector{position:relative;min-width:0;max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--bx-line);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--bx-panel) 92%,#4a5568),var(--bx-panel));box-shadow:0 18px 40px -30px #000c;scrollbar-width:thin}
.bx-enabled #binderView .bx-inspector-empty{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;color:var(--bx-muted)}
.bx-enabled #binderView .bx-inspector-empty>svg{width:36px;height:36px;stroke-width:1;color:color-mix(in srgb,var(--bx-muted) 60%,transparent)}
.bx-enabled #binderView .bx-inspector-empty>p{margin:0;font-size:14px;color:var(--bx-ink)}
.bx-enabled #binderView .bx-inspector-empty>small{font-size:11px;max-width:190px;line-height:1.5}
.bx-enabled #binderView .bx-inspector.bx-has-selection{animation:bxDetailsIn .24s ease-out both}
.bx-enabled #binderView .bx-inspector-close{position:absolute;z-index:4;right:3px;top:3px;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:var(--bx-panel);color:var(--bx-muted);font-size:24px;line-height:1;cursor:pointer}
.bx-enabled #binderView .bx-detail-image{display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:63/88;min-height:0;max-height:36dvh;padding:0;border:0;border-radius:6px;background:#050b12;overflow:hidden;box-shadow:0 8px 18px #0005;cursor:zoom-in}
.bx-enabled #binderView .bx-detail-image>img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.bx-enabled #binderView .bx-detail-image>span{display:grid;place-items:center;gap:12px;color:#8197ae;font-size:11px}
.bx-enabled #binderView .bx-detail-image:disabled{cursor:default}
.bx-enabled #binderView .bx-detail-copy{display:grid;gap:8px;min-width:0;padding-top:17px}
.bx-enabled #binderView .bx-detail-copy>h3{margin:0;font-size:23px;line-height:1.15;overflow-wrap:anywhere;letter-spacing:-.02em}
.bx-enabled #binderView .bx-pokemon-details{display:block;max-width:100%;min-height:44px;padding:0;border:0;background:none;color:var(--bx-ink);font:inherit;font-weight:inherit;line-height:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;text-decoration:underline;text-decoration-color:var(--bx-line);text-underline-offset:5px}
.bx-enabled #binderView .bx-detail-copy>.bx-detail-dex{font-size:11px;color:var(--bx-muted)}
.bx-enabled #binderView .bx-detail-copy>p{margin:0;color:var(--bx-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.bx-enabled #binderView .bx-location{display:flex;align-items:flex-start;gap:9px;padding:12px 0 6px;color:var(--bx-muted)}
.bx-enabled #binderView .bx-location>span{display:grid;gap:5px;min-width:0;font-size:10px;overflow-wrap:anywhere}
.bx-enabled #binderView .bx-location strong{font-size:12px;font-weight:550;color:var(--bx-ink)}
.bx-enabled #binderView .bx-detail-copy>.bx-detail-note{padding-top:10px;border-top:1px solid var(--bx-line);white-space:pre-wrap}
.bx-enabled #binderView .bx-detail-labels:empty{display:none}
.bx-enabled #binderView .bx-detail-labels .v008-binder-grid-label{position:static!important;display:inline-flex!important;max-width:100%;margin:0;font-size:10px!important}
.bx-enabled #binderView .bx-detail-footer{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;min-width:0;padding-top:16px}
.bx-enabled #binderView .bx-thumb{display:grid;gap:5px;justify-items:center;flex:none;max-width:65px;min-height:44px;padding:5px;border:1px solid color-mix(in srgb,var(--bx-accent) 65%,transparent);border-radius:7px;background:transparent;color:var(--bx-muted);font-size:8px;cursor:zoom-in}
.bx-enabled #binderView .bx-thumb>img{width:40px;height:54px;object-fit:contain}
.bx-enabled #binderView .bx-card-actions{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--bx-line);border-radius:9px;background:none;color:var(--bx-ink);font-size:10px;cursor:pointer}
.bx-enabled #binderView .bx-card-actions>svg{width:15px;height:15px}
.bx-enabled #binderView .bx-sheet-handle{display:none}
.bx-enabled #binderView .bx-reference{font-size:9px;color:var(--bx-muted)}
.bx-enabled #binderView .bx-image-failed:after{content:"Image unavailable";position:absolute;inset:0;display:grid;place-items:center;color:var(--bx-muted);font-size:10px}
.bx-enabled #binderView #binderStatus{font-size:10px;min-height:0;margin:8px 0 0;color:var(--bx-muted)}
.bx-enabled #binderView #binderStatus:empty{display:none}
.bx-enabled .bx-media-dialog{width:min(700px,94vw)!important;max-height:92dvh!important}
.bx-enabled .bx-media-stage{display:grid;place-items:center;min-height:0;padding:15px;overflow:auto;max-height:75dvh}
.bx-enabled .bx-media-stage>img{display:block;max-width:100%;max-height:68dvh;object-fit:contain}
@keyframes bxDetailsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:761px){
  body.bx-enabled.stikdex-shell-ready .app>#binderView.v005-national-binder-mode.view,body.bx-enabled.stikdex-shell-ready .app>#binderView.v005-custom-binder-mode.view{padding:82px 16px 8px!important;min-height:100dvh!important}
  .bx-enabled #binderView.v005-custom-binder-mode #v005BinderSurface{display:grid;gap:0!important}
  .bx-enabled #binderView .bx-desk{min-height:0}
}
@media(min-width:761px) and (max-width:1199px){
  .bx-enabled #binderView .bx-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bx-enabled #binderView .bx-featured{grid-template-columns:165px minmax(0,1fr)!important;gap:18px}
  .bx-enabled #binderView .bx-featured-open{grid-column:2;display:flex;justify-content:flex-start;margin-top:-56px;align-self:end}
  .bx-enabled #binderView .bx-featured-open small{display:none}
  .bx-enabled #binderView .bx-workspace{grid-template-columns:minmax(0,1fr) 168px;gap:12px}
  .bx-enabled #binderView .bx-inspector{padding:12px}
}
@media(max-width:760px){
  body.bx-enabled.stikdex-shell-ready .app>#binderView.view{padding:10px 10px calc(82px + env(safe-area-inset-bottom))!important;overflow:clip visible!important}
  .bx-enabled #binderView.v005-binder-library-mode #v005BinderSurface{gap:16px!important}
  .bx-enabled #binderView .bx-library-head{align-items:flex-start;gap:12px;padding:4px 2px 0}
  .bx-enabled #binderView .bx-library-head h2{font-size:28px;margin:5px 0}
  .bx-enabled #binderView .bx-library-head p{font-size:11px}
  .bx-enabled #binderView .bx-library-head .bx-primary{gap:4px;min-height:44px;padding:7px 9px;max-width:133px;font-size:10px;line-height:1.4}
  .bx-enabled #binderView .bx-library-head .bx-primary>span{font-size:20px}
  .bx-enabled #binderView .bx-eyebrow{font-size:8px;letter-spacing:.16em}
  .bx-enabled #binderView .bx-section-title{margin-top:1px;font-size:9px}
  .bx-enabled #binderView .bx-library-grid{grid-template-columns:1fr;gap:12px}
  .bx-enabled #binderView .bx-library-binder{grid-template-columns:98px minmax(0,1fr)!important;gap:10px 12px;padding:14px 12px;min-height:176px;border-radius:15px}
  .bx-enabled #binderView .bx-featured{min-height:192px;border-color:#ec43644d}
  .bx-enabled #binderView .bx-cover-button{grid-row:1/3;padding:0;align-self:center}
  .bx-enabled #binderView .bx-cover,.bx-enabled #binderView .bx-featured .bx-cover{width:90px;height:132px;transform:rotateY(-15deg) rotateZ(-2deg);filter:drop-shadow(6px 10px 7px #0006)}
  .bx-enabled #binderView .bx-cover-spine{width:15px}.bx-enabled #binderView .bx-cover-front{left:13px}
  .bx-enabled #binderView .bx-cover-monogram svg{width:29px;height:29px}
  .bx-enabled #binderView .bx-cover-brand{font-size:11px}.bx-enabled #binderView .bx-cover-name{font-size:6px;bottom:12px;left:5px;right:5px}
  .bx-enabled #binderView .bx-cover-spine>b{font-size:6px}.bx-enabled #binderView .bx-cover-front:before{inset:4px}
  .bx-enabled #binderView .bx-library-copy h3,.bx-enabled #binderView .bx-featured h3{font-size:16px;line-height:1.25;margin:0}
  .bx-enabled #binderView .bx-library-copy p{font-size:10px;line-height:1.4;margin:5px 0 10px}
  .bx-enabled #binderView .bx-library-title{gap:6px}.bx-enabled #binderView .bx-system{font-size:7px;gap:3px;padding:3px 5px}
  .bx-enabled #binderView .bx-library-meta{gap:6px 10px;font-size:9px}
  .bx-enabled #binderView .bx-library-meta svg{width:13px;height:13px}
  .bx-enabled #binderView .bx-library-meta>span{gap:4px}
  .bx-enabled #binderView .bx-library-meta>span:last-child{flex-basis:100%}
  .bx-enabled #binderView .bx-featured-open{grid-column:2;gap:0}
  .bx-enabled #binderView .bx-featured-open>small{display:none}
  .bx-enabled #binderView .bx-featured-open>.bx-primary{min-height:44px;padding:7px 12px;font-size:11px}
  .bx-enabled #binderView .bx-library-actions{grid-column:2;gap:6px;align-items:center}
  .bx-enabled #binderView .bx-library-actions>button{min-height:44px;padding:8px;font-size:10px;gap:4px;border-radius:8px}
  .bx-enabled #binderView .bx-library-actions>button svg{width:14px;height:14px}
  .bx-enabled #binderView .bx-library-actions>.bx-delete{width:38px;flex:none}
  .bx-enabled #binderView .bx-library-actions>.bx-primary{padding:8px}
  .bx-enabled #binderView :is(.v005-national-identity-head,.v005-custom-head.v005-binder-identity-head){grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important;min-height:52px;padding:0 0 8px!important}
  .bx-enabled #binderView .v005-binder-identity-head>.v005-back{position:relative;grid-column:1!important;grid-row:1!important;width:36px;max-width:36px;height:42px;color:transparent!important;font-size:0!important;overflow:hidden}
  .bx-enabled #binderView .v005-binder-identity-head>.v005-back:before{content:"‹";position:absolute;inset:0;display:grid;place-items:center;color:var(--bx-muted);font-size:28px}
  .bx-enabled #binderView .v005-binder-identity-head>.v005-custom-identity-mark{display:none!important}
  .bx-enabled #binderView .v005-binder-identity-copy{grid-column:2!important;grid-row:1!important}
  .bx-enabled #binderView .v005-binder-identity-copy h2{font-size:17px!important;line-height:1.2!important;max-height:42px;overflow:hidden}
  .bx-enabled #binderView .v005-binder-identity-copy>span{display:none!important}
  .bx-enabled #binderView .v005-binder-identity-copy p{display:block!important;font-size:9px!important;line-height:1.3!important;white-space:normal;max-height:24px;overflow:hidden}
  .bx-enabled #binderView .v005-binder-identity-head>.v005-custom-head-actions{display:flex!important;grid-column:3!important;grid-row:1!important;width:auto!important;flex-wrap:nowrap!important;gap:0!important}
  .bx-enabled #binderView .v005-binder-identity-head>.v005-custom-head-actions>.v005-settings{flex:none!important;min-height:44px!important;font-size:9px!important;padding:6px 8px!important}
  .bx-enabled #binderView.v005-custom-binder-mode #v005BinderSurface{gap:0!important}
  .bx-enabled #binderView .bx-commandbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:11px}
  .bx-enabled #binderView .bx-commandbar>.bx-search{grid-column:1/-1;grid-row:2;max-width:none;min-height:44px}
  .bx-enabled #binderView .bx-commandbar .bx-search>input{font-size:16px;min-height:44px;padding-right:40px}
  .bx-enabled #binderView .bx-search-clear{width:44px}
  .bx-enabled #binderView .bx-tools{grid-column:2;grid-row:1}
  .bx-enabled #binderView .bx-tools>summary{min-height:44px;padding:8px 10px;font-size:10px}
  .bx-enabled #binderView .bx-tools-content :is(button,select,input){min-height:44px!important;font-size:14px!important}
  .bx-enabled #binderView .bx-tools-content input{font-size:16px!important}
  .bx-enabled #binderView :is(.binder-mode-toggle,.v005-custom-mode-toggle)>button{min-height:36px!important;font-size:9px!important;padding:8px 10px!important}
  .bx-enabled #binderView .bx-workspace{display:block;min-width:0}
  .bx-enabled #binderView .bx-desk{min-width:0;max-width:100%;padding-top:9px}
  .bx-enabled #binderView .bx-book{display:grid;grid-template-columns:16px var(--bx-page-w);width:var(--bx-book-w);height:var(--bx-book-h);max-width:100%;padding:8px;border-radius:13px}
  .bx-enabled #binderView .bx-facing{display:none}
  .bx-enabled #binderView .bx-rings{grid-column:1;grid-row:1}
  .bx-enabled #binderView .bx-rings>i{width:25px;height:11px;border-top-width:4px}
  .bx-enabled #binderView .bx-current{grid-column:2;grid-row:1;display:block;min-width:0;max-width:100%;padding:16px 8px 0;overflow:visible;touch-action:manipulation}
  .bx-enabled #binderView .bx-mobile-pages{position:relative;z-index:35;top:auto;display:flex;align-items:center;justify-content:center;gap:15px;align-self:center;max-width:100%;margin:0 0 12px;padding:0 3px;border:1px solid var(--bx-line);border-radius:12px;background:var(--bx-panel);box-shadow:0 7px 16px -10px #0007}
  .bx-enabled #binderView .bx-mobile-pages>button{display:grid;place-items:center;min-height:44px;min-width:44px;border:0;border-radius:10px;background:transparent;color:var(--bx-ink);font-size:27px;line-height:1;cursor:pointer}
  .bx-enabled #binderView .bx-mobile-pages>button:disabled{opacity:.25;cursor:default}
  .bx-enabled #binderView .bx-mobile-pages>span{font-size:11px;line-height:1.3;color:var(--bx-ink);text-align:center}
  .bx-enabled #binderView .bx-page-folio{width:var(--bx-grid-w)}
  .bx-enabled #binderView .bx-pocket-grid{height:var(--bx-grid-h)!important;grid-template-columns:repeat(var(--bx-columns),var(--bx-card-w))!important;grid-template-rows:repeat(var(--bx-rows),var(--bx-card-h))!important}
  .bx-enabled #binderView .bx-pocket-grid .binder-pocket{height:var(--bx-card-h)!important;min-height:0!important;max-height:none!important}
  .bx-enabled #binderView .bx-pocket-grid .binder-pocket-manage{display:none!important}
  .bx-enabled #binderView .bx-pocket-grid .binder-pocket-manage:focus-visible{opacity:1!important;background:#050b13e8!important}
  .bx-enabled #binderView .bx-pocket-grid .bx-selected>:is(.binder-image-wrap,.v005-slot-card-button){transform:translateY(-8px) rotateZ(-1deg) scale(1.045)!important}
  .bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav){padding:10px 0!important;min-height:64px}
  .bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav)>button{height:44px;min-height:44px!important}
  .bx-enabled #binderView .bx-inspector{display:none}
  .bx-enabled #binderView .bx-inspector.bx-has-selection{position:fixed;z-index:165;display:grid;grid-template-columns:82px minmax(0,1fr);gap:9px 14px;left:max(4px,env(safe-area-inset-left));right:max(4px,env(safe-area-inset-right));bottom:calc(65px + env(safe-area-inset-bottom));width:auto;max-height:min(340px,43dvh);min-height:190px;padding:27px 14px 13px;border-radius:22px 22px 14px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--bx-panel) 95%,#746878),var(--bx-panel));box-shadow:0 -10px 50px #0008;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;isolation:isolate}
  .bx-enabled #binderView .bx-sheet-handle{position:absolute;display:grid;place-items:center;left:calc(50% - 40px);top:0;width:80px;height:26px;min-height:26px;border:0;background:none;padding:0;cursor:pointer;touch-action:none}
  .bx-enabled #binderView .bx-sheet-handle>span{display:block;width:32px;height:4px;border-radius:6px;background:color-mix(in srgb,var(--bx-muted) 45%,transparent)}
  .bx-enabled #binderView .bx-inspector-close{right:3px;top:2px;width:44px;height:44px;min-height:44px;font-size:25px;background:transparent}
  .bx-enabled #binderView .bx-detail-image{grid-column:1;grid-row:1/3;width:82px;height:116px;min-height:0;align-self:start;max-height:none;border:1px solid #fa5d82;box-shadow:0 0 12px -4px #fa5d82aa}
  .bx-enabled #binderView .bx-detail-copy{grid-column:2;grid-row:1;gap:6px;padding:0 20px 0 0;align-content:start}
  .bx-enabled #binderView .bx-detail-copy>h3{font-size:21px;margin:0}
  .bx-enabled #binderView .bx-detail-copy>p{font-size:10px;line-height:1.4}
  .bx-enabled #binderView .bx-detail-copy>.bx-detail-dex{font-size:10px}
  .bx-enabled #binderView .bx-location{gap:6px;padding:4px 0 0}
  .bx-enabled #binderView .bx-location>svg{width:14px;height:14px}
  .bx-enabled #binderView .bx-location>span{font-size:9px;gap:3px}
  .bx-enabled #binderView .bx-location strong{font-size:10px}
  .bx-enabled #binderView .bx-detail-copy>.bx-detail-note{font-size:10px;padding-top:7px}
  .bx-enabled #binderView .bx-detail-footer{grid-column:2;grid-row:2;padding:0;gap:7px;align-items:end}
  .bx-enabled #binderView .bx-thumb{display:none}
  .bx-enabled #binderView .bx-card-actions{width:100%;min-height:44px;font-size:10px}
  .bx-enabled #binderView .bx-turn-leaf{z-index:160!important;overflow:hidden!important}
  .bx-enabled #binderView .v005-divider-page{width:var(--bx-grid-w);height:var(--bx-grid-h);max-height:var(--bx-grid-h);min-height:0;padding:20px;box-sizing:border-box}
}
.bx-enabled #binderView .bx-current>.v005-divider-page{width:var(--bx-grid-w);height:var(--bx-grid-h);max-height:var(--bx-grid-h);min-height:0!important;padding:20px;box-sizing:border-box;overflow:auto}
@media(prefers-reduced-motion:reduce){
  .bx-enabled #binderView :is(.bx-cover,.bx-library-binder,.binder-image-wrap,.v005-slot-card-button,.bx-inspector){animation:none!important;transition:none!important}
  .bx-enabled #binderView .bx-pocket-grid .bx-selected>:is(.binder-image-wrap,.v005-slot-card-button){transform:translateY(-2px)!important;box-shadow:0 0 0 2px #fa5d82!important}
  .bx-enabled #binderView .bx-cover-button:hover .bx-cover{transform:rotateY(-18deg) rotateZ(-2deg)}
  .bx-enabled #binderView .bx-turn-leaf{display:none!important}
}

/* Recovery: explicit cover/copy/actions areas override the legacy entry columns. */
.bx-enabled #binderView .bx-custom-cover{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr auto;grid-template-areas:"cover" "copy" "actions";align-items:start;box-sizing:border-box}
.bx-enabled #binderView .bx-custom-cover>.bx-cover-button{grid-area:cover;grid-row:auto;min-height:220px;width:100%;padding:8px 0 14px}
.bx-enabled #binderView .bx-custom-cover>.bx-library-copy{grid-area:copy;align-self:start;width:100%}
.bx-enabled #binderView .bx-custom-cover>.bx-library-actions{grid-area:actions;grid-column:auto;flex-wrap:wrap;align-self:end;width:100%}
.bx-enabled #binderView .bx-library-copy h3{max-height:none;white-space:normal;overflow:visible;text-overflow:clip}
.bx-enabled #binderView .bx-library-actions>.bx-delete>span{display:inline}
.bx-enabled #binderView .bx-library-actions>button{flex:0 1 auto}
.bx-enabled #binderView .bx-library-actions>.bx-primary{flex:1 1 74px}
.bx-enabled #binderView .bx-cover-front{background:radial-gradient(ellipse at 80% 5%,#ffffff18,transparent 65%),repeating-linear-gradient(30deg,#ffffff04 0 1px,#00000008 1px 3px),linear-gradient(100deg,color-mix(in srgb,var(--bx-cover-colour,#20242b) 64%,#05070a),var(--bx-cover-colour,#20242b) 35%,color-mix(in srgb,var(--bx-cover-colour,#20242b) 75%,#03060a))}
.bx-enabled #binderView .bx-cover-spine{background:linear-gradient(90deg,#03060a,color-mix(in srgb,var(--bx-cover-colour,#20242b) 65%,#151920) 40%,#0b0f14)}
.bx-enabled #binderView .bx-book{background:radial-gradient(ellipse at 40% 10%,#ffffff0c,transparent 65%),repeating-linear-gradient(30deg,#ffffff04 0 1px,#0001 1px 3px),linear-gradient(110deg,#080b0f,var(--bx-cover-colour,#20242b) 45%,#090d12)}
.bx-enabled #binderView .bx-inspector{padding:12px;max-height:calc(100dvh - 180px)}
.bx-enabled #binderView .bx-detail-copy{gap:6px;padding-top:12px}
.bx-enabled #binderView .bx-detail-copy>h3{font-size:20px}
.bx-enabled #binderView .bx-detail-footer{flex-wrap:wrap;gap:7px}
.bx-enabled #binderView .bx-thumb{display:none}
.bx-enabled #binderView .bx-card-actions{width:100%}
.bx-enabled #binderView .bx-commandbar{margin-bottom:8px}
.bx-enabled #binderView :is(.v005-national-identity-head,.v005-custom-head.v005-binder-identity-head){min-height:48px;padding-bottom:6px!important}

/* The moving card and the stationary transparent pocket are separate layers. */
.bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot){isolation:isolate;background:linear-gradient(135deg,#111b24,#050a10)!important;box-shadow:inset 0 2px 5px #000c,0 1px #e2efff12!important}
.bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot):before{z-index:1;border:0;background:linear-gradient(110deg,#0007,#91b6cf10 50%,#0004)}
.bx-enabled #binderView .bx-pocket-grid .bx-seated-card{position:absolute!important;inset:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;max-width:none!important;max-height:none!important;z-index:2;transform:translate3d(0,0,0);transform-origin:50% 85%;border-radius:3px!important;background:#070d14!important;box-shadow:0 2px 3px #000c!important;transition:transform 300ms cubic-bezier(.18,.7,.25,1),box-shadow 300ms!important;will-change:auto}
.bx-enabled #binderView .bx-sleeve{position:absolute;inset:0;z-index:4;display:block;border:1px solid #bed7e864;border-top:1px solid #e4f4ffb3;border-bottom:3px double #9bb8cc80;border-radius:3px;pointer-events:none;background:linear-gradient(113deg,#d8f3ff09,#ffffff02 22%,transparent 52%,#c5eaff0d 85%,#e5f6ff16);box-shadow:inset 2px 0 #e2f5ff23,inset -2px 0 #01050a88,inset 0 -4px 4px #a2c1d40e,0 1px 2px #000a}
.bx-enabled #binderView .bx-sleeve-mouth{position:absolute;left:2px;right:2px;top:3px;height:2px;background:linear-gradient(90deg,#a6cad933,#edfaffb3 38%,#89b0c844);box-shadow:0 2px 2px #0007}
.bx-enabled #binderView .bx-sleeve-seam{position:absolute;inset:6px 2px 3px;border:1px solid #bed5e229;border-top:0;border-radius:0 0 2px 2px}
.bx-enabled #binderView .bx-pocket-grid .bx-selected>.bx-seated-card{z-index:3;transform:perspective(900px) translate3d(0,-19%,20px) rotateX(5deg) rotateZ(-1.2deg) scale(1.075)!important;box-shadow:0 0 0 1px #d7eaff88,3px 18px 18px #000c,0 0 18px -8px #ff668b99!important;will-change:transform}
.bx-enabled #binderView .bx-selected>.bx-sleeve{background:linear-gradient(110deg,#e7f8ff0e,transparent 45%,#bad9f514);box-shadow:inset 1px 0 #fff3,inset 0 -6px 8px #182c4266,0 2px 4px #0009}
.bx-enabled #binderView .bx-facing-pocket{padding:5px;box-shadow:inset 0 2px 5px #000b;background:#070e16}
.bx-enabled #binderView .bx-facing-pocket:after{content:"";position:absolute;inset:0;border:1px solid #bed7e864;border-top:1px solid #edfaff99;border-bottom:3px double #9bb8cc80;border-radius:3px;background:linear-gradient(113deg,#d8f3ff09,transparent 52%,#c5eaff0d 85%,#e5f6ff16);pointer-events:none}
.bx-enabled .bx-card-flight{position:fixed;z-index:2147483000;pointer-events:none;transform-origin:0 0;border-radius:5px;overflow:hidden;box-shadow:0 28px 45px #0009,0 0 0 1px #d4eaff66;will-change:transform,opacity;background:#060b11}
.bx-enabled .bx-card-flight>img{display:block;width:100%;height:100%;object-fit:contain}
.bx-enabled :is(.bx-flight-target,.bx-card-in-flight){visibility:hidden!important}
.bx-enabled .bx-media-stage{height:min(68dvh,90vw);overflow:hidden}
.bx-enabled .bx-media-stage>img{width:100%;height:100%;max-height:100%;object-fit:contain}
.bx-enabled .bx-colours{display:grid;gap:8px;min-width:0;border:0;padding:0;margin:0;grid-column:1/-1}
.bx-enabled .bx-colours>legend{font-size:12px;font-weight:650;margin-bottom:8px}
.bx-enabled .bx-colour-options{display:flex;flex-wrap:wrap;gap:6px}
.bx-enabled .bx-colour-choice{position:relative;display:grid;justify-items:center;gap:3px;min-width:52px;cursor:pointer}
.bx-enabled .bx-colour-choice>input{position:absolute;inset:0;margin:0!important;opacity:0;width:100%!important;height:100%!important;min-height:44px;cursor:pointer}
.bx-enabled .bx-colour-choice>span{position:relative;display:grid;place-items:center;width:30px;height:30px;border:2px solid #97aabc88;border-radius:50%;background:var(--bx-swatch);box-shadow:inset 0 0 0 2px #0002;pointer-events:none}
.bx-enabled .bx-colour-choice>small{font-size:10px;line-height:16px;color:var(--text,var(--bx-ink));pointer-events:none}
.bx-enabled .bx-colour-choice>input:checked+span{outline:2px solid #f75c7f;outline-offset:2px}
.bx-enabled .bx-colour-choice>input:checked+span:after{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#07121ee6;color:#fff;font-size:11px;font-weight:800}
.bx-enabled .bx-colour-choice>input:focus-visible+span{outline:3px solid #48bed5;outline-offset:3px}

@media(min-width:1280px){
  body.bx-enabled.stikdex-shell-ready .app>#binderView.v005-national-binder-mode.active.view,.bx-enabled #binderView.v005-custom-binder-mode #v005BinderSurface{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(350px,43%);column-gap:16px;row-gap:8px!important;align-items:center;align-content:start}
  .bx-enabled #binderView.v005-national-binder-mode>.v005-national-identity-head,.bx-enabled #binderView.v005-custom-binder-mode .v005-custom-head{grid-column:1;grid-row:1;min-width:0}
  .bx-enabled #binderView .v005-binder-identity-copy h2{font-size:21px!important}
  .bx-enabled #binderView.v005-national-binder-mode>.bx-commandbar,.bx-enabled #binderView.v005-custom-binder-mode #v005BinderSurface>.bx-commandbar{grid-column:2;grid-row:1;width:100%;margin:0;gap:8px}
  .bx-enabled #binderView.v005-national-binder-mode>.binder-page-shell,.bx-enabled #binderView.v005-custom-binder-mode .v005-custom-page,.bx-enabled #binderView .v005-no-pages{grid-column:1/-1;grid-row:2}
  .bx-enabled #binderView #binderStatus{position:absolute;bottom:4px;left:16px;right:16px;pointer-events:none}
}

@media(max-width:760px){
  /* Keep global search available in a compact, focus-expanding header slot. */
  body.bx-scene-active.stikdex-shell-ready .topbar-row{grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:3px!important}
  body.bx-scene-active.stikdex-shell-ready .experience-settings{grid-column:3!important}
  body.bx-scene-active.stikdex-shell-ready .search-wrap{grid-column:2!important;grid-row:1!important;width:44px!important;height:44px}
  body.bx-scene-active.stikdex-shell-ready .search-wrap #globalSearch{width:44px!important;padding:0!important;color:transparent!important;cursor:pointer}
  body.bx-scene-active.stikdex-shell-ready .search-wrap #globalSearch::placeholder{color:transparent}
  body.bx-scene-active.stikdex-shell-ready .search-wrap:focus-within{position:absolute!important;z-index:100;left:12px;right:61px;top:6px;width:auto!important}
  body.bx-scene-active.stikdex-shell-ready .search-wrap:focus-within #globalSearch{width:100%!important;color:var(--experience-ink)!important;padding:0 10px 0 34px!important;cursor:text}
  body.bx-scene-active.stikdex-shell-ready .search-wrap:focus-within #globalSearch::placeholder{color:var(--bx-muted)}
  body.bx-scene-active.stikdex-shell-ready .app>#binderView.active.view{position:fixed!important;z-index:20;top:var(--bx-scene-top,54px);left:0;right:0;bottom:auto;width:100%!important;height:calc(var(--bx-viewport-h,100dvh) - var(--bx-scene-top,54px) - var(--bx-scene-bottom,65px))!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column;padding:4px 8px 0!important;overflow:clip!important;overflow-anchor:none;overscroll-behavior:none}
  .bx-enabled #binderView .bx-custom-cover{grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:1fr auto;grid-template-areas:"cover copy" "cover actions";gap:8px 14px}
  .bx-enabled #binderView .bx-custom-cover>.bx-cover-button{min-height:146px;padding:0;grid-row:1/3}
  .bx-enabled #binderView .bx-library-actions>button{min-height:44px;padding:7px 8px}
  .bx-enabled #binderView .bx-library-actions>.bx-delete{width:auto;flex:0 1 auto}
  .bx-enabled #binderView .bx-library-actions>.bx-delete>svg{display:none}
  .bx-enabled #binderView .bx-library-actions>.bx-primary{flex:1 1 54px}
  .bx-enabled #binderView :is(.v005-national-identity-head,.v005-custom-head.v005-binder-identity-head){flex:none;min-height:44px;max-height:48px;padding:0 0 4px!important;gap:6px!important}
  .bx-enabled #binderView .v005-binder-identity-copy h2{font-size:15px!important;max-height:34px}
  .bx-enabled #binderView .v005-binder-identity-copy p{display:none!important}
  .bx-enabled #binderView .bx-commandbar{flex:none;display:flex;gap:5px;min-height:44px;margin-bottom:4px}
  .bx-enabled #binderView .bx-commandbar>.bx-search{flex:1;min-width:60px;min-height:42px;max-width:none}
  .bx-enabled #binderView .bx-commandbar .bx-search>input{min-height:42px;padding:5px 20px 5px 3px;font-size:16px}
  .bx-enabled #binderView .bx-search>label{padding-left:6px}
  .bx-enabled #binderView .bx-search>label svg{width:15px;height:15px}
  .bx-enabled #binderView .bx-search-clear{width:28px}
  .bx-enabled #binderView .bx-tools>summary{width:44px;height:44px;min-height:44px;box-sizing:border-box;padding:0;display:grid;place-items:center;font-size:0}
  .bx-enabled #binderView .bx-tools>summary:before{content:"···";font-size:23px;line-height:1}
  .bx-enabled #binderView .bx-tools>summary>span{display:none}
  .bx-enabled #binderView :is(.binder-mode-toggle,.v005-custom-mode-toggle)>button{min-height:36px!important;font-size:8px!important;padding:7px 6px!important;letter-spacing:-.02em!important}
  .bx-enabled #binderView .binder-page-shell,.bx-enabled #binderView #v005BinderSurface,.bx-enabled #binderView .v005-custom-page{flex:1;display:flex!important;flex-direction:column;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;gap:0!important}
  .bx-enabled #binderView .bx-workspace{flex:1;display:flex;flex-direction:column;min-height:0!important}
  .bx-enabled #binderView .bx-desk{flex:1;min-height:0;max-height:100%;width:100%;padding-top:0}
  .bx-enabled #binderView .bx-mobile-pages{position:relative;top:auto;flex:none;height:44px;min-height:44px;box-sizing:border-box;margin:0 0 5px;gap:12px;background:transparent;box-shadow:none}
  .bx-enabled #binderView .bx-book{flex:none;min-height:0;max-height:none;align-self:center}
  .bx-enabled #binderView .bx-current{overflow:visible;overscroll-behavior:none;touch-action:manipulation}
  .bx-enabled #binderView .bx-page-folio{min-height:16px;height:16px;padding:1px 0 0;font-size:8px;line-height:14px}
  .bx-enabled #binderView :is(.binder-page-bottom-nav,.v005-custom-page-nav){display:none!important}
  .bx-enabled #binderView .bx-inspector.bx-has-selection{left:8px;right:8px;bottom:calc(var(--bx-scene-bottom,65px) + 4px);height:76px;max-height:76px;min-height:0;box-sizing:border-box;grid-template-columns:40px minmax(0,1fr);grid-template-rows:18px 44px;gap:0 10px;padding:12px 12px 2px;border-radius:17px 17px 9px 9px;overflow:hidden;animation:none}
  .bx-enabled #binderView .bx-inspector.bx-has-selection:before{content:"";position:absolute;left:calc(50% - 14px);top:4px;width:28px;height:3px;border-radius:4px;background:color-mix(in srgb,var(--bx-muted) 45%,transparent);pointer-events:none}
  .bx-enabled #binderView .bx-sheet-handle{left:auto;right:12px;top:auto;bottom:2px;width:44px;height:44px;min-height:44px;z-index:4;border:1px solid var(--bx-line);border-radius:8px;background:transparent;color:var(--bx-ink)}
  .bx-enabled #binderView .bx-sheet-handle>span{display:none}
  .bx-enabled #binderView .bx-sheet-handle:after{content:"⌃";font-size:23px}
  .bx-enabled #binderView .bx-sheet-handle[aria-expanded="true"]:after{content:"⌄"}
  .bx-enabled #binderView .bx-inspector-close{top:2px;right:0;width:40px;height:40px;min-height:40px}
  .bx-enabled #binderView .bx-detail-image{width:40px;height:56px;grid-row:1/3;align-self:center;box-shadow:0 3px 10px #0007}
  .bx-enabled #binderView .bx-detail-copy{display:flex;align-items:center;flex-wrap:nowrap;padding:0 26px 0 0;gap:5px;min-height:0;max-height:20px;align-content:start}
  .bx-enabled #binderView .bx-detail-copy>h3{flex:1;min-width:0;font-size:14px;line-height:18px;margin:0;max-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .bx-enabled #binderView .bx-pokemon-details{min-height:0;line-height:18px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bx-enabled #binderView .bx-detail-copy>.bx-eyebrow,.bx-enabled #binderView .bx-detail-copy>.bx-detail-dex,.bx-enabled #binderView .bx-detail-copy>p,.bx-enabled #binderView .bx-detail-labels,.bx-enabled #binderView .bx-reference{display:none}
  .bx-enabled #binderView .bx-location{padding:1px 0;gap:4px}
  .bx-enabled #binderView .bx-location>svg{display:none}
  .bx-enabled #binderView .bx-location>span{font-size:0;gap:0}
  .bx-enabled #binderView .bx-location strong{font-size:9px;line-height:13px;white-space:nowrap}
  .bx-enabled #binderView .bx-detail-footer{padding:0 50px 0 0;align-items:end}
  .bx-enabled #binderView .bx-card-actions{min-height:40px;font-size:10px;padding:5px 8px}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"]{height:auto;max-height:min(380px,48dvh);min-height:220px;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;gap:10px;padding-top:24px;overflow:auto}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-detail-image{width:76px;height:107px;align-self:start}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-detail-copy>p,.bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-detail-labels,.bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-reference,.bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-detail-dex{display:block}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-detail-copy{display:grid;max-height:none;gap:6px}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-detail-copy>h3{max-height:none;white-space:normal;overflow:visible}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-pokemon-details{white-space:normal;overflow:visible}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-location>span{font-size:9px}
  .bx-enabled #binderView .bx-pocket-grid .bx-selected>.bx-seated-card{transform:perspective(700px) translate3d(0,-19%,14px) rotateX(4deg) rotateZ(-1.2deg) scale(1.06)!important}
  .bx-enabled #binderView #binderStatus{position:absolute;bottom:84px;left:12px;right:12px;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .bx-enabled #binderView .bx-pocket-grid .bx-selected>.bx-seated-card{transform:translateY(-2px)!important;transition:none!important;box-shadow:0 0 0 2px #fa5d82!important}
  .bx-enabled .bx-card-flight{will-change:opacity}
}

/* Mobile recovery only. Existing desktop presentation stays unchanged. */
.bx-enabled #binderView .bx-mobile-toolbar{display:none}
.bx-enabled .bx-compact-modal{align-items:start;padding: max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));color:var(--bx-ink)}
.bx-enabled .bx-compact-dialog{width:min(460px,100%);max-height:calc(100dvh - 24px);margin-top:min(12dvh,90px);border-radius:16px;background:var(--bx-panel)}
.bx-enabled .bx-compact-dialog>header{padding:10px 12px;background:var(--bx-panel)}
.bx-enabled .bx-compact-dialog>header h2{font-size:17px;margin:0}
.bx-enabled .bx-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px}
.bx-enabled .bx-compact-modal :is(button,input,summary){font-family:inherit;touch-action:manipulation}
.bx-enabled .bx-compact-modal :is(button,input,summary):focus-visible{outline:2px solid #6bd8ed;outline-offset:2px}
.bx-enabled .bx-compact-modal [hidden]{display:none!important}
.bx-enabled .bx-compact-modal .bx-search{position:relative;display:flex;flex-wrap:wrap;align-items:center;border:1px solid var(--bx-line);border-radius:10px;min-width:0}
.bx-enabled .bx-compact-modal .bx-search>label{display:grid;place-items:center;width:34px}
.bx-enabled .bx-compact-modal svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.bx-enabled .bx-compact-modal .bx-search>input{flex:1;width:calc(100% - 78px);min-width:0;min-height:44px;padding:8px 42px 8px 0;background:transparent;border:0;color:var(--bx-ink);font-size:16px}
.bx-enabled .bx-compact-modal .bx-search-clear{position:absolute;right:0;top:0;width:40px;height:44px;border:0;background:none;color:var(--bx-ink);font-size:23px}
.bx-enabled .bx-compact-modal .bx-search-results{flex-basis:100%;max-height:min(42dvh,350px);overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--bx-line);padding:4px}
.bx-enabled .bx-compact-modal .bx-search-results>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:8px;border:0;border-radius:6px;text-align:left;background:none;color:var(--bx-ink);font-size:11px}
.bx-enabled .bx-compact-modal .bx-search-results>button>span:first-child{display:grid;gap:3px}
.bx-enabled .bx-compact-modal .bx-search-results :is(small,p){color:var(--bx-muted)}
.bx-enabled .bx-finder-current{margin:0 0 14px;font-size:12px;color:var(--bx-muted)}
.bx-enabled .bx-page-finder{display:grid;gap:8px}
.bx-enabled .bx-page-finder>label{font-size:13px;font-weight:650}
.bx-enabled .bx-page-finder>label>small{font-weight:400;color:var(--bx-muted);margin-left:8px}
.bx-enabled .bx-page-finder>div{display:flex;gap:8px}
.bx-enabled .bx-page-finder input{min-width:0;flex:1;min-height:44px;padding:8px 12px;font-size:16px;border:1px solid var(--bx-line);border-radius:9px;background:var(--bx-soft);color:var(--bx-ink)}
.bx-enabled .bx-page-finder button{min-width:72px;min-height:44px;border:1px solid var(--bx-accent);border-radius:9px;background:var(--bx-soft);color:var(--bx-ink);font-weight:650}
.bx-enabled .bx-page-finder [role="alert"]{margin:0;font-size:12px;color:var(--bx-accent)}
.bx-enabled .bx-page-tools{margin-top:12px;border-top:1px solid var(--bx-line)}
.bx-enabled .bx-page-tools>summary{display:flex;align-items:center;min-height:44px;font-size:12px;cursor:pointer;color:var(--bx-muted)}
.bx-enabled .bx-page-tools .bx-tools-content{display:grid;gap:10px;padding-top:8px}
.bx-enabled .bx-page-tools .binder-jump-controls{display:none!important}
.bx-enabled .bx-page-tools .v005-layout-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bx-enabled .bx-page-tools :is(button,input,select){min-height:44px;max-width:100%;font:inherit;font-size:13px;box-sizing:border-box}
.bx-enabled .bx-page-tools .v005-page-workspace-actions{display:flex;flex-wrap:wrap;gap:6px}
.bx-enabled .bx-compact-modal.sd-layer:not(dialog){padding:12px!important;align-items:start!important}
.bx-enabled .bx-compact-modal .bx-compact-dialog.sd-dialog{width:min(460px,100%)!important;max-height:calc(var(--sd-viewport-height,100dvh) - 24px)!important;margin-top:0;border-radius:16px!important;overflow:hidden!important}
.bx-enabled .bx-compact-modal .bx-compact-dialog>header{padding:10px 12px!important;align-items:center!important;gap:8px}
.bx-enabled .bx-compact-modal .bx-compact-dialog>header h2{font-size:17px!important;margin:0!important}
.bx-enabled .bx-compact-modal .bx-compact-dialog input{font-size:16px!important}

@media(max-width:760px){
  body.bx-scene-active.stikdex-shell-ready .search-wrap #globalSearch::placeholder{color:transparent!important}
  body.bx-scene-active.stikdex-shell-ready .search-wrap:focus-within #globalSearch::placeholder{color:var(--bx-muted)!important}
  body.bx-scene-active.stikdex-shell-ready .app>#binderView.active.view{box-sizing:border-box!important;border:0!important;margin:0!important;animation:none!important;transform:none!important}
  .bx-enabled #binderView:is(.v005-national-binder-mode,.v005-custom-binder-mode) :is(.v005-national-identity-head,.v005-custom-head,.bx-commandbar){display:none!important}
  .bx-enabled #binderView .bx-mobile-toolbar{display:flex;align-items:center;gap:4px;flex:none;height:40px;min-height:40px;margin:0 0 4px;min-width:0}
  .bx-enabled #binderView .bx-mobile-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:36px;min-height:40px;padding:0 7px;border:1px solid var(--bx-line);border-radius:8px;background:transparent;color:var(--bx-muted);font-size:11px;white-space:nowrap;cursor:pointer;box-sizing:border-box}
  .bx-enabled #binderView .bx-mobile-back>span:first-child{font-size:24px;line-height:1}
  .bx-enabled #binderView .bx-mobile-modes{display:flex;flex:1;min-width:0;gap:2px}
  .bx-enabled #binderView .bx-mobile-modes>button{flex:1;min-width:0;padding:0 5px;font-size:10px;letter-spacing:0}
  .bx-enabled #binderView .bx-mobile-modes>button[aria-pressed="true"]{color:var(--bx-ink);border-color:color-mix(in srgb,var(--bx-accent) 50%,var(--bx-line));background:color-mix(in srgb,var(--bx-accent) 15%,var(--bx-panel))}
  .bx-enabled #binderView .bx-mobile-toolbar :is(.bx-mobile-search,.bx-mobile-settings){width:38px;flex:none;padding:0}
  .bx-enabled #binderView .bx-workspace{position:relative;overflow:clip}
  .bx-enabled #binderView .bx-desk{box-sizing:border-box;padding-bottom:74px;overflow:visible}
  .bx-enabled #binderView .bx-mobile-pages{height:36px;min-height:36px;gap:5px;margin:0 0 4px;border:0;border-radius:0}
  .bx-enabled #binderView .bx-mobile-pages>button{min-height:36px;height:36px;min-width:40px}
  .bx-enabled #binderView .bx-mobile-pages>.bx-mobile-page-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:116px;padding:0 8px;font-size:11px;line-height:1.3;border-radius:8px}
  .bx-enabled #binderView .bx-mobile-page-indicator:after{content:"⌄";font-size:13px;margin-left:5px}
  .bx-enabled #binderView .bx-current>.bx-pocket-grid{margin-inline:auto!important}
  .bx-enabled #binderView .bx-current>.bx-page-folio{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
  .bx-enabled #binderView .bx-pocket-grid .binder-pocket-header{display:none!important}
  .bx-enabled #binderView .bx-inspector.bx-has-selection{position:absolute!important;left:0;right:0;bottom:4px;z-index:40;height:66px;min-height:66px;max-height:66px;grid-template-columns:36px minmax(0,1fr) 88px 36px 28px;grid-template-rows:1fr;align-items:center;gap:7px;padding:7px;border-radius:12px;touch-action:manipulation;box-shadow:0 -3px 18px #0004;transform:none!important;animation:none!important}
  .bx-enabled #binderView .bx-inspector.bx-has-selection:before{content:none}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-detail-image{grid-column:1;grid-row:1;width:36px;height:50px;margin:0;align-self:center}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-detail-copy{grid-column:2;grid-row:1;display:grid;gap:3px;max-height:none;padding:0;min-width:0}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-detail-copy>h3{font-size:13px;line-height:24px;max-height:24px;min-width:0;margin:0}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-pokemon-details{font-size:13px;line-height:24px;min-height:24px}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-location{padding:0}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-location strong{font-size:10px;line-height:14px}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-detail-footer{grid-column:3;grid-row:1;padding:0;align-items:center;display:block}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-card-actions{min-height:42px;font-size:10px;padding:4px;gap:3px;line-height:1.2}
  .bx-enabled #binderView .bx-inspector:not([data-expanded="true"]) .bx-card-actions>:is(svg,span){display:none}
  .bx-enabled #binderView .bx-sheet-handle{position:static;grid-column:4;grid-row:1;width:36px;height:42px;min-height:42px;padding:0}
  .bx-enabled #binderView .bx-sheet-handle[aria-haspopup="dialog"]:after{content:"↗";font-size:22px}
  .bx-enabled #binderView .bx-inspector-close{position:static;grid-column:5;grid-row:1;width:28px;height:42px;min-height:42px;font-size:23px;border-radius:7px}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"]{min-height:220px;height:auto;max-height:min(380px,48dvh);grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;overflow:auto}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-sheet-handle{position:absolute;right:38px;top:2px}
  .bx-enabled #binderView .bx-inspector[data-expanded="true"] .bx-inspector-close{position:absolute;right:4px;top:2px}
  .bx-enabled #binderView .bx-mobile-turn-stage{position:absolute!important;z-index:60;max-width:none!important;margin:0!important;background:none!important;box-shadow:none!important;border-color:transparent!important;perspective:none;pointer-events:none;contain:layout style}
  .bx-enabled #binderView .bx-mobile-turn-stage:after{content:none}
  .bx-enabled #binderView .bx-mobile-turn-sheet{position:absolute!important;max-width:none!important;margin:0!important;overflow:visible!important;backface-visibility:hidden;pointer-events:none!important;will-change:transform}
  .bx-enabled #binderView #binderStatus{bottom:74px;margin:0;max-height:12px;overflow:hidden;font-size:9px}
}
@media(max-width:760px){
  .bx-enabled #binderView .bx-book,.bx-enabled #binderView .bx-pocket-grid .bx-seated-card{touch-action:pan-y!important}
  .bx-enabled #binderView .bx-pocket-grid .v005-empty-slot>.bx-sleeve{width:auto;height:auto;min-width:0;min-height:0;max-width:none;max-height:none;box-sizing:border-box}
  .bx-enabled #binderView .bx-ready-artwork{position:absolute!important;inset:0;z-index:1;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;pointer-events:none}
  .bx-enabled #binderView .bx-ready-reference{opacity:.24;filter:saturate(.65)}
  .bx-enabled #binderView img.bx-media-canonical{opacity:0!important}
  .bx-enabled #binderView [data-bx-page-wait] .bx-book{outline:1px solid var(--bx-accent);outline-offset:2px;cursor:progress}
  .bx-enabled #binderView [data-bx-page-wait] .bx-mobile-page-indicator:after{content:" · Loading…";font-size:9px}
  .bx-enabled #binderView [data-bx-page-unavailable] .bx-mobile-page-indicator:after{content:" · Not ready";font-size:9px}
}
@media(max-width:760px){
  .bx-enabled .bx-mobile-card-flight{transform-origin:0 0;backface-visibility:hidden}
  .bx-enabled :is(.bx-mobile-card-flight,.bx-viewer-backing)>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
  .bx-enabled .bx-media-stage{position:relative}
  .bx-enabled .bx-viewer-backing{position:absolute;z-index:2;pointer-events:none;transform:translate3d(var(--binder-viewer-x,0px),var(--binder-viewer-y,0px),0) scale(var(--binder-viewer-scale,1));transform-origin:center;overflow:hidden;border-radius:3px}
  .bx-enabled .bx-viewer-backing>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none!important;transition:none!important}
  .bx-enabled [data-bx-phase="extracting"] .binder-card-viewer-loading,.bx-enabled [data-bx-phase="flying"] .binder-card-viewer-loading,.bx-enabled [data-bx-phase="handoff"]:has(.bx-viewer-backing) .binder-card-viewer-loading{visibility:hidden}
}

/* Approved material proof integration: exact photographic layers, mobile only. */
.bx-enabled #binderView :is(.bx-gutter,.bx-page-binding,.bx-sleeve-entry){display:none}
@media(max-width:760px){
  .bx-enabled #binderView .bx-book{display:block;position:relative;box-sizing:border-box;padding:0;border:0;border-radius:0;background:none;box-shadow:none;perspective:none;transform-style:flat;isolation:isolate}
  .bx-enabled #binderView .bx-book:before,.bx-enabled #binderView .bx-book:after{content:none}
  .bx-enabled #binderView .bx-portfolio-shell{position:absolute;inset:0;z-index:0;border:0;background:none;box-shadow:none;pointer-events:none}
  .bx-enabled #binderView .bx-body-material{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
  .bx-enabled #binderView .bx-body-tint{position:absolute;width:0;height:0;pointer-events:none}
  .bx-enabled #binderView .bx-page-well{position:absolute;left:8.6%;right:4.7%;top:5.7%;bottom:5.7%;z-index:1;display:block;width:auto;height:auto;min-width:0;border:0;border-radius:1.4%;background:none;box-shadow:none}
  .bx-enabled #binderView :is(.bx-rings,.bx-gutter){display:none}
  .bx-enabled #binderView .bx-current.bx-sleeve-page{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;min-width:0;isolation:isolate;padding:0;border:0;border-radius:1.4%;background:none;box-shadow:none;overflow:visible;transform-style:flat}
  .bx-enabled #binderView .bx-page-backing{position:absolute;inset:0;z-index:0;overflow:hidden;border:0;border-radius:inherit;background:#050607;box-shadow:none;pointer-events:none}
  .bx-enabled #binderView .bx-sheet-material{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
  .bx-enabled #binderView :is(.bx-page-film,.bx-page-binding){display:none}
  .bx-enabled #binderView .bx-current>.bx-pocket-grid{position:absolute!important;inset:1.5% 1.5% 1.6%!important;display:grid!important;grid-template-columns:repeat(var(--bx-columns),minmax(0,1fr))!important;grid-template-rows:repeat(var(--bx-rows),minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:0!important;width:97%!important;height:96.9%!important;min-width:0!important;min-height:0!important;max-width:none!important;padding:0!important;margin:0!important;overflow:visible!important}
  .bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot){display:block!important;position:relative!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
  .bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot):before,.bx-enabled #binderView .bx-pocket-grid>:is(.binder-pocket,.v005-empty-slot):after{content:none!important}
  .bx-enabled #binderView .bx-pocket-grid .bx-seated-card{position:absolute!important;inset:7% 8%!important;width:84%!important;height:86%!important;border:0!important;border-radius:2%!important;background:transparent!important;box-shadow:none!important}
  .bx-enabled #binderView .bx-pocket-grid :not(.bx-selected)>.bx-seated-card{z-index:2;border:0!important;background:transparent!important;box-shadow:none!important}
  .bx-enabled #binderView .bx-pocket-grid .bx-selected>.bx-seated-card{z-index:6}
  .bx-enabled #binderView .bx-pocket-grid .bx-seated-card :is(img,canvas,.v005-slot-image-stage){border-radius:2%!important}
  .bx-enabled #binderView .bx-pocket-grid .bx-pocket-front{position:absolute;inset:1.2% 1.4%;z-index:4;box-sizing:border-box;width:97.2%;height:97.6%;min-width:0;min-height:0;max-width:none;max-height:none;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}
  .bx-enabled #binderView .bx-pocket-front:before,.bx-enabled #binderView .bx-pocket-front:after{content:none}
  .bx-enabled #binderView .bx-plastic-material{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:fill;opacity:.72;pointer-events:none;user-select:none}
  .bx-enabled #binderView .bx-pocket-grid>:nth-child(4n+2) .bx-plastic-material,.bx-enabled #binderView .bx-pocket-grid>:nth-child(4n+4) .bx-plastic-material{transform:scaleX(-1)}
  .bx-enabled #binderView .bx-pocket-grid>:nth-child(3n) .bx-plastic-material{opacity:.58}
  .bx-enabled #binderView :is(.bx-sleeve-mouth,.bx-sleeve-entry,.bx-sleeve-seam,.bx-sleeve-gloss,.bx-sleeve-lip){display:none}
  /* Non-4x4 grids tile exact cropped material cells, with zero gaps and no 4x4 ghost seams. */
  .bx-enabled #binderView .bx-adapted-sheet .bx-sheet-material{visibility:hidden}
  .bx-enabled #binderView .bx-pocket-material{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;border:0;border-radius:0;overflow:hidden;background:#050607;pointer-events:none}
  .bx-enabled #binderView .bx-sheet-cell{position:absolute;left:var(--bx-crop-x);top:var(--bx-crop-y);width:412.371134%;height:412.796698%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:fill;pointer-events:none;user-select:none}
  .bx-enabled #binderView .bx-pocket-grid :is(.binder-placeholder,.no-artwork){background:none!important;box-shadow:none!important;color:transparent!important}
  .bx-enabled #binderView .bx-pocket-grid :is(.binder-placeholder-ball,.binder-photo-placeholder small,.no-artwork>*,.v005-empty-slot:not(.is-occupied)>.bx-seated-card>strong,.v005-empty-slot-mark){visibility:hidden!important}
  .bx-enabled #binderView .bx-current>.bx-page-folio{display:none}
  .bx-enabled #binderView .bx-pocket-grid .bx-seated-card:focus-visible{outline:2px solid #f9b3cf!important;outline-offset:2px}
  .bx-enabled #binderView .bx-mobile-turn-stage{box-sizing:border-box!important;display:block;position:absolute!important;z-index:60;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;perspective:none!important;transform:none!important;pointer-events:none;contain:layout style}
  .bx-enabled #binderView .bx-mobile-turn-sheet{box-sizing:border-box!important;grid-column:auto;grid-row:auto;min-width:0!important}
  .bx-enabled #binderView .bx-turn-underlay{z-index:2;will-change:auto}
  .bx-enabled #binderView .bx-mobile-turn-sheet:not(.bx-turn-underlay){z-index:4}
  /* Custom uses the same stable full-view image target as National on mobile. */
  .bx-enabled .bx-media-modal.sd-layer:not(dialog){box-sizing:border-box!important;display:grid!important;align-items:stretch!important;justify-items:center!important;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;height:var(--sd-viewport-height,100dvh)!important;max-height:var(--sd-viewport-height,100dvh)!important}
  .bx-enabled .bx-media-modal .bx-media-dialog.sd-dialog{box-sizing:border-box!important;display:grid!important;grid-template-rows:auto minmax(0,1fr);width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;overflow:hidden!important;border-radius:14px!important}
  .bx-enabled .bx-media-dialog>.bx-media-stage{box-sizing:border-box;height:auto;min-height:0;max-height:none;padding:12px;overflow:hidden}
  .bx-enabled .bx-media-dialog>.bx-media-stage>img{width:88%;height:88%;min-width:0;min-height:0;max-width:88%;max-height:88%;object-fit:contain}
}

/* Mobile 103: maximize proportional fit and contain only the temporary turning sheet. */
@media(max-width:760px){
  body.bx-scene-active.stikdex-shell-ready .app>#binderView.active.view{padding-inline:max(2px,env(safe-area-inset-left)) max(2px,env(safe-area-inset-right))!important}
  .bx-enabled #binderView .bx-mobile-toolbar{margin-inline:6px}
  .bx-enabled #binderView .bx-desk{padding-bottom:0}
  .bx-enabled #binderView .bx-inspector.bx-has-selection{animation:bxStrip103 180ms ease-out both!important}
  .bx-enabled #binderView .bx-book{position:absolute;top:var(--bx-book-top,40px);left:50%;margin-left:calc(var(--bx-book-w)/-2);transform-origin:0 0}
  .bx-enabled #binderView .bx-mobile-turn-stage{overflow:hidden!important;isolation:isolate;clip-path:inset(0)}
  .bx-enabled #binderView .bx-mobile-turn-sheet{overflow:hidden!important;transform-style:flat!important;backface-visibility:hidden!important;contain:paint}
  .bx-enabled #binderView .bx-mobile-turn-sheet .bx-pocket-grid .bx-seated-card{transform:none!important;box-shadow:none!important;will-change:auto!important;backface-visibility:hidden}
}
@keyframes bxStrip103{0%,80%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.bx-enabled #binderView .bx-inspector.bx-has-selection{animation:none!important}}

/* National 104: shared appearance controls, isolated colour assets; v103 geometry stays intact. */
.bx-enabled #binderView .bx-national-customize{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 12px;border:1px solid var(--bx-line);border-radius:9px;background:transparent;color:var(--bx-ink);font:inherit;font-size:12px;cursor:pointer}
.bx-enabled #binderView .bx-cover[data-bx-cover-ink="colour"] .bx-cover-front{background-image:var(--bx-cover-material),linear-gradient(100deg,color-mix(in srgb,var(--bx-cover-colour) 84%,#222),var(--bx-cover-colour));background-size:100% 100%;box-shadow:inset 2px 0 4px #0003,inset 0 0 0 2px #fff2}
.bx-enabled #binderView .bx-cover[data-bx-cover-ink="colour"] .bx-cover-spine{background:linear-gradient(90deg,color-mix(in srgb,var(--bx-cover-colour) 65%,#222),var(--bx-cover-colour) 45%,color-mix(in srgb,var(--bx-cover-colour) 80%,#222))}
.bx-enabled #binderView .bx-book[data-bx-cover-ink="colour"]{background:linear-gradient(110deg,color-mix(in srgb,var(--bx-cover-colour) 84%,#222),var(--bx-cover-colour) 45%,color-mix(in srgb,var(--bx-cover-colour) 80%,#222))}
.bx-enabled .bx-customize-section{display:grid;gap:10px;min-width:0}
.bx-enabled .bx-customize-section>h3{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--bx-muted);margin:0 0 2px}
.bx-enabled .bx-customize-fields{display:grid;gap:22px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px}
.bx-enabled .bx-customize-dialog{display:flex;flex-direction:column;max-height:min(760px,calc(var(--sd-viewport-height,100dvh) - 28px));min-height:0}
.bx-enabled .bx-customize-dialog>header{flex:none}
.bx-enabled .bx-customize-dialog>.bx-customize-form{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;overflow:hidden}
.bx-enabled .bx-customize-dialog .bx-customize-form>footer{display:flex;flex:none;justify-content:flex-end;gap:10px;margin:0;padding:12px 20px;background:var(--bx-panel);border-top:1px solid var(--bx-line)}
.bx-enabled .bx-customize-form .bx-text-action{justify-self:start;background:transparent;border:0;padding:4px 0;color:var(--bx-muted);font-size:12px;min-height:36px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bx-enabled .bx-layouts{display:grid;gap:9px;min-width:0;border:0;padding:0;margin:0;grid-column:1/-1}
.bx-enabled .bx-layouts>legend{font-size:12px;font-weight:650;margin-bottom:9px}
.bx-enabled .bx-layout-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bx-enabled .bx-layout-choice{position:relative;display:block;min-width:0;cursor:pointer}
.bx-enabled .bx-layout-choice>input{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;margin:0!important;z-index:1;cursor:pointer}
.bx-enabled .bx-layout-card{display:grid;justify-items:center;gap:5px;box-sizing:border-box;height:100%;padding:9px 5px;border:1px solid var(--bx-line);border-radius:10px;background:var(--bx-soft);color:var(--bx-ink)}
.bx-enabled .bx-layout-card>b{font-size:12px;font-weight:700}
.bx-enabled .bx-layout-card>small{font-size:10px;text-align:center;color:var(--bx-muted);line-height:1.25}
.bx-enabled .bx-grid-diagram{display:grid;grid-template-columns:repeat(var(--bx-preview-cols),1fr);gap:2px;width:32px;height:42px}
.bx-enabled .bx-grid-diagram>i{border:1px solid currentColor;border-radius:1px;opacity:.65}
.bx-enabled .bx-layout-choice>input:checked+.bx-layout-card{border:2px solid var(--bx-accent);padding:8px 4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--bx-accent) 16%,transparent)}
.bx-enabled .bx-layout-choice>input:focus-visible+.bx-layout-card{outline:2px solid #6bd8ed;outline-offset:3px}
.bx-enabled .bx-layout-choice>input:disabled+.bx-layout-card{opacity:.5;cursor:not-allowed}
.bx-enabled .bx-customize-form>.v005-settings-footer{position:sticky;bottom:0;background:var(--bx-panel);padding:12px 0 4px;z-index:2}
.bx-enabled #binderView .bx-unused-pocket{width:var(--bx-card-w);height:var(--bx-card-h);position:relative;background:#080b10;pointer-events:none;overflow:hidden}
@media(max-width:760px){
  .bx-enabled .bx-customize-fields{padding:14px 16px;gap:18px}
  .bx-enabled .bx-customize-dialog .bx-customize-form>footer{padding:12px 16px}
  .bx-enabled .bx-customize-dialog .bx-customize-form>footer>button{flex:1;min-height:44px}
  .bx-enabled .bx-colour-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .bx-enabled .bx-colour-choice{min-width:0;min-height:52px}
  .bx-enabled .bx-customize-form>.v005-settings-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bx-enabled .bx-customize-form>.v005-settings-footer>span{display:none}
  .bx-enabled .bx-customize-form>.v005-settings-footer>button{min-width:0;white-space:normal;min-height:44px}
  .bx-enabled #binderView .bx-book[data-bx-cover-ink="colour"]{background:none}
  .bx-enabled #binderView .bx-pocket-grid>.bx-unused-pocket{display:block;position:relative;width:100%;height:100%;aspect-ratio:auto;padding:0;margin:0;border:0;box-shadow:none;background:none;overflow:hidden}
}

/* CC2 105: display pictures are cover badges; the saved physical material stays visible. */
.bx-enabled #binderView .bx-cover-front>.bx-cover-picture{position:relative;inset:auto;flex:none;width:55%;height:40%;min-width:0;min-height:0;object-fit:contain;object-position:center;border-radius:3px;z-index:1}
.bx-enabled #binderView .bx-cover[data-bx-cover-tone="light"] .bx-cover-brand{color:#172a3c}
.bx-enabled #binderView .bx-cover[data-bx-cover-tone="light"] :is(.bx-cover-brand>span,.bx-cover-spine>b,.bx-cover-monogram){color:#8a1d38}
.bx-enabled #binderView .bx-cover[data-bx-cover-tone="light"] .bx-cover-front:before{border-color:#39455166}

/* CC2 106: colour samples keep their own paint; the app/modal theme stays intact. */
.bx-enabled .bx-colour-choice>span{isolation:isolate;overflow:hidden;box-sizing:content-box;width:30px;height:30px;background:var(--bx-swatch);color-scheme:only light;forced-color-adjust:none;filter:none;opacity:1;box-shadow:inset 0 0 0 1px #0002}
.bx-enabled .bx-colour-choice>span>.bx-swatch-paint{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:50%;object-fit:fill;pointer-events:none;color-scheme:only light;forced-color-adjust:none;filter:none;opacity:1}
.bx-enabled .bx-colour-choice>input[type="radio"]{opacity:0!important;appearance:none!important;-webkit-appearance:none!important;z-index:2}
.bx-enabled .bx-colour-choice>input:checked+span:after{position:relative;z-index:1;flex:none;box-shadow:0 0 0 1px #ffffffa6}
.bx-enabled .bx-colour-choice>input:focus-visible+span{outline:3px solid #48bed5;outline-offset:3px}
@media(forced-colors:active){.bx-enabled .bx-colour-choice>input:checked+span{outline:3px solid Highlight}.bx-enabled .bx-colour-choice>input:focus-visible+span{outline:3px dashed Highlight}}

/* A shallow mounted emblem holds the original picture above the physical fabric. */
.bx-enabled #binderView .bx-cover-emblem{position:relative;display:grid;place-items:center;flex:none;box-sizing:border-box;width:58%;height:40%;min-width:0;min-height:0;padding:4px;overflow:hidden;border:1px solid color-mix(in srgb,var(--bx-cover-colour) 45%,#aab6c4);border-radius:7px;background:linear-gradient(145deg,#ffffff19,#00000016),color-mix(in srgb,var(--bx-cover-colour) 86%,#111820);box-shadow:inset 0 1px 1px #ffffff36,inset 0 -1px 1px #0003,0 1px 2px #0005;z-index:1}
.bx-enabled #binderView .bx-cover-emblem>.bx-cover-picture{position:static;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:3px;filter:none;opacity:1;mix-blend-mode:normal}
.bx-enabled #binderView .bx-cover[data-bx-cover-tone="light"] .bx-cover-emblem{border-color:#84909d;background:linear-gradient(145deg,#ffffffa6,#cdd3d73b),color-mix(in srgb,var(--bx-cover-colour) 82%,#fff);box-shadow:inset 0 1px 1px #fff,0 1px 2px #0003}