/* Binder Studio v4.0.5 staging polish — lean static layout, artwork preview and mobile navigation.
   Legacy brand, tiny-button, four-column page-action, and duplicate page-rail overrides were removed.
   Page rail structure is owned by page-rail-structural-fix.css. */

.pikachu-bolt,.library-build-icon{display:none!important}
.auto-art-card{grid-template-rows:auto auto auto auto!important}.auto-art-size{display:none!important}.auto-art-add{width:100%!important;font-size:11px!important;font-weight:800!important}.auto-art-image{cursor:zoom-in}
.artwork-hover-preview{position:fixed;z-index:12000;width:min(340px,38vw);max-height:min(480px,72vh);padding:9px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));border-radius:16px;background:var(--surface);box-shadow:0 14px 36px rgba(0,0,0,.28);pointer-events:none;opacity:0}.artwork-hover-preview.visible{opacity:1}.artwork-hover-preview img{display:block;width:100%;max-height:min(430px,66vh);object-fit:contain;border-radius:11px;background:#080b10}
.pocket.art .sleeve{overflow:hidden!important}.pocket.art img{transform-origin:50% 50%}.pocket.art:hover{cursor:grab}
#fullThemeSelect{border-radius:13px!important}

.canvas-side-controls .library-setup-card{padding:8px!important;gap:6px!important}.canvas-side-controls .library-setup-kicker{display:none!important}.canvas-side-controls #syncMasterLibrary{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:42px!important;height:auto!important;padding:7px 46px 7px 11px!important;border-radius:13px!important;overflow:visible!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 82%,#fff) 0 var(--mobile-library-progress,0%),color-mix(in srgb,var(--surface2) 94%,#000) var(--mobile-library-progress,0%) 100%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)!important}.canvas-side-controls #syncMasterLibrary .library-build-copy{display:block!important;min-width:0!important;width:100%!important;text-align:left!important}.canvas-side-controls #libraryBuildLabel{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important}.canvas-side-controls #libraryBuildHint{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important}.canvas-side-controls #syncMasterLibrary::after{content:attr(data-progress);position:absolute;right:11px;top:50%;transform:translateY(-50%);font:800 10px/1 var(--kbs-font-family,system-ui,sans-serif);color:var(--text)}
.canvas-side-controls .library-setup-progress{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important;padding:6px 4px 1px!important;border:0!important;background:transparent!important}.canvas-side-controls .library-progress-head{display:contents!important}.canvas-side-controls .library-progress-head strong{min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:10px!important;line-height:1.2!important}.canvas-side-controls .library-progress-percent{font-size:10px!important;line-height:1.2!important}.canvas-side-controls .pikachu-progress{grid-column:1/-1!important;height:5px!important;margin:0!important}.canvas-side-controls .library-progress-foot{grid-column:1/-1!important;margin:0!important}.canvas-side-controls #libraryProgressText{display:none!important}.canvas-side-controls #masterLibraryHealth{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:10px!important;line-height:1.2!important;opacity:.82}

body.mobile-lab-enabled .top{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:7px!important;min-height:0!important;padding:8px 10px!important;align-items:center!important}body.mobile-lab-enabled .brand{display:flex!important;width:100%!important;min-width:0!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}body.mobile-lab-enabled .k-logo{width:40px!important;height:40px!important;min-width:40px!important}body.mobile-lab-enabled .k-logo span{font-size:20px!important}body.mobile-lab-enabled .brand-copy{min-width:0!important}body.mobile-lab-enabled .brand h1{max-width:100%!important;font-size:16px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}body.mobile-lab-enabled .top-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:6px!important;align-items:stretch!important}body.mobile-lab-enabled .top-actions>*{min-width:0!important;width:100%!important;max-width:100%!important}body.mobile-lab-enabled .top-actions button,body.mobile-lab-enabled .top-actions .btn,body.mobile-lab-enabled .cloud-account-btn{min-width:0!important;width:100%!important;min-height:42px!important;height:auto!important;padding:7px 6px!important;border-radius:12px!important;font-size:10px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}body.mobile-lab-enabled .version-link,body.mobile-lab-enabled .mobile-preview-toggle{font-size:10px!important;padding-inline:5px!important}body.mobile-lab-enabled .cloud-account{display:flex!important;width:100%!important;min-width:0!important}body.mobile-lab-enabled .cloud-popover{top:104px!important}

@media(max-width:560px){.artwork-hover-preview{display:none!important}}
@media(max-width:360px){body.mobile-lab-enabled .top-actions{grid-template-columns:minmax(0,1fr)!important}body.mobile-lab-enabled .top-actions button,body.mobile-lab-enabled .cloud-account-btn{font-size:11px!important}}