html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}@media (max-width:480px){html{font-size:clamp(14px,3.6vw,16px)}}@media (max-width:360px){html{font-size:clamp(14px,4.2vw,15px)}}@media (max-width:320px){html{font-size:14px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#splash-screen{align-items:center;background:#f7f1e8;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .45s ease-out;width:100%;z-index:9999}#splash-screen.hidden{opacity:0;pointer-events:none}.splash-content{align-items:center;display:flex;flex-direction:column;padding:1.5rem;position:relative;text-align:center;z-index:1}.splash-icon{-webkit-user-drag:none;animation:splashPop .55s ease-out .05s forwards;border-radius:22%;display:block;height:112px;margin:0 auto 1.1rem;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:112px}.splash-text{animation:fadeInUp .55s ease-out .2s forwards;color:#2c3e50;font-size:1.65rem;font-weight:600;letter-spacing:.04em;margin-bottom:.35rem;opacity:0}.splash-subtext{animation:fadeIn .55s ease-out .35s forwards;color:#9aa5b1;font-size:.8rem;font-weight:400;letter-spacing:.02em;margin-bottom:1.5rem;opacity:0}.splash-loader{align-items:center;display:flex;gap:.45rem;justify-content:center}.loader-dot{animation:dotBounce 1.3s ease-in-out infinite;background:#7eb8e8;border-radius:50%;height:7px;width:7px}.loader-dot:first-child{animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.18s}.loader-dot:nth-child(3){animation-delay:.36s}@keyframes splashPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,80%,to{opacity:.45;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.splash-icon{height:96px;width:96px}.splash-text{font-size:1.45rem}}:root{--app-chrome-max-header:38dvh;--app-chrome-max-footer:22dvh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.App{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);width:100vw;width:100dvw}.App>.app-footer{flex-shrink:0}.App>.binder-container{display:flex;flex:1 1;flex-direction:column;margin-right:70px;min-height:0;overflow:hidden}.App.fullscreen-mode{height:100vh;height:100dvh;width:100vw;width:100dvw}.App.fullscreen-mode .page-order-bar{display:none!important}.App.fullscreen-mode .settings-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border-bottom:1px solid #0000001a;display:flex!important;left:env(safe-area-inset-left,0);left:var(--safe-left);max-height:none;opacity:.95;overflow:visible;padding:.2rem max(14px,calc(env(safe-area-inset-right, 0px) + 10px)) .2rem max(10px,calc(env(safe-area-inset-left, 0px) + 6px));padding:.2rem max(14px,calc(var(--safe-right, 0px) + 10px)) .2rem max(10px,calc(var(--safe-left, 0px) + 6px));position:fixed!important;right:env(safe-area-inset-right,0);right:var(--safe-right);top:env(safe-area-inset-top,0);top:var(--safe-top);transition:opacity .2s,transform .2s;z-index:10001!important}.App.fullscreen-mode .settings-bar:hover{opacity:1}.App.fullscreen-mode.fullscreen-header-hidden .settings-bar{display:none!important}.fullscreen-header-reopen{display:none}.App.fullscreen-mode.fullscreen-header-hidden .fullscreen-header-reopen{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffc7;border:1px solid #00000014;border-radius:999px;box-shadow:0 1px 4px #00000014;color:#00000080;cursor:pointer;display:inline-flex;height:22px;justify-content:center;left:50%;line-height:1;min-width:36px;padding:0;position:fixed;right:auto;top:calc(6px + env(safe-area-inset-top, 0px));top:calc(6px + var(--safe-top, 0px));touch-action:manipulation;transform:translateX(-50%);width:36px;z-index:10025}.App.fullscreen-mode.fullscreen-header-hidden .fullscreen-header-reopen:before{content:"";inset:-8px -12px;position:absolute}.App.fullscreen-mode.fullscreen-header-hidden .fullscreen-header-reopen:focus-visible,.App.fullscreen-mode.fullscreen-header-hidden .fullscreen-header-reopen:hover{background:#ffffffeb;box-shadow:0 2px 6px #0000001a;color:#0000009e}.footer-reopen{display:none}.App.footer-hidden:not(.fullscreen-mode) .footer-reopen{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffffe0;border:1px solid #0000001a;border-radius:50%;bottom:calc(10px + env(safe-area-inset-bottom, 0px));bottom:calc(10px + var(--safe-bottom, 0px));box-shadow:none;color:#555;cursor:pointer;display:inline-flex;height:28px;justify-content:center;left:calc(10px + env(safe-area-inset-left, 0px));left:calc(10px + var(--safe-left, 0px));line-height:1;min-width:28px;padding:0;position:fixed;right:auto;touch-action:manipulation;transform:none;transition:color .15s,background-color .15s,border-color .15s;width:28px;z-index:10025}.App.footer-hidden:not(.fullscreen-mode) .footer-reopen:before{content:"";inset:-8px;position:absolute}.App.footer-hidden:not(.fullscreen-mode) .footer-reopen:focus-visible,.App.footer-hidden:not(.fullscreen-mode) .footer-reopen:hover{background:#fff;border-color:#0000002e;box-shadow:none;color:#222;transform:none}.App.footer-hidden .app-footer,.App.fullscreen-mode .app-footer{display:none!important}.App.fullscreen-mode .binder-container{bottom:0!important;height:calc(100dvh - 40px - env(safe-area-inset-top, 0px))!important;height:calc(100dvh - 40px - var(--safe-top))!important;margin-right:0!important;padding:0 0 env(safe-area-inset-bottom,0)!important;padding-bottom:var(--safe-bottom)!important;top:40px!important;width:100%!important}.App.fullscreen-mode.fullscreen-header-hidden .binder-container{height:calc(100dvh - env(safe-area-inset-top, 0px))!important;height:calc(100dvh - var(--safe-top, 0px))!important;top:0!important}*{box-sizing:border-box}body,html{-webkit-text-size-adjust:100%;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}@media (max-width:1024px){:root{--app-chrome-max-header:28dvh;--app-chrome-max-footer:22dvh;--app-chrome-max-page-order:44px}body,html{-webkit-overflow-scrolling:touch;height:100%;overflow-x:hidden;overflow-y:auto}#root,body,html{min-height:100dvh}#root{overflow:visible}.App{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,auto) minmax(0,1fr) auto auto;height:100vh;height:100svh;max-height:100vh;max-height:100svh;min-height:100vh;min-height:100svh;overflow:hidden}.App>.settings-bar{-webkit-overflow-scrolling:touch;box-shadow:0 1px 4px #00000014;flex:initial;grid-row:1;max-height:38dvh;max-height:var(--app-chrome-max-header);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;top:auto;z-index:1000}.App>.binder-container{background-color:#fff;flex:initial;grid-row:2;margin-right:0;max-width:100%;min-height:0;overflow:hidden;padding:.15rem;touch-action:manipulation;width:100%;z-index:995}.App>.page-order-bar{background-color:#fff;flex-shrink:0;grid-row:3;max-height:var(--app-chrome-max-page-order);min-height:0;z-index:996}.App>.page-order-bar.is-mobile-expanded{max-height:92px;overflow:hidden}.App>.app-footer{-webkit-overflow-scrolling:touch;bottom:auto;flex:initial;grid-row:4;max-height:22dvh;max-height:var(--app-chrome-max-footer);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px));padding-bottom:max(.5rem,var(--safe-bottom));position:relative;z-index:999}.App.footer-hidden>.page-order-bar{padding-bottom:max(.35rem,env(safe-area-inset-bottom,0px));padding-bottom:max(.35rem,var(--safe-bottom))}.App.footer-hidden:not(.fullscreen-mode) .footer-reopen{bottom:calc(52px + env(safe-area-inset-bottom, 0px));bottom:calc(8px + var(--safe-bottom, 0px) + var(--app-chrome-max-page-order, 44px));left:calc(8px + env(safe-area-inset-left, 0px));left:calc(8px + var(--safe-left, 0px))}.App.footer-hidden{grid-template-rows:minmax(0,auto) minmax(0,1fr) auto}}@media (max-width:1024px) and (orientation:landscape){:root{--app-chrome-max-header:14dvh;--app-chrome-max-footer:12dvh;--app-chrome-max-page-order:36px}.App>.page-order-bar.is-mobile-expanded{max-height:76px}.App>.settings-bar{gap:0;max-height:38dvh;max-height:var(--app-chrome-max-header);padding:.06rem .2rem}.App>.binder-container{padding:.05rem .15rem}.App>.app-footer{min-height:0;min-height:auto;padding:.15rem .35rem max(.15rem,env(safe-area-inset-bottom,0px));padding-bottom:max(.15rem,var(--safe-bottom))}.App.fullscreen-mode .settings-bar{padding:.06rem .2rem}.App.fullscreen-mode .binder-container{height:calc(100dvh - 32px - env(safe-area-inset-top, 0px))!important;height:calc(100dvh - 32px - var(--safe-top))!important;padding-bottom:env(safe-area-inset-bottom,0)!important;padding-bottom:var(--safe-bottom)!important;top:32px!important}.App.fullscreen-mode.fullscreen-header-hidden .binder-container{height:calc(100dvh - env(safe-area-inset-top, 0px))!important;height:calc(100dvh - var(--safe-top, 0px))!important;top:0!important}}@media (max-width:480px) and (orientation:portrait){:root{--app-chrome-max-header:32dvh;--app-chrome-max-footer:18dvh;--app-chrome-max-page-order:42px}.App>.page-order-bar.is-mobile-expanded{max-height:88px}.App.footer-hidden:not(.fullscreen-mode) .footer-reopen{background:#0000;border:none;box-shadow:none;color:#00000073;height:24px;min-width:24px;width:24px}.App.footer-hidden:not(.fullscreen-mode) .footer-reopen:focus-visible,.App.footer-hidden:not(.fullscreen-mode) .footer-reopen:hover{background:#0000;border-color:#0000;color:#000000a6}.App.fullscreen-mode .settings-fullscreen-hide-item{margin-right:14px}}.read-only-banner{align-items:center;background:#f1e8fb;border-bottom:1px solid #e0cffa;color:#6b32b4;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:.4rem;justify-content:center;padding:.35rem .75rem;text-align:center}.App.fullscreen-mode .read-only-banner{display:none}.App.read-only .binder-page-delete-button,.App.read-only .cell-image-controls,.App.read-only .cell-placeholder,.App.read-only .cell-sleeve-picker,.App.read-only .cell-url-input-container,.App.read-only .fullscreen-add-page-btn,.App.read-only .page-order-swap-button,.App.read-only .page-order-swap-inputs{display:none!important}.App.read-only .cell-input{pointer-events:none;resize:none}.App.read-only .cell,.App.read-only .page-cell{cursor:default}@media (max-width:600px){.read-only-banner{font-size:.72rem;padding:.3rem .6rem}}.settings-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.3rem;justify-content:center;padding:.25rem .4rem}.setting-label--strong{color:#444;font-weight:600;letter-spacing:.01em}.setting-item--size .ratio-input{min-width:3.2rem}.setting-item--grid .grid-input{min-width:4.5rem}.settings-bar-primary,.settings-bar-secondary{display:contents}.settings-add-page-mobile,.settings-mobile-toggle-item{display:none}.App.fullscreen-mode .settings-bar{gap:.2rem;padding:.15rem .25rem}.App.fullscreen-mode .settings-bar .setting-item{gap:.15rem}.App.fullscreen-mode .settings-bar .settings-control{font-size:.6rem;padding:.15rem .25rem}.App.fullscreen-mode .settings-bar .setting-label{display:none;font-size:.6rem}@media (max-width:1024px){.settings-bar{align-items:stretch;background-color:#fff;box-shadow:0 1px 3px #00000014;flex-direction:column;flex-shrink:0;flex-wrap:nowrap;gap:0;overflow-x:hidden;padding:.2rem .55rem .2rem .35rem;position:relative;z-index:1000}.App.fullscreen-mode .settings-bar{padding-right:.65rem}.App.fullscreen-mode .settings-fullscreen-hide-item{margin-right:12px}.settings-bar:has(.size-menu){overflow:visible}.settings-bar-secondary:has(.size-menu){overflow:visible}.settings-bar-primary,.settings-bar-secondary{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;width:100%}.settings-bar-primary{-webkit-overflow-scrolling:touch;align-items:center;flex-wrap:nowrap;gap:.28rem;justify-content:flex-start;min-height:36px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.settings-bar-primary::-webkit-scrollbar{display:none}.settings-bar-primary .binder-menu-btn,.settings-bar-primary .cloud-discard-btn,.settings-bar-primary .cloud-save-now-btn,.settings-bar-primary .fullscreen-toggle-btn-left,.settings-bar-primary .settings-mobile-toggle-btn{align-items:center!important;border-radius:8px!important;box-sizing:border-box;display:inline-flex!important;flex-shrink:0;font-size:.85rem!important;height:32px!important;justify-content:center!important;line-height:1!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:0!important;width:32px!important}.settings-bar-primary .settings-add-page-btn--compact{align-items:center!important;background-color:#333!important;border-color:#333!important;border-radius:8px!important;box-sizing:border-box;color:#fff!important;display:inline-flex!important;flex-shrink:0;font-size:.68rem!important;font-weight:600;height:32px!important;justify-content:center!important;line-height:1!important;max-width:none!important;min-height:32px!important;min-width:0!important;padding:0 .55rem!important;white-space:nowrap;width:auto!important}.settings-bar-primary .settings-add-page-btn--compact:hover:not(:disabled){background-color:#555!important;border-color:#555!important}.settings-bar-primary .cloud-save-now-btn--dirty{animation:none;box-shadow:none}.settings-bar-primary .binder-selector{flex:0 1 auto;max-width:min(42vw,140px);min-width:0}.settings-bar-primary .binder-selector>.setting-label{display:none}.settings-bar-primary .binder-selector-wrapper{height:32px;max-width:100%;min-width:0;width:100%}.settings-bar-primary .binder-select{border-radius:8px;flex:1 1 auto;font-size:.72rem;height:32px;max-width:none;min-width:0;padding:0 1.35rem 0 .45rem;width:auto}.settings-bar-primary .setting-item{flex-shrink:0}.settings-bar-primary .settings-add-page-mobile,.settings-bar-primary .settings-mobile-toggle-item{flex-shrink:0;margin-left:auto}.settings-bar-primary .settings-add-page-mobile+.settings-mobile-toggle-item{margin-left:0}.settings-bar-secondary{border-top:1px solid #eee;display:none;margin-top:.15rem;padding-top:.2rem}.settings-add-page-mobile,.settings-bar--expanded .settings-bar-secondary,.settings-mobile-toggle-item{display:flex}.settings-add-page-desktop{display:none}.settings-mobile-toggle-item{flex-shrink:0}.settings-mobile-toggle-btn{-webkit-tap-highlight-color:transparent;background-color:#fff;border:1px solid #ccc;color:#333;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.settings-mobile-toggle-btn:hover{background-color:#f5f5f5;border-color:#999}.settings-bar .gallery-count,.settings-bar .icon-button-label,.settings-bar .setting-label{display:none}}@media (max-width:480px){.settings-bar-primary{gap:.22rem}.settings-bar-primary .binder-menu-btn,.settings-bar-primary .cloud-discard-btn,.settings-bar-primary .cloud-save-now-btn,.settings-bar-primary .fullscreen-toggle-btn-left,.settings-bar-primary .settings-mobile-toggle-btn{border-radius:7px!important;height:30px!important;max-width:30px!important;min-height:30px!important;min-width:30px!important;width:30px!important}.settings-bar-primary .settings-add-page-btn--compact{border-radius:7px!important;font-size:.64rem!important;height:30px!important;min-height:30px!important;padding:0 .45rem!important}.settings-bar-primary .binder-select,.settings-bar-primary .binder-selector-wrapper{height:30px}.settings-bar-primary .binder-select{font-size:.68rem;padding:0 1.2rem 0 .35rem}}.setting-item{align-items:center;display:flex;gap:.2rem}.setting-label{color:#666;font-size:.65rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.settings-control{background-color:#fff;border:1px solid #ccc;border-radius:3px;color:#333;cursor:pointer;font-size:.65rem;padding:.2rem .35rem;transition:all .15s}.settings-control:hover{background-color:#f8f8f8;border-color:#666}.settings-control:focus{border-color:#333;box-shadow:0 0 0 2px #0000000d;outline:none}.color-input{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:3px;cursor:pointer;height:22px;padding:0;width:22px}.color-input::-webkit-color-swatch-wrapper{border:none;border-radius:3px;padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:3px}.color-input::-moz-color-swatch{border:none;border-radius:3px}.color-input:hover{border-color:#666;transform:scale(1.1)}.ratio-input-wrapper{align-items:center;display:flex;gap:.2rem}.setting-item--size-menu{position:relative;z-index:20}.size-menu-btn{gap:.28rem}.size-menu-btn--open{background:#f5f5f5;border-color:#999}.size-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 6px 18px #0000001f;display:flex;flex-direction:column;gap:.4rem;left:0;min-width:200px;padding:.45rem .5rem;position:absolute;top:calc(100% + 4px);z-index:1200}.size-menu-row{align-items:center;display:flex;gap:.55rem;justify-content:space-between}.size-menu-label{color:#444;flex-shrink:0;font-size:.68rem;font-weight:600;min-width:3.6rem}.size-menu-controls{align-items:center;display:flex;gap:.28rem}.size-step-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;touch-action:none;transition:background-color .12s,border-color .12s,color .12s;user-select:none;-webkit-user-select:none;width:26px}.size-step-btn:hover{background:#f3f3f3;border-color:#aaa;color:#111}.size-step-btn:active{background:#ebebeb}.size-menu-input{border-radius:6px;font-size:.72rem;padding:.22rem .28rem;text-align:center;width:52px}.size-menu-zoom-field{align-items:center;display:inline-flex;gap:.1rem}.size-menu-input--zoom{width:44px}.size-menu-suffix{color:#777;font-size:.65rem;font-weight:600;-webkit-user-select:none;user-select:none}.ratio-input{padding:.2rem .25rem;text-align:center;width:50px}.ratio-input-wrapper--zoom{gap:.12rem}.ratio-input--zoom{padding-right:.15rem;width:42px}.ratio-input-suffix{color:#777;font-size:.65rem;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.ratio-buttons{display:flex;flex-direction:column;gap:.05rem}.ratio-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:2px;color:#333;cursor:pointer;display:flex;font-size:.6rem;height:12px;justify-content:center;line-height:1;padding:0;touch-action:none;transition:all .15s;user-select:none;-webkit-user-select:none;width:18px}.ratio-btn:hover{background-color:#f5f5f5;border-color:#999}.ratio-btn:active{background-color:#e0e0e0}.ratio-btn-up{border-bottom-left-radius:0;border-bottom-right-radius:0}.ratio-btn-down{border-top-left-radius:0;border-top-right-radius:0}.grid-input{padding:.2rem .25rem;text-align:center;width:40px}.action-button{background-color:#333;border:1px solid #333;color:#fff;font-size:.7rem;font-weight:500;padding:.3rem .6rem;white-space:nowrap}.action-button:hover:not(:disabled){background-color:#555;border-color:#555}.action-button:disabled{cursor:not-allowed;opacity:.5}.danger-button{background-color:#fff;border-color:#dc143c;color:#dc143c}.danger-button:hover{background-color:#dc143c;color:#fff}.compact-select{cursor:pointer;min-width:45px;padding:.2rem .3rem}.compact-select option{font-size:.65rem}.image-input-select{cursor:pointer;font-size:.7rem;min-width:140px;padding:.2rem .4rem}.image-input-select option{font-size:.7rem;padding:.3rem}.back-image-controls{align-items:center;display:flex;gap:.2rem}.icon-button{align-items:center;display:inline-flex;font-size:.7rem;gap:.3rem;height:auto;justify-content:center;min-width:auto;padding:.25rem .5rem;white-space:nowrap}.fullscreen-toggle-btn-left{align-items:center!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;color:#333!important;cursor:pointer!important;display:flex!important;font-size:.9rem!important;font-weight:400!important;height:25px!important;justify-content:center!important;padding:0!important;transition:all .15s ease!important;width:32px!important}.fullscreen-toggle-btn-left:hover{background-color:#f5f5f5!important;border-color:#999!important;color:#000!important;transform:scale(1.05)}.fullscreen-header-hide-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffffe6;border:1.5px solid #0000002e;border-radius:50%;box-shadow:none;color:#0000008c;cursor:pointer;display:inline-flex;height:26px;justify-content:center;min-height:26px;min-width:26px;padding:0;touch-action:manipulation;transition:color .15s,border-color .15s,background-color .15s;width:26px}.fullscreen-header-hide-btn:hover{background:#fff;border-color:#00000047;box-shadow:none;color:#000000c7}.settings-fullscreen-hide-item{flex-shrink:0;margin-left:auto;margin-right:10px;padding-right:2px}.icon-button.remove-button:hover{background-color:#ffe4e1;border-color:#dc143c;color:#dc143c}.back-image-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999998}.back-image-modal-content{animation:slideUp .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.back-image-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.back-image-modal-header h3{font-size:1rem;font-weight:500;margin:0}.back-image-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .15s;width:24px}.back-image-modal-close:hover{background-color:#f5f5f5;color:#333}.back-image-modal-options{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.back-image-modal-option{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:all .15s}.back-image-modal-option:hover{background-color:#f5f5f5;border-color:#999}.back-image-url-input-container{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;padding:1rem}.back-image-url-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.back-image-url-input:focus{border-color:#666;outline:none}.back-image-url-buttons{display:flex;gap:.5rem}.back-image-url-btn{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .15s}.back-image-url-btn:hover{background-color:#f5f5f5;border-color:#999}.back-image-gallery-search{border-bottom:1px solid #e0e0e0;padding:1rem}.back-image-gallery-search-input{border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.back-image-gallery-search-input:focus{border-color:#666;outline:none}.back-image-gallery-grid{grid-gap:1rem .85rem;align-items:start;display:grid;flex:1 1;gap:1rem .85rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:60vh;overflow-y:auto;padding:1.5rem 1.75rem 2rem}.back-image-gallery-item{background:linear-gradient(145deg,#fff,#f3eef8);border:none;border-radius:10px;box-shadow:0 3px 10px #2818401a;cursor:pointer;display:flex;flex-direction:column;height:auto;overflow:visible;padding:5px;pointer-events:auto;position:relative;transition:transform .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none}.back-image-gallery-item:hover{box-shadow:0 12px 28px #50327833;transform:translateY(-4px) scale(1.02)}.back-image-gallery-item:active{transform:translateY(-1px) scale(.99)}.back-image-gallery-item img{aspect-ratio:55/85;background:#ece8f2;border-radius:7px;display:block;flex-shrink:0;object-fit:cover;width:100%}.back-image-gallery-item-name{background:#0000;border-radius:0 0 6px 6px;border-top:none;box-sizing:border-box;color:#4a4058;flex-shrink:0;font-size:.6rem;font-weight:500;line-height:1.2;overflow:hidden;padding:.35rem .3rem .15rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.back-image-gallery-item-error{align-items:center;background-color:#f8f8f8;border-radius:4px;color:#999;display:flex;font-size:.7rem;justify-content:center;padding:.5rem}.page-order-toggle{align-items:center;display:inline-flex;font-size:.75rem;height:24px;justify-content:center;min-width:24px;padding:.25rem .4rem}.eye-icon{border:1.5px solid #666;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;display:inline-block;height:10px;position:relative;width:16px}.eye-icon:before{border-radius:50%;height:5px;left:50%;transform:translate(-50%,-50%);width:5px}.eye-icon-closed:after,.eye-icon:before{background-color:#666;content:"";position:absolute;top:50%}.eye-icon-closed:after{height:1.5px;left:-2px;transform:translateY(-50%) rotate(-10deg);width:20px}.eye-icon-closed{opacity:.7}.color-picker-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;z-index:10060}.color-picker-modal-content{animation:slideUp .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:88dvh;max-width:400px;overflow:hidden;width:min(92vw,400px)}.color-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.color-picker-header h3{font-size:1rem;font-weight:500;margin:0}.color-picker-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .15s;width:24px}.color-picker-close:hover{background-color:#f5f5f5;color:#333}.color-picker-body{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.color-picker-preview{border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff59;height:36px;width:100%}.color-picker-main{align-items:center;display:flex;justify-content:center;width:100%}.color-picker-wheel{height:min(42vw,200px)!important;max-width:100%;touch-action:none;width:100%!important}.color-picker-wheel .react-colorful__saturation{border-radius:8px 8px 0 0}.color-picker-wheel .react-colorful__hue{border-radius:0 0 8px 8px;height:18px;margin-top:12px}.color-picker-wheel .react-colorful__pointer{height:18px;width:18px}.color-picker-presets{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:repeat(5,1fr)}.color-picker-preset{aspect-ratio:1;border:1px solid #ccc;border-radius:6px;cursor:pointer;min-height:32px;padding:0;width:100%}.color-picker-preset--active{outline:2px solid #333;outline-offset:2px}.color-swatch-btn{-webkit-tap-highlight-color:transparent;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:block;height:22px;min-height:22px;min-width:22px;padding:0;width:22px}.color-swatch-btn:focus-visible,.color-swatch-btn:hover{border-color:#666;box-shadow:0 0 0 2px #00000014;outline:none}.color-picker-custom{display:flex;flex-direction:column;gap:.5rem}.color-picker-custom label{color:#333;font-size:.9rem;font-weight:500}.color-picker-hex-input{border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:1rem;padding:.75rem;text-transform:uppercase}.color-picker-hex-input:focus{border-color:#666;box-shadow:0 0 0 2px #0000001a;outline:none}.color-picker-actions{display:flex;gap:.75rem;justify-content:flex-end}.color-picker-btn{border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .15s}.color-picker-btn-cancel{background-color:#fff;color:#333}.color-picker-btn-cancel:hover{background-color:#f5f5f5}.color-picker-btn-apply{background-color:#333;border-color:#333;color:#fff}.color-picker-btn-apply:hover{background-color:#555;border-color:#555}@media (max-width:1024px) and (orientation:landscape){.settings-bar{gap:0;padding:.06rem .2rem!important}.settings-bar-primary{gap:.12rem;min-height:0}.settings-bar-secondary{margin-top:.08rem;padding-top:.1rem}.settings-bar .setting-label{display:none}.settings-control{font-size:.55rem;padding:.1rem .2rem}.action-button{font-size:.55rem;padding:.1rem .25rem}.color-input{height:18px;width:18px}.ratio-input{width:34px}.grid-input{width:32px}.settings-bar-primary .binder-select{font-size:.62rem;height:28px;max-width:none;min-width:0;padding:0 1.15rem 0 .3rem}.settings-bar-primary .binder-selector-wrapper{height:28px}.settings-bar-primary .binder-menu-btn,.settings-bar-primary .cloud-discard-btn,.settings-bar-primary .cloud-save-now-btn,.settings-bar-primary .fullscreen-toggle-btn-left,.settings-bar-primary .settings-mobile-toggle-btn{border-radius:7px!important;height:28px!important;max-width:28px!important;min-height:28px!important;min-width:28px!important;padding:0!important;width:28px!important}.settings-bar-primary .settings-add-page-btn--compact{border-radius:7px!important;font-size:.6rem!important;height:28px!important;min-height:28px!important;padding:0 .4rem!important}.settings-mobile-toggle-item .settings-control{font-size:.75rem;min-height:28px;padding:0!important}}@media (max-width:768px){.settings-bar{gap:.4rem;padding:.3rem .4rem}.setting-item{gap:.25rem}.setting-label{font-size:.65rem}.settings-control{font-size:.65rem;padding:.2rem .3rem}.color-input{height:22px;width:22px}.ratio-input{width:45px}.grid-input{width:40px}.compact-select{min-width:50px}.action-button{font-size:.65rem;padding:.25rem .4rem}}.binder-selector{position:relative}.binder-selector-wrapper{align-items:center;display:flex;gap:.2rem}.binder-select{max-width:200px;min-width:120px}.binder-import-input{display:none}.binder-menu-btn{background-color:#fff;border:1px solid #ccc;border-radius:3px;color:#333;cursor:pointer;font-size:.8rem;line-height:1;padding:.2rem .35rem;transition:all .15s}.binder-menu-btn:hover{background-color:#f8f8f8;border-color:#666}.binder-menu{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 8px 24px #0000001a;left:0;margin-top:.35rem;max-height:420px;max-width:300px;min-width:232px;overflow-x:hidden;overflow-y:auto;padding:.35rem 0;position:absolute;top:100%;z-index:1001}.binder-menu-section{padding:0 .5rem}.binder-menu-section--actions{padding-bottom:.05rem}.binder-menu-section--list{padding:0}.binder-menu-empty{padding:.75rem .85rem 1rem;text-align:left}.binder-menu-empty-title{color:#333;font-size:.78rem;font-weight:600;line-height:1.3;margin:0 0 .3rem}.binder-menu-empty-desc{color:#888;font-size:.68rem;line-height:1.4;margin:0}.binder-menu-section--list .binder-menu-section-label{margin:0;padding:.3rem .65rem .25rem}.binder-menu-section-label{color:#b0b0b0;font-size:.58rem;font-weight:600;letter-spacing:.08em;margin:0 0 .3rem;padding:0 .15rem;text-transform:uppercase}.binder-menu-divider{background:#ececec;height:1px;margin:.4rem 0}.binder-menu-action-row{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:1fr 1fr;margin-top:.2rem}.binder-menu-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:5px;box-sizing:border-box;color:#555;cursor:pointer;display:inline-flex;font-size:.74rem;gap:.4rem;justify-content:flex-start;padding:.45rem .55rem;text-align:left;transition:background-color .12s,color .12s,border-color .12s;width:100%}.binder-menu-item--danger,.binder-menu-item--primary,.binder-menu-item--secondary{justify-content:center}.menu-icon{display:block;flex-shrink:0}.menu-icon--spin{animation:menu-icon-spin .8s linear infinite}@keyframes menu-icon-spin{to{transform:rotate(1turn)}}.binder-menu-item:disabled{cursor:not-allowed;opacity:.35}.binder-menu-item--primary{background:#f3f7fc;border-color:#c5daf5;color:#1a5fb4;font-weight:600;text-align:center}.binder-menu-item--primary:hover:not(:disabled){background:#e5eef9;border-color:#9ec0ea;color:#144a8f}.binder-menu-item--secondary{background:#f7f7f7;border-color:#e0e0e0;color:#555;font-size:.7rem;text-align:center}.binder-menu-item--secondary:hover:not(:disabled){background:#efefef;border-color:#cacaca;color:#222}.binder-menu-item--danger{background:#fff;border-color:#e8c8c8;color:#a33;font-size:.7rem;margin-top:.25rem;text-align:center}.binder-menu-item--danger:hover:not(:disabled){background:#fdf2f1;border-color:#e0a8a8;color:#b3261e}.binder-menu-item-wrapper{align-items:stretch;background:#0000;border:none;cursor:pointer;display:flex;margin:0;padding:0}.binder-menu-item-wrapper+.binder-menu-item-wrapper{border-top:1px solid #2a2a2a}.binder-menu-item-wrapper:focus-visible{outline:none}.binder-menu-item-wrapper:focus-visible .binder-menu-item-card{outline:2px solid #1a5fb4;outline-offset:-2px}.binder-menu-item-content{min-width:0;width:100%}.binder-menu-item-card{border-left:2px solid #0000;display:flex;flex-direction:column;min-width:0;transition:border-color .12s,background-color .12s;width:100%}.binder-menu-item-wrapper:hover .binder-menu-item-card{background:#f7f7f7;border-left-color:#b0b0b0}.binder-menu-item-wrapper--selected .binder-menu-item-card,.binder-menu-item-wrapper--selected:hover .binder-menu-item-card{background:#f5f8fc;border-left-color:#1a5fb4}.binder-menu-item-wrapper--selected .binder-menu-item-text{color:#1a5fb4;font-weight:600}.binder-menu-item-name{min-width:0;padding:.4rem .65rem .15rem}.binder-menu-item-text{color:#333;font-size:.75rem;line-height:1.25;max-width:100%;min-width:0}.binder-menu-item-meta,.binder-menu-item-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-menu-item-meta{color:#aaa;font-size:.58rem;line-height:1.15;margin-top:.05rem}.binder-menu-item-actions{align-items:center;background:#0000;border:none;display:flex;gap:0;padding:0 .35rem .3rem;width:100%}.binder-menu-action-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:silver;cursor:pointer;display:inline-flex;flex:1 1;font-size:.7rem;height:22px;justify-content:center;line-height:1;margin:0;min-width:0;padding:0;transition:color .12s,background-color .12s}.binder-menu-action-btn:hover:not(:disabled){background:#0000000d;color:#555}.binder-menu-action-btn:disabled{cursor:progress;opacity:.45}.binder-menu-action-btn--static{color:silver;cursor:default}.binder-menu-action-btn--static:hover{background:#0000;color:#999}.binder-menu-cloud-btn:hover:not(:disabled),.binder-menu-edit-btn:hover:not(:disabled),.binder-menu-share-btn:hover:not(:disabled){background:#1a5fb414;color:#1a5fb4}.binder-menu-delete-btn:hover:not(:disabled){background:#c6282814;color:#c62828}.binder-edit-input-wrapper{align-items:center;display:flex;gap:.3rem;margin:.1rem .25rem;padding:.35rem .5rem;width:calc(100% - .5rem)}.binder-edit-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.75rem;padding:.35rem .5rem;transition:all .15s}.binder-edit-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.binder-edit-action-btn{align-items:center;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;line-height:1;min-width:24px;padding:.3rem .4rem;transition:all .15s}.binder-edit-save-btn{color:#4caf50}.binder-edit-save-btn:hover{background-color:#e8f5e9;color:#2e7d32}.binder-edit-cancel-btn{color:#999}.binder-edit-cancel-btn:hover{background-color:#f5f5f5;color:#666}.binder-menu-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.binder-menu-mobile-overlay{align-items:stretch;background:#0006;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;z-index:10050}.binder-menu-mobile-panel{align-self:stretch;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -8px 32px #0000002e;display:flex;flex-direction:column;max-height:min(82dvh,560px);max-width:100%;min-width:100%;overflow:hidden;width:100%}.binder-menu-mobile-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;padding:.65rem .85rem}.binder-menu-mobile-header h3{color:#333;font-size:.85rem;font-weight:600;margin:0}.binder-menu-mobile-close{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#444;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:30px;justify-content:center;line-height:1;width:30px}.binder-menu--mobile{-webkit-overflow-scrolling:touch;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;flex:1 1;left:auto;margin:0;max-height:none;max-width:100%;min-height:0;min-width:100%;overflow-y:auto;overscroll-behavior:contain;position:static;top:auto;width:100%}.binder-menu--mobile .binder-menu-section{box-sizing:border-box;padding:0 .85rem;width:100%}.binder-menu--mobile .binder-menu-section--list{padding:0}.binder-menu--mobile .binder-menu-section--list .binder-menu-section-label{padding:0 .85rem}.binder-menu--mobile .binder-menu-action-row,.binder-menu--mobile .binder-menu-item,.binder-menu--mobile .binder-menu-item-wrapper{box-sizing:border-box;width:100%}.binder-menu--mobile .binder-menu-divider{margin-left:.85rem;margin-right:.85rem}@media (max-width:1024px){.binder-menu-action-btn{font-size:.78rem;height:28px}.binder-edit-action-btn{font-size:.85rem;height:34px;min-width:34px}}@media (max-width:768px){.settings-bar-primary .binder-select{max-width:min(30vw,88px)}.binder-menu:not(.binder-menu--mobile){max-width:280px;min-width:210px;padding:.35rem 0}.binder-menu--mobile{max-width:100%;min-width:100%;padding:.5rem 0 .75rem;width:100%}.binder-menu-section{padding:0 .4rem}.binder-menu-action-row{gap:.2rem}.binder-menu-item-name{padding:.45rem .7rem .2rem}.binder-menu-item-actions{padding:0 .4rem .35rem}.binder-menu-action-btn{font-size:.78rem;height:28px}.binder-edit-input-wrapper{margin:.08rem .2rem;padding:.3rem .4rem}.binder-edit-input{font-size:16px;padding:.4rem .5rem}.binder-edit-action-btn{font-size:.8rem;height:32px;min-width:32px;padding:.25rem .35rem}}.gallery-settings-btn{position:relative}.appearance-btn-swatches{display:inline-flex;gap:2px;margin-left:.1rem}.appearance-btn-swatches i{border:1px solid #00000026;border-radius:2px;display:inline-block;height:8px;width:8px}.appearance-body{gap:.65rem}.appearance-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;min-height:32px}.appearance-row-label{color:#444;font-size:.8rem;font-weight:600}.appearance-type-select{font-size:.85rem;min-width:140px;padding:.3rem .5rem}.appearance-divider{background:#eee;height:1px}.appearance-color-field{align-items:center;display:inline-flex;gap:.5rem}.appearance-color-field .color-input{height:28px;width:32px}.appearance-swatch{align-items:center;display:inline-flex;height:32px;justify-content:flex-end;min-height:32px;min-width:96px;padding:0 .5rem;width:auto}.appearance-swatch-hex{color:#666;font-family:Courier New,Courier,monospace;font-size:.72rem}.appearance-swatch .appearance-swatch-hex{background:#00000073;border-radius:3px;color:#fff;padding:.1rem .35rem}.gallery-settings-count{align-items:center;background:#333;border-radius:999px;color:#fff;display:inline-flex;font-size:.55rem;font-weight:600;height:1.1rem;justify-content:center;line-height:1;min-width:1.1rem;padding:0 .2rem}.gallery-settings-modal-content{display:flex;flex-direction:column;max-width:500px;overflow:hidden}.gallery-settings-modal-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding:1rem}.gallery-settings-section{display:flex;flex-direction:column;gap:.4rem}.gallery-settings-label{color:#444;font-size:.75rem;font-weight:600}.gallery-settings-select{font-size:.85rem;min-width:0;width:100%}.gallery-settings-hint{color:#777;font-size:.7rem;line-height:1.35;margin:0}.gallery-settings-hint--muted{color:#999;font-size:.65rem}.gallery-settings-section .gallery-settings-hint+.drive-gallery-input,.gallery-settings-section .gallery-settings-hint+.settings-control,.gallery-settings-section .gallery-settings-hint--muted+.drive-gallery-input,.gallery-settings-section .gallery-settings-hint--muted+.settings-control{margin-top:.15rem}.gallery-settings-action-btn{width:100%}.gallery-settings-section--back-image{align-items:center;border-top:1px solid #eee;flex-direction:row;gap:.5rem;justify-content:space-between;padding-top:.75rem}.gallery-settings-section--back-image .gallery-settings-label{flex-shrink:0;margin:0}.gallery-settings-section--back-image .back-image-controls{flex-shrink:0}.gallery-settings-back-indicator{color:#2e7d32;font-size:.55rem;font-weight:700;line-height:1}.gallery-settings-overlay{align-items:stretch;background:#0006;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;z-index:10050}.gallery-settings-panel{align-self:stretch;animation:galleryPanelSlideUp .22s ease;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -8px 32px #0000002e;display:flex;flex-direction:column;max-height:min(82dvh,560px);max-width:100%;min-width:100%;overflow:hidden;width:100%}@keyframes galleryPanelSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gallery-settings-panel-header{grid-gap:.35rem;align-items:center;border-bottom:1px solid #eee;display:grid;flex-shrink:0;gap:.35rem;grid-template-columns:30px 1fr auto;padding:.65rem .85rem}.gallery-settings-header-actions{justify-self:end}.gallery-settings-panel-header h3{color:#333;font-size:.85rem;font-weight:600;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gallery-settings-panel-close{font-size:1.1rem;justify-self:end}.gallery-settings-back-btn,.gallery-settings-panel-close{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#444;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;line-height:1;width:30px}.gallery-settings-back-btn{font-size:.95rem;justify-self:start;padding:0}.gallery-settings-header-spacer{height:30px;justify-self:start;width:30px}.gallery-settings-panel .back-image-modal-options,.gallery-settings-panel .gallery-settings-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.drive-gallery-row{align-items:center;display:flex;gap:.25rem;min-width:0;width:100%}.drive-gallery-input{background:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1 auto;font-size:.8rem;max-width:none;min-width:0;padding:.45rem .55rem}.drive-gallery-input:focus{border-color:#666;box-shadow:0 0 0 2px #0000000f;outline:none}.drive-gallery-input:disabled{cursor:wait;opacity:.65}.drive-gallery-load-btn{flex-shrink:0;white-space:nowrap}.drive-gallery-input--full{width:100%}.drive-gallery-load-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.gallery-settings-count{font-size:.5rem;height:1rem;min-width:1rem}}.settings-bar--read-only .settings-bar-secondary{opacity:.45;pointer-events:none}.cloud-save-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.35rem}.cloud-save-now-btn{transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.cloud-discard-btn--icon,.cloud-save-now-btn--icon{align-items:center;display:inline-flex;font-size:.95rem;justify-content:center;line-height:1;min-width:32px;padding-left:0;padding-right:0;width:32px}.cloud-discard-btn{background-color:#fff;border-color:#d0d0d0;color:#555;white-space:nowrap}.cloud-discard-btn:hover{background-color:#f5f5f5;border-color:#bbb;color:#333}.cloud-save-now-btn--dirty{animation:cloud-save-pulse 1.6s ease-in-out infinite;background-color:#1a5fb4;border-color:#1a5fb4;color:#fff}.cloud-save-now-btn--dirty:hover{background-color:#154c90;border-color:#154c90}.cloud-save-now-btn--saved,.cloud-save-now-btn--saving{background-color:#f2f5f9;border-color:#d5dde8;color:#4a6a8f;cursor:default;opacity:1}@keyframes cloud-save-pulse{0%,to{box-shadow:0 0 0 0 #1a5fb473}50%{box-shadow:0 0 0 5px #1a5fb400}}@media (max-width:768px){.cloud-discard-btn--icon,.cloud-save-now-btn--icon{font-size:.85rem;min-height:28px;min-width:28px;width:28px}}.toast-viewport{align-items:center;bottom:calc(env(safe-area-inset-bottom, 0px) + 72px);display:flex;flex-direction:column;gap:.5rem;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);width:min(92vw,420px);z-index:12000}.toast{align-items:flex-start;animation:toast-in .22s ease-out;background:#1f2430;border-left:4px solid #6b8bd6;border-radius:10px;box-shadow:0 8px 24px #00000047;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:.6rem;line-height:1.35;padding:.65rem .75rem .65rem .85rem;pointer-events:auto;width:100%}.toast--success{border-left-color:#2fbf71}.toast--error{border-left-color:#ff6b6b}.toast--warning{border-left-color:#ffc44d}.toast--info{border-left-color:#6b8bd6}.toast-icon{align-items:center;background:#ffffff1f;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:1.3rem;justify-content:center;width:1.3rem}.toast--success .toast-icon{color:#2fbf71}.toast--error .toast-icon{color:#ff6b6b}.toast--warning .toast-icon{color:#ffc44d}.toast--info .toast-icon{color:#9db4ea}.toast-body{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0;overflow-wrap:anywhere}.toast-title{font-size:.8rem}.toast-close{background:#0000;border:0;border-radius:6px;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-size:1.1rem;height:1.6rem;line-height:1;margin:-.2rem -.25rem 0 0;width:1.6rem}.toast-close:hover{background:#ffffff1f;color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.app-footer-hidden .toast-viewport{bottom:calc(env(safe-area-inset-bottom, 0px) + 16px)}@media (max-width:600px){.toast-viewport{bottom:calc(env(safe-area-inset-bottom, 0px) + 64px);width:calc(100vw - 20px)}.toast{font-size:.8rem;padding:.6rem .65rem .6rem .75rem}.toast-close{height:2rem;width:2rem}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.confirm-overlay{-webkit-tap-highlight-color:transparent;align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom,0px));position:fixed;z-index:13000}.confirm-dialog{animation:confirm-in .18s ease-out;background:#fff;border-radius:14px;box-shadow:0 16px 40px #00000038;display:flex;flex-direction:column;gap:.85rem;max-width:360px;padding:1.15rem 1.15rem 1rem;width:100%}.confirm-dialog-title{color:#222;font-size:1.05rem;font-weight:650;line-height:1.3;margin:0}.confirm-dialog-message{color:#555;font-size:.9rem;line-height:1.45;margin:0;overflow-wrap:anywhere}.confirm-dialog-actions{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:1fr 1fr;margin-top:.25rem}.confirm-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:10px;color:#333;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:.55rem .75rem;touch-action:manipulation;transition:background-color .15s,border-color .15s,color .15s}.confirm-btn--cancel:hover{background:#ececec;border-color:#ccc}.confirm-btn--ok{background:#1a5fb4;border-color:#1a5fb4;color:#fff}.confirm-btn--ok:hover{background:#154d91;border-color:#154d91}.confirm-btn--danger{background:#b3261e;border-color:#b3261e;color:#fff}.confirm-btn--danger:hover{background:#8e1d17;border-color:#8e1d17}@keyframes confirm-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.confirm-overlay{align-items:flex-end;padding:0}.confirm-dialog{border-radius:16px 16px 0 0;max-width:100%;padding:1.2rem 1.1rem calc(1rem + env(safe-area-inset-bottom, 0px))}.confirm-dialog-actions{grid-template-columns:1fr}.confirm-btn--danger,.confirm-btn--ok{order:-1}}@media (prefers-reduced-motion:reduce){.confirm-dialog{animation:none}}.back-image-modal-content .gallery-folder-grid,.gallery-content>.gallery-folder-grid{flex:1 1;max-height:calc(85vh - 120px);min-height:0}.gallery-folder-grid{grid-gap:1rem;align-content:start;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-height:0;overflow-y:auto;padding:2rem}.gallery-folder-search-embedded{padding:0 1.5rem 1rem;position:relative}.back-image-gallery-item.gallery-item--in-binder,.gallery-item--in-binder{border-color:#2e7d32;box-shadow:inset 0 0 0 1px #2e7d3240}.back-image-gallery-item,.gallery-item{contain-intrinsic-size:90px 120px;content-visibility:auto}.gallery-load-more-sentinel{grid-column:1/-1;height:1px;pointer-events:none;width:100%}.gallery-item-in-binder-badge{background:#1a5fb4e6;border-radius:50%;left:4px;pointer-events:none;top:4px;z-index:2}.gallery-item-download,.gallery-item-in-binder-badge{align-items:center;color:#fff;display:inline-flex;font-size:.65rem;height:18px;justify-content:center;position:absolute;width:18px}.gallery-item-download{background:#00000073;border:0;border-radius:4px;cursor:pointer;font-weight:600;line-height:1;opacity:0;padding:0;right:3px;top:3px;transition:opacity .12s ease,background .12s ease;z-index:3}.back-image-gallery-item:hover .gallery-item-download,.gallery-item-download--busy,.gallery-item-download:focus-visible,.gallery-item:hover .gallery-item-download{opacity:1}.gallery-item-download:hover:not(:disabled){background:#000000b3}.gallery-item-download:disabled{cursor:default}@media (hover:none){.gallery-item-download{opacity:.85}}.gallery-item-media{display:contents}.gallery-header-actions,.gallery-settings-header-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:.35rem;margin-left:auto}.gallery-zip-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;height:30px;justify-content:center;min-width:30px;padding:0 .45rem}.gallery-zip-btn:hover:not(:disabled){background:#eef4fb;border-color:#1a5fb4;color:#1a5fb4}.gallery-zip-btn:disabled{cursor:default;opacity:.55}.gallery-zip-btn-count{color:#666;font-size:.68rem;font-weight:600}.gallery-zip-btn--header{height:32px}.gallery-folder-card{align-items:flex-start;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.35rem;padding:1rem 1.1rem;text-align:left;transition:all .2s}.gallery-folder-card:hover{background:#fff;border-color:#333;box-shadow:0 4px 12px #0000001f}.gallery-folder-card--all{background:#f0f0f0;border-color:#333}.gallery-folder-card-name{color:#222;font-size:.95rem;font-weight:600;word-break:break-word}.gallery-folder-card-count{color:#666;font-size:.75rem}.gallery-folder-back{background:none;border:none;color:#444;cursor:pointer;display:block;font-family:inherit;font-size:.85rem;margin-bottom:.5rem;padding:.35rem 0;text-align:left;width:100%}.gallery-folder-back:hover{color:#000;text-decoration:underline}.gallery-item-file-badge{color:#666;display:block;font-size:.55rem;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-image-gallery-search,.back-image-gallery-search .gallery-search-wrapper{position:relative}.gallery-folder-search-clear-embedded{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;height:24px;padding:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:24px}.gallery-search-container .gallery-search-wrapper{display:flex;flex-direction:column;width:100%}.page-order-bar{-webkit-touch-callout:none;background:#fff;border-left:1px solid #e0e0e0;bottom:0;box-shadow:-2px 0 8px #00000014;display:flex!important;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:.75rem .4rem;position:fixed!important;right:0;top:0;-webkit-user-select:none;user-select:none;width:70px;z-index:1000}.page-order-bar.page-order-bar-hidden{display:none!important}.page-order-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;margin-bottom:.75rem;padding-bottom:.5rem}.page-order-icon{color:#666;cursor:default;font-size:1.2rem;line-height:1;-webkit-user-select:none;user-select:none}.page-order-swap{border-bottom:1px solid #e0e0e0;margin-bottom:.75rem;padding-bottom:.75rem}.page-order-swap-inputs{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.4rem}.page-order-swap-input{-moz-appearance:textfield;background:#fafafa;border:1px solid #d0d0d0;border-radius:4px;font-size:.75rem;padding:.4rem .3rem;text-align:center;transition:all .2s;width:100%}.page-order-swap-input::placeholder{color:#9a9a9a;font-size:.62rem;font-weight:600;letter-spacing:-.01em;opacity:1}.page-order-swap-input::-webkit-inner-spin-button,.page-order-swap-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-order-swap-input:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.page-order-swap-button{align-items:center;background:#2196f3;border:1px solid #2196f3;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;line-height:1;padding:.4rem .3rem;transition:all .2s;width:100%}.page-order-swap-button:hover:not(:disabled){background:#1976d2;border-color:#1976d2;box-shadow:0 2px 4px #2196f333;transform:translateY(-1px)}.page-order-swap-button:active:not(:disabled){transform:translateY(0)}.page-order-swap-button:disabled{background:#e0e0e0;border-color:#d0d0d0;color:#999;cursor:not-allowed;opacity:.4}.page-order-bar:empty{display:none}.page-order-bar>.page-order-list{display:flex;justify-content:center;position:relative;width:100%}.page-order-version{color:#898989;display:block;flex-shrink:0;font-size:.58rem;font-weight:500;letter-spacing:.02em;line-height:1.2;margin-top:auto;padding-top:.55rem;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.page-order-list{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:.3rem;padding:.25rem 0}.page-order-item{-webkit-touch-callout:none;align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:grab;display:flex;font-size:.7rem;justify-content:center;min-height:36px;padding:.4rem .3rem;position:relative;touch-action:pan-x pan-y;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page-order-item[role=button]{cursor:pointer}.page-order-item[role=button]:active:not(.dragging){background-color:#e8f4fd;transform:scale(.96)}.page-order-list.has-drag-active .page-order-item:not(.dragging):not(.drag-over){opacity:.45;transform:scale(.96)}.page-order-item:hover{background-color:#f0f0f0;border-color:silver}.page-order-item.dragging{animation:page-order-drag-lift .2s ease forwards;background-color:#fff;border:2px solid #1976d2;box-shadow:0 8px 24px #1976d259,0 0 0 4px #2196f32e;cursor:grabbing;opacity:1;pointer-events:none;transform:scale(1.14);z-index:100}.page-order-list.is-touch-dragging .page-order-item.dragging{animation:page-order-slot-pulse .7s ease-in-out infinite;background-color:#e3f2fd;border:2px dashed #1976d2;box-shadow:none;opacity:.2;transform:scale(.82)}.page-order-list.is-touch-dragging{overflow:hidden}.page-order-list.is-touch-dragging .page-order-item{touch-action:none}.page-order-item.drag-over{animation:page-order-drop-pulse .55s ease-in-out infinite;background-color:#ffe0b2;border:2px solid #ef6c00;box-shadow:inset 0 0 0 2px #ffffffd9,0 0 12px #ef6c0059;transform:scale(1.1)}.page-order-item.drag-over:before{animation:page-order-insert-line .55s ease-in-out infinite;background:#ef6c00;border-radius:4px;box-shadow:0 0 8px #ef6c008c;content:"";height:4px;left:4px;position:absolute;right:4px;top:-5px}.page-order-item.drag-over .page-order-number{color:#bf360c;font-weight:800}.page-order-item.dragging .page-order-number{color:#0d47a1;font-size:.9rem;font-weight:800}.page-order-drag-ghost{align-items:center;animation:page-order-ghost-pop .18s ease forwards;background:linear-gradient(145deg,#fff,#e3f2fd);border:2px solid #1976d2;border-radius:10px;box-shadow:0 10px 28px #1976d273,0 0 0 5px #2196f333;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.35rem .55rem;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:10000}.page-order-drag-ghost-label{color:#0d47a1;font-size:1rem;font-weight:800;line-height:1}@keyframes page-order-drag-lift{0%{box-shadow:none;transform:scale(1)}to{box-shadow:0 8px 24px #1976d259,0 0 0 4px #2196f32e;transform:scale(1.14)}}@keyframes page-order-drop-pulse{0%,to{background-color:#ffe0b2;transform:scale(1.08)}50%{background-color:#ffcc80;transform:scale(1.12)}}@keyframes page-order-slot-pulse{0%,to{border-color:#90caf9;opacity:.15}50%{border-color:#1976d2;opacity:.35}}@keyframes page-order-insert-line{0%,to{opacity:.7;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1)}}@keyframes page-order-ghost-pop{0%{opacity:.5;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.page-order-bar.is-dragging-active{z-index:1100}body.page-order-no-select,body.page-order-no-select *{-webkit-touch-callout:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.page-order-item:active{cursor:grabbing}.page-order-item.active{background-color:#e3f2fd;border-color:#2196f3;font-weight:600}.page-order-list.has-drag-active .page-order-item.active:not(.drag-over):not(.dragging){background-color:#f8f9fa;border:1px solid #bdbdbd;box-shadow:none;font-weight:500}.page-order-list.has-drag-active .page-order-item.active:not(.drag-over):not(.dragging) .page-order-number{color:#555;font-weight:600}.page-order-item.active.drag-over{background-color:#ffe0b2;border-color:#ef6c00}.page-order-item.active.drag-over .page-order-active-dot{animation:none;background-color:#ef6c00}.page-order-number{-webkit-touch-callout:none;color:#555;font-size:.75rem;font-weight:500;line-height:1;pointer-events:none;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page-order-item.active .page-order-number{color:#1976d2;font-weight:700}.page-order-active-dot{animation:pulse 2s ease-in-out infinite;background-color:#2196f3;border-radius:50%;height:6px;position:absolute;right:4px;top:4px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.page-order-ellipsis{color:#999;font-size:.8rem;font-weight:600;padding:.5rem 0;text-align:center;-webkit-user-select:none;user-select:none}.page-order-ellipsis.clickable{border-radius:4px;color:#2196f3;cursor:pointer;margin:.1rem 0;padding:.3rem 0;transition:all .2s}.page-order-ellipsis.clickable:hover{background-color:#e3f2fd;color:#1976d2;transform:scale(1.1)}.page-order-empty{align-items:center;display:flex;flex-direction:column;gap:.35rem;justify-content:center;padding:1.25rem .5rem;text-align:center}.page-order-empty-text{color:#555;font-size:.72rem;font-weight:600;line-height:1.35}.page-order-empty-sub{color:#999;font-size:.62rem;line-height:1.35}.page-order-mobile-toggle{display:none}@media (max-width:1024px){.page-order-bar{align-items:center;border-left:none;border-top:1px solid #e8e8e8;bottom:auto!important;box-shadow:0 -1px 3px #0000000a;display:flex!important;flex-direction:row;flex-shrink:0;gap:.35rem;height:auto;min-height:40px;overflow:hidden;padding:.28rem .4rem;position:relative!important;right:auto!important;top:auto!important;width:100%;z-index:900}.page-order-version{color:#b0b0b0;font-size:calc(.55rem + 1px);margin-left:auto;margin-top:0;padding-right:.15rem;padding-top:0}.page-order-mobile-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#f5f5f5;border:1px solid #d0d0d0;border-radius:8px;color:#444;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.62rem;font-weight:600;gap:.2rem;justify-content:center;line-height:1;min-height:30px;padding:.2rem .45rem;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease}.page-order-mobile-toggle:active{background:#e8e8e8;border-color:#bdbdbd}.page-order-mobile-toggle-icon{color:#666;font-size:.75rem}.page-order-mobile-toggle-text{max-width:4.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-order-mobile-toggle-chevron{color:#888;font-size:.55rem}.page-order-bar.is-mobile-collapsed{max-height:none}.page-order-bar.is-mobile-expanded{align-content:center;align-items:center;border-top-color:#90caf9;box-shadow:0 -2px 8px #1976d214;flex-direction:row;flex-wrap:wrap;gap:.28rem .35rem;height:auto;min-height:0;overflow:hidden;padding:.28rem .4rem}.page-order-bar.is-mobile-expanded .page-order-version{display:none}.page-order-bar.is-mobile-expanded .page-order-mobile-toggle{align-self:center;background:#e3f2fd;border-color:#90caf9;color:#1565c0;font-size:.58rem;min-height:28px;padding:.15rem .4rem}.page-order-bar.is-mobile-expanded .page-order-mobile-toggle-text{max-width:3.6rem}.page-order-bar.is-dragging-active{border-top-color:#90caf9;box-shadow:0 -4px 16px #1976d226;min-height:38px;overflow:visible;padding-bottom:.35rem;padding-top:.35rem;z-index:1100}.page-order-bar.is-dragging-active .page-order-list{overflow:visible}.page-order-header,.page-order-swap{display:none}.page-order-bar.is-mobile-expanded .page-order-swap{align-items:center;border:none;display:flex;flex:1 1 auto;flex-direction:row;gap:.3rem;margin:0;min-width:0;padding:0}.page-order-bar.is-mobile-expanded .page-order-swap-inputs{flex:1 1;flex-direction:row;gap:.25rem;margin-bottom:0;min-width:0}.page-order-bar.is-mobile-expanded .page-order-swap-input{font-size:.68rem;min-height:28px;padding:.28rem .2rem}.page-order-bar.is-mobile-expanded .page-order-swap-button{font-size:.85rem;min-height:28px;min-width:32px;padding:.25rem .4rem;width:auto}.page-order-bar>.page-order-list{flex:1 1;justify-content:flex-start;min-width:0}.page-order-list{-webkit-overflow-scrolling:touch;align-items:center;flex-direction:row;gap:.22rem;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none}.page-order-bar.is-mobile-expanded .page-order-list{flex:1 1 100%;flex-wrap:nowrap;gap:.22rem;max-height:none;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0}.page-order-list::-webkit-scrollbar{display:none}.page-order-item{border-radius:7px;flex-shrink:0;min-height:28px;min-width:34px;padding:.2rem .55rem;touch-action:manipulation}.page-order-list.is-touch-dragging .page-order-item{touch-action:none}.page-order-bar.is-mobile-expanded .page-order-item{border-radius:7px;min-height:30px;min-width:36px;padding:.18rem .5rem}.page-order-item.dragging{transform:scale(1.2)}.page-order-list.is-touch-dragging .page-order-item.dragging{min-width:18px;transform:scale(.75)}.page-order-item.drag-over{margin:0 2px;transform:scale(1.15)}.page-order-item.drag-over:before{animation:page-order-insert-line-vertical .55s ease-in-out infinite;background:#ef6c00;bottom:-6px;box-shadow:0 0 8px #ef6c008c;height:auto;left:-4px;right:auto;top:-6px;width:4px}.page-order-list.has-drag-active .page-order-item.active:not(.drag-over):not(.dragging) .page-order-active-dot{height:5px;width:5px}@keyframes page-order-insert-line-vertical{0%,to{opacity:.7;transform:scaleY(.85)}50%{opacity:1;transform:scaleY(1)}}.page-order-drag-ghost{border-radius:8px;min-height:32px;min-width:32px}.page-order-drag-ghost-label{font-size:.95rem}.page-order-number{font-size:.72rem}.page-order-bar.is-mobile-expanded .page-order-number{font-size:.82rem}.page-order-active-dot{height:5px;right:2px;top:2px;width:5px}.page-order-ellipsis{flex-shrink:0;font-size:.62rem;line-height:1;margin:0;padding:.15rem .2rem}.page-order-ellipsis.clickable{align-items:center;display:flex;justify-content:center;min-height:26px;min-width:22px}.page-order-empty{padding:.2rem .4rem}.page-order-empty-text{font-size:.62rem}}@media (max-width:1024px) and (orientation:portrait){.page-order-bar.is-mobile-collapsed{min-height:42px;padding:.32rem .45rem}.page-order-mobile-toggle{font-size:.65rem;min-height:32px;padding:.25rem .5rem}.page-order-item{min-height:30px;min-width:36px;padding:.22rem .6rem}.page-order-number{font-size:.76rem}}@media (max-width:480px){.page-order-bar.is-mobile-collapsed{gap:.28rem;min-height:40px;padding:.28rem .35rem}.page-order-list{gap:.18rem}.page-order-item{border-radius:6px;min-height:28px;min-width:32px;padding:.18rem .5rem}.page-order-number{font-size:.68rem}.page-order-active-dot{height:4px;right:1px;top:1px;width:4px}.page-order-ellipsis{font-size:.55rem}.page-order-ellipsis.clickable{min-height:24px;min-width:20px}}@media (min-width:1025px) and (max-width:1200px){.page-order-bar{padding:.45rem .25rem;width:52px}.page-order-header{margin-bottom:.45rem;padding-bottom:.35rem}.page-order-icon{font-size:.9rem}.page-order-swap{margin-bottom:.45rem;padding-bottom:.45rem}.page-order-swap-input{font-size:.58rem;padding:.2rem .15rem}.page-order-swap-button{font-size:.75rem;padding:.25rem .15rem}.page-order-item{min-height:26px;padding:.2rem .15rem}.page-order-number{font-size:.62rem}.page-order-active-dot{height:5px;right:2px;top:2px;width:5px}}.binder-container{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-height:100%;max-width:100%;min-height:0;overflow:hidden;padding:.5rem;position:relative;touch-action:manipulation;width:100%}.binder-container.fullscreen{height:100vh!important;left:0!important;max-height:100vh!important;max-width:100vw!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.fullscreen-controls{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.fullscreen-add-page-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border:1px solid #0000001a;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:24px;justify-content:center;left:50%;opacity:.85;pointer-events:auto;position:absolute;top:8px;transform:translateX(-50%);transition:all .2s;width:32px}.fullscreen-add-page-btn:hover{background-color:#fff;box-shadow:0 2px 4px #00000026;opacity:1;transform:translateX(-50%) translateY(1px)}.fullscreen-exit-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border:1px solid #0000001a;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;opacity:.85;pointer-events:auto;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.fullscreen-exit-btn:hover{background-color:#fff;box-shadow:0 2px 4px #00000026;opacity:1;transform:translateY(1px)}.binder-wrapper{align-items:center;flex-shrink:1;justify-content:center;margin:.15rem;max-height:100%;max-width:100%;min-height:0;min-width:0;perspective:2000px;perspective-origin:50%}.binder,.binder-wrapper{aspect-ratio:1.8/1;aspect-ratio:var(--width-ratio,1.8) /var(--height-ratio,1);display:flex;height:100%;width:100%}.binder{--binder-left-width:19%;--binder-right-width:17%;--binder-spine-center:calc(var(--binder-left-width) + (100% - var(--binder-left-width) - var(--binder-right-width))/2);--ring-spine-width:clamp(20px,3vw,50px);--page-ring-gap:clamp(4px,0.5vw,8px);--page-holes-width:40px;--grid-stitch-width:3px;--ring-hole-size:20px;--ring-hole-inner:8px;--page-sheet-width:calc((100% - var(--binder-left-width) - var(--binder-right-width))*0.60938);background-color:#e6e6e6;background-color:var(--binder-color,#e6e6e6);border-radius:8px;box-shadow:0 4px 8px #0003,0 2px 4px #00000026,0 8px 16px #0000001a,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000001a;margin:.25rem;overflow:hidden;position:relative}.binder-type-leather{background:repeating-radial-gradient(circle at 0 0,#00000008 0,#00000008 1px,#0000 0,#0000 4px),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 1px,#0000 0,#0000 5px),repeating-radial-gradient(circle at 100% 100%,#00000005 0,#00000005 1px,#0000 0,#0000 6px),#e6e6e6;background:repeating-radial-gradient(circle at 0 0,#00000008 0,#00000008 1px,#0000 1px,#0000 4px),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 1px,#0000 1px,#0000 5px),repeating-radial-gradient(circle at 100% 100%,#00000005 0,#00000005 1px,#0000 1px,#0000 6px),var(--binder-color,#e6e6e6);background-size:8px 8px,12px 12px,16px 16px,100% 100%;border:1px solid #00000026;box-shadow:0 6px 12px #0000004d,0 3px 6px #00000040,0 10px 20px #0003,inset 0 2px 4px #0000001a,inset 0 -2px 4px #00000026!important;filter:brightness(.98) saturate(1.1)}.binder-type-leather:before{background:linear-gradient(180deg,#ffffff1f,#ffffff0f 20%,#ffffff08 40%,#0000 70%)!important;opacity:.6}.binder-type-leather:after{display:none!important}.binder-type-leather .binder-left,.binder-type-leather .binder-right{background:repeating-radial-gradient(circle at 0 0,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 1px,#0000 0,#0000 5px),repeating-radial-gradient(circle at 50% 50%,#00000005 0,#00000005 1px,#0000 0,#0000 6px);background-size:10px 10px,14px 14px}.binder-type-leather .binder-left:before,.binder-type-leather .binder-right:before{background:linear-gradient(180deg,#ffffff14,#ffffff0a 30%,#0000 70%)!important;opacity:.5}.binder-type-transparent{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#f0f0f052;background-color:var(--binder-color-tint,#f0f0f052);border:1px solid #ffffff59;border:1px solid var(--binder-color-tint-border,#ffffff59);box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014,inset 0 1px 2px #ffffff40}.binder-type-transparent .binder-left,.binder-type-transparent .binder-right{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;background-color:initial!important;border:none!important;box-shadow:none!important}.binder-type-transparent .binder-left:before{display:none!important}.binder-type-transparent .binder-right:before{background:none!important;display:none!important}.binder-type-transparent .binder-left{background:none!important;background-color:initial!important;background-image:none!important;border-right:none!important;box-shadow:none!important}.binder-type-transparent .card-pockets,.binder-type-transparent .left-pocket,.binder-type-transparent .right-pockets{display:none}.binder-type-denim{background:repeating-linear-gradient(0deg,#00000014,#00000014 1px,#0000 0,#0000 2px),repeating-linear-gradient(90deg,#0000000f,#0000000f 1px,#0000 0,#0000 2px),repeating-linear-gradient(45deg,#00000012,#00000012 1px,#0000 0,#0000 3px),repeating-linear-gradient(-45deg,#0000000d,#0000000d 1px,#0000 0,#0000 4px),repeating-linear-gradient(0deg,#0000000a,#0000000a .5px,#0000 0,#0000 1px),#5f9ea0;background:repeating-linear-gradient(0deg,#00000014 0,#00000014 1px,#0000 1px,#0000 2px),repeating-linear-gradient(90deg,#0000000f 0,#0000000f 1px,#0000 1px,#0000 2px),repeating-linear-gradient(45deg,#00000012 0,#00000012 1px,#0000 1px,#0000 3px),repeating-linear-gradient(-45deg,#0000000d 0,#0000000d 1px,#0000 1px,#0000 4px),repeating-linear-gradient(0deg,#0000000a 0,#0000000a .5px,#0000 .5px,#0000 1px),var(--binder-color,#5f9ea0);background-size:2px 2px,2px 2px,3px 3px,4px 4px,1px 1px,100% 100%;border:1px solid #0000004d;box-shadow:0 4px 8px #0000004d,0 2px 4px #00000040!important;filter:brightness(.92)}.binder-type-denim:after,.binder-type-denim:before{display:none!important}.binder-type-denim .binder-left,.binder-type-denim .binder-right{background:repeating-linear-gradient(0deg,#00000012,#00000012 1px,#0000 0,#0000 2px),repeating-linear-gradient(90deg,#0000000d,#0000000d 1px,#0000 0,#0000 2px),repeating-linear-gradient(45deg,#0000000f,#0000000f 1px,#0000 0,#0000 3px),repeating-linear-gradient(0deg,#00000008,#00000008 .5px,#0000 0,#0000 1px);background-size:2px 2px,2px 2px,3px 3px,1px 1px;box-shadow:none!important}.binder-type-denim .binder-left:before,.binder-type-denim .binder-right:before{display:none!important}.binder:before{background:linear-gradient(180deg,#ffffff40,#ffffff26 20%,#ffffff14 40%,#0000 70%);border-radius:8px 8px 0 0;height:40%;left:0;right:0;top:0}.binder:after,.binder:before{content:"";pointer-events:none;position:absolute;z-index:1}.binder:after{background:radial-gradient(ellipse at center,#fff6 0,#fff3 30%,#0000 70%);border-radius:50%;filter:blur(20px);height:25%;left:10%;top:15%;width:30%}.binder-left{background:linear-gradient(90deg,#00000008 0,#00000003 50%,#0000) no-repeat;border-right:2px dashed #4c4c4c33;box-shadow:12px 0 35px #0000000d;display:flex;flex-direction:column;gap:0;min-width:150px;padding:0;position:relative;width:var(--binder-left-width);z-index:2}.binder-left:before{background:linear-gradient(180deg,#fff3,#ffffff1a 30%,#0000 70%);content:"";height:35%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.card-pockets{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-bottom:15px;margin-top:33%;padding-top:0;width:100%}.card-pocket{background:#0000;border:none;border-radius:0;flex-shrink:0;height:8.33333%;max-height:60px;min-height:40px;position:relative;transition:all .2s}.card-pocket:before{background-image:repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px);box-shadow:0 1px 2px #0000001f,inset 0 .5px 1px #ffffff26,0 .5px 0 #0000001a;content:"";height:3px;left:0;opacity:.7;pointer-events:none;position:absolute;right:0;top:-1px}.card-pocket:hover:before{box-shadow:0 1px 3px #0000002e,inset 0 .5px 1px #fff3,0 .5px 0 #0000001f;opacity:.85}.left-pocket{background:#0000;border:none;border-radius:4px;flex:1 1;min-height:0;overflow:hidden;position:relative;transition:all .2s;width:100%}.left-pocket:before{background-image:repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px);background-image:repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px);background-position:top,100%,bottom,0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:100% 3px,3px 100%,100% 3px,3px 100%;border-radius:4px;bottom:-1px;box-shadow:inset 0 1px 3px #0000001f,inset 0 -1px 2px #0000001a,0 1px 2px #0000001a,inset 0 .5px 1px #ffffff26;content:"";left:-1px;opacity:.7;pointer-events:none;position:absolute;right:-1px;top:-1px}.left-pocket:hover:before{box-shadow:inset 0 1px 3px #00000026,inset 0 -1px 2px #0000001f,0 1px 2px #0000001f,inset 0 .5px 1px #ffffff2e;opacity:.85}.binder-page{animation-fill-mode:both;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff3;border:1px solid #0000001a;border-radius:2px;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;display:flex;flex-direction:column;height:88.88889%;overflow:visible;position:absolute;top:50%;transform-style:preserve-3d;transition:left .6s ease-in-out;will-change:transform;z-index:16}@keyframes pageFlipInLeft{0%{opacity:0;transform:translate(-100%,-50%) rotateY(-90deg) scale(.95)}50%{opacity:.5}to{opacity:1;transform:translate(-100%,-50%) rotateY(0deg) scale(1)}}@keyframes pageFlipInRight{0%{opacity:0;transform:translateY(-50%) rotateY(90deg) scale(.95)}50%{opacity:.5}to{opacity:1;transform:translateY(-50%) rotateY(0deg) scale(1)}}.binder-page.left-page.page-flip-animation{animation:pageFlipInLeft .7s cubic-bezier(.4,0,.2,1) forwards}.binder-page.right-page.page-flip-animation{animation:pageFlipInRight .7s cubic-bezier(.4,0,.2,1) forwards}.binder-page-select-button{background-color:#007bff99;font-size:12px;right:30px}.binder-page-delete-button,.binder-page-select-button{align-items:center;border:1px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:300;height:18px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:8px;transition:all .2s;width:18px;z-index:2000}.binder-page-delete-button{background-color:#dc143c99;font-size:14px;right:8px}.binder-page.left-page .binder-page-select-button.button-holes-side{left:auto;right:36px;right:calc(var(--page-holes-width, 40px) - 4px)}.binder-page.left-page .binder-page-delete-button.button-holes-side{left:auto;right:56px;right:calc(var(--page-holes-width, 40px) + 16px)}.binder-page.right-page .binder-page-select-button.button-holes-side{left:36px;left:calc(var(--page-holes-width, 40px) - 4px);right:auto}.binder-page.right-page .binder-page-delete-button.button-holes-side{left:56px;left:calc(var(--page-holes-width, 40px) + 16px);right:auto}.binder-page.page-interactive:hover .binder-page-delete-button,.binder-page.page-interactive:hover .binder-page-select-button{opacity:1;pointer-events:auto!important}.binder-page.page-interactive.selected .binder-page-select-button{background-color:#007bffcc;opacity:1;pointer-events:auto!important}.binder-page.page-interactive .binder-page-delete-button.button-holes-side,.binder-page.page-interactive .binder-page-select-button.button-holes-side{pointer-events:auto!important}.binder-page.page-non-interactive .binder-page-delete-button,.binder-page.page-non-interactive .binder-page-select-button{display:none;opacity:0;pointer-events:none}.binder-page.page-non-interactive:before{background-color:#ffffff26;border-radius:2px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000}.binder-page-select-button:hover{background-color:#007bff;transform:scale(1.1)}.binder-page-delete-button:hover{background-color:#dc143c;transform:scale(1.1)}.binder-page.left-page{left:calc(var(--binder-spine-center) - var(--ring-spine-width)/2 - var(--page-ring-gap));transform:translate(-100%,-50%);transform-origin:right center;width:var(--page-sheet-width)}.binder-page.left-page.page-flipped-right{left:calc(var(--binder-spine-center) + var(--ring-spine-width)/2 + var(--page-ring-gap))!important;transform:translateY(-50%)!important}.binder-page.right-page{left:calc(var(--binder-spine-center) + var(--ring-spine-width)/2 + var(--page-ring-gap));transform:translateY(-50%);transform-origin:left center;width:var(--page-sheet-width)}.binder-page.right-page.page-flipped-left{left:calc(var(--binder-spine-center) - var(--ring-spine-width)/2 - var(--page-ring-gap))!important;transform:translate(-100%,-50%)!important}.binder-empty-state{background:#ffffffeb;border:1px solid #0000000f;border-radius:12px;box-shadow:0 8px 24px #00000014;left:50%;padding:1.1rem 1.15rem;pointer-events:auto;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(280px,70%);z-index:1050}.binder-empty-title{color:#222;font-size:clamp(.85rem,2.2vw,1.05rem);font-weight:650;line-height:1.3;margin:0 0 .4rem}.binder-empty-desc{color:#666;font-size:clamp(.7rem,1.6vw,.82rem);line-height:1.45;margin:0 0 .85rem}.binder-empty-cta{background:#1a5fb4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin:0;padding:.45rem .9rem}.binder-empty-cta:hover{background:#144a8f}.binder-middle{flex:1 1;min-width:0;overflow:visible;padding:clamp(10px,1.5%,20px);position:static}.binder-middle,.ring-mechanism{align-items:center;display:flex;flex-direction:column;justify-content:center}.ring-mechanism{background-color:#a0a0a0;background-color:var(--ring-base,#a0a0a0);background:radial-gradient(ellipse at 50% 20%,#f0f0f0e6 0,#c8c8c8b3 20%,#b4b4b480 40%,#0000 70%),linear-gradient(90deg,#8c8c8c,#b4b4b4 20%,#c8c8c8 40%,#d2d2d2 50%,#c8c8c8 60%,#b4b4b4 80%,#8c8c8c),linear-gradient(0deg,#969696,#aaa 50%,#969696);background:radial-gradient(ellipse at 50% 20%,var(--ring-highlight-rgba-90,#f0f0f0e6) 0,var(--ring-light-rgba-70,#c8c8c8b3) 20%,var(--ring-light-rgba-50,#b4b4b480) 40%,#0000 70%),linear-gradient(90deg,var(--ring-dark,#8c8c8c) 0,var(--ring-base,#b4b4b4) 20%,var(--ring-light,#c8c8c8) 40%,var(--ring-highlight,#d2d2d2) 50%,var(--ring-light,#c8c8c8) 60%,var(--ring-base,#b4b4b4) 80%,var(--ring-dark,#8c8c8c) 100%),linear-gradient(0deg,var(--ring-dark,#969696) 0,var(--ring-base,#aaa) 50%,var(--ring-dark,#969696) 100%);border-left:1px solid #dcdcdcb3;border-left:1px solid var(--ring-highlight-rgba-70,#dcdcdcb3);border-radius:clamp(10px,2vw,20px);border-right:1px solid #00000040;bottom:0;box-shadow:0 3px 12px #0003,0 2px 6px #00000026,0 1px 3px #0000001a;box-shadow:inset 0 0 30px #c8c8c8cc,inset 0 2px 10px #e6e6e6e6,inset 0 -2px 10px #00000040,0 0 20px #78787880,0 2px 8px #0000004d,inset -1px 0 3px #0003,inset 1px 0 3px #f0f0f0cc;box-shadow:inset 0 0 30px var(--ring-light-rgba-80,#c8c8c8cc),inset 0 2px 10px var(--ring-highlight-rgba-90,#e6e6e6e6),inset 0 -2px 10px #00000040,0 0 20px var(--ring-dark-rgba-50,#78787880),0 2px 8px #0000004d,inset -1px 0 3px #0003,inset 1px 0 3px var(--ring-highlight-rgba-80,#f0f0f0cc);box-sizing:border-box;gap:0;left:var(--binder-spine-center);padding:1.5% .5%;pointer-events:none;top:0;width:var(--ring-spine-width);z-index:15}.ring-label,.ring-mechanism{position:absolute;transform:translateX(-50%)}.ring-label{background:#fff6;border-radius:3px;color:#0009;font-size:clamp(.5rem,1vw,.7rem);font-weight:600;left:50%;letter-spacing:.8px;margin-bottom:2%;padding:2px 8px;text-align:center;text-shadow:0 1px 1px #ffffff80;text-transform:uppercase;top:3%;white-space:nowrap}.rings-group{flex-direction:column;gap:clamp(3px,1%,8px);margin-top:clamp(15px,3%,25px);min-height:0;overflow:hidden;width:100%}.ring-wrapper,.rings-group{align-items:center;display:flex;flex:1 1;justify-content:center}.ring-wrapper{flex-shrink:0;max-height:clamp(50px,12%,85px);min-height:30px;position:relative;width:clamp(16px,2vw,24px)}.ring-ring{background:#0000;background-image:radial-gradient(circle at 25% 25%,#ffffffb3 0,#ffffff4d 25%,#0000 50%),radial-gradient(circle at 75% 75%,#00000026 0,#0000 50%),linear-gradient(135deg,#fff3,#0000 50%,#0000001a);background-image:radial-gradient(circle at 25% 25%,var(--ring-highlight-rgba-70,#ffffffb3) 0,var(--ring-highlight-rgba-30,#ffffff4d) 25%,#0000 50%),radial-gradient(circle at 75% 75%,#00000026 0,#0000 50%),linear-gradient(135deg,var(--ring-highlight-rgba-20,#fff3) 0,#0000 50%,#0000001a 100%);border:clamp(2px,.3vw,3.5px) solid #b8b8b8;border:clamp(2px,.3vw,3.5px) solid var(--ring-base,#b8b8b8);border-radius:50%;box-shadow:0 3px 6px #0006,0 1px 2px #0000004d,inset 0 2px 4px #fff9,inset 0 -2px 4px #0000004d,inset 2px 0 3px #ffffff80,inset -2px 0 3px #0003;box-shadow:0 3px 6px #0006,0 1px 2px #0000004d,inset 0 2px 4px var(--ring-highlight-rgba-60,#fff9),inset 0 -2px 4px #0000004d,inset 2px 0 3px var(--ring-highlight-rgba-50,#ffffff80),inset -2px 0 3px #0003;height:clamp(16px,1.8vw,22px);position:relative;width:clamp(16px,1.8vw,22px)}.ring-ring:before{background:#0000;border:clamp(1px,.15vw,1.5px) solid #00000026;border-radius:50%;box-shadow:inset 0 1px 2px #fff6,inset 0 -1px 1px #0003;height:clamp(7px,.8vw,10px);top:50%;transform:translate(-50%,-50%);width:clamp(7px,.8vw,10px)}.ring-ring:after,.ring-ring:before{content:"";left:50%;position:absolute}.ring-ring:after{background:radial-gradient(circle,#ffffffe6 0,#ffffff80 40%,#0000 80%);border-radius:50%;box-shadow:0 1px 2px #0000004d,inset 0 -1px 1px #ffffff4d;height:clamp(3px,.5vw,5px);top:clamp(2px,.4vw,3px);transform:translateX(-50%);width:clamp(3px,.5vw,5px)}.binder-right{display:flex;flex-direction:column;gap:20px;min-width:150px;padding:20px;position:relative;width:var(--binder-right-width);z-index:0}.binder-right:before{background:linear-gradient(180deg,#fff3,#ffffff1a 30%,#0000 70%);content:"";height:35%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.right-pockets{background:#0000;border:none;border-radius:4px;flex:1 1;min-height:300px;position:relative;transition:all .2s;z-index:-1}.right-pockets:before{background-image:repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,#b8b8d0 0,#b8b8d0 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px);background-image:repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to right,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 0,radial-gradient(ellipse 6px 2px at center,var(--stitch-color,#b8b8d0) 0,var(--stitch-color,#b8b8d0) 60%,#0000 80%) 8px,#0000 8px,#0000 12px),repeating-linear-gradient(to bottom,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 0,radial-gradient(ellipse 2px 6px at center,var(--stitch-color) 0,var(--stitch-color) 60%,#0000 80%) 8px,#0000 8px,#0000 12px);background-position:top,100%,bottom,0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:100% 3px,3px 100%,100% 3px,3px 100%;border-radius:4px;bottom:-1px;box-shadow:inset 0 1px 3px #0000001f,inset 0 -1px 2px #0000001a,0 1px 2px #0000001a,inset 0 .5px 1px #ffffff26;content:"";left:-1px;opacity:.7;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:-2}.right-pockets:hover:before{box-shadow:inset 0 1px 3px #00000026,inset 0 -1px 2px #0000001f,0 1px 2px #0000001f,inset 0 .5px 1px #ffffff2e;opacity:.85}.binder-flap{align-items:center;background-color:#e6e6e6;background-color:var(--binder-color,#e6e6e6);border-radius:0 6px 6px 0;box-shadow:2px 0 8px #00000026,inset -2px 0 4px #0000000d;display:flex;flex-direction:column;height:250px;justify-content:center;padding:20px 8px;position:absolute;right:-70px;top:50%;transform:translateY(-50%);width:50px;z-index:0}.binder-flap:before{background:linear-gradient(180deg,#ffffff4d,#ffffff26 40%,#0000 80%);border-radius:0 6px 0 0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.magnetic-buckle{background:radial-gradient(circle at 30% 30%,#e0e0e0,#909090);border:2px solid #00000026;border-radius:50%;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003;height:35px;position:relative;width:35px}.magnetic-buckle:after{background:radial-gradient(circle,#b0b0b0,#707070);border-radius:50%;box-shadow:inset 0 1px 2px #0006;content:"";height:12px;left:20%;position:absolute;top:20%;width:12px}@media (max-width:1400px) and (min-width:1025px){.binder{height:auto;min-height:480px;width:90vw}.binder-flap{display:none}}.page-navigation{background-color:#fff9;border-radius:8px;bottom:6px;box-shadow:0 1px 2px #0000001a;gap:4px;left:var(--binder-spine-center);padding:2px 6px;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:30}.nav-button,.page-navigation{align-items:center;display:flex}.nav-button{background-color:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:18px;justify-content:center;line-height:1;transition:all .15s;width:18px}.nav-button:hover:not(:disabled){background-color:#00000080;transform:scale(1.1)}.nav-button:disabled{cursor:not-allowed;opacity:.2}.page-counter{color:#666;font-size:9px;font-weight:400;min-width:30px;padding:0 2px;text-align:center}.grid-edit-backdrop{animation:fadeIn .2s ease;background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.grid-edit-modal{animation:slideUp .25s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;left:50%;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:320px;z-index:10000}.grid-edit-content{display:flex;flex-direction:column;padding:0}.grid-edit-header{align-items:center;background:linear-gradient(180deg,#fafafa,#fff);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.grid-edit-header h3{color:#333;font-size:1rem;font-weight:600;letter-spacing:-.3px;margin:0}.grid-edit-close{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.grid-edit-close:hover{background-color:#f0f0f0;color:#333}.grid-edit-input{background:#fff;border:none;border-bottom:2px solid #e0e0e0;box-sizing:border-box;color:#333;font-size:1.1rem;font-weight:500;letter-spacing:1px;padding:1rem 1.5rem;text-align:center;transition:all .2s;width:100%}.grid-edit-input:focus{background:#fafafa;border-bottom-color:#2196f3;outline:none}.grid-edit-input::placeholder{color:#bbb;font-weight:400}.grid-edit-textarea{font-family:inherit;letter-spacing:0;line-height:1.5;min-height:6rem;resize:vertical;text-align:center}.grid-edit-buttons{background:#fafafa;display:flex;gap:0;padding:.75rem}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.65rem 1rem;transition:all .2s}.save-button{background-color:#2196f3;color:#fff;margin-right:.5rem}.save-button:hover{background-color:#1976d2;box-shadow:0 2px 8px #2196f34d;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.cancel-button{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#666}.cancel-button:hover{background-color:#eee;border-color:#d0d0d0;color:#333}@media (max-width:768px){.grid-edit-modal{max-width:320px;width:90vw}.grid-edit-header{padding:1rem 1.25rem}.grid-edit-header h3{font-size:.9rem}.grid-edit-input{font-size:1rem;padding:.9rem 1.25rem}.grid-edit-buttons{padding:.6rem}.cancel-button,.save-button{font-size:.8rem;padding:.6rem .9rem}}@media (max-width:1400px){.binder-left,.binder-right{min-width:0}}@media (max-width:1024px){.binder-container{padding:.1rem}.binder-wrapper{flex-shrink:1;max-width:100%}.binder,.binder-wrapper{aspect-ratio:unset;margin:0;max-height:100%;min-height:0}.binder{--binder-left-width:14%;--binder-right-width:14%;--binder-spine-center:calc(var(--binder-left-width) + (100% - var(--binder-left-width) - var(--binder-right-width))/2);height:100%;width:100%}.binder-left,.binder-right{min-width:0;padding:4px;width:var(--binder-left-width)}.binder-right{width:var(--binder-right-width)}.right-pockets{min-height:0}.card-pockets{margin-bottom:8px;margin-top:20%}.card-pocket{max-height:none;min-height:0}.binder-page{max-height:88.88889%;overflow:hidden}.binder-flap{display:none}.page-navigation{border-radius:5px;bottom:2px;gap:2px;padding:1px 4px}.nav-button{font-size:9px;height:14px;width:14px}.page-counter{font-size:6px;line-height:1.1;min-width:18px;padding:0 1px}}@media (max-width:1024px) and (orientation:landscape){.binder-container{padding:.05rem .2rem}}@media (max-width:1024px){.binder{--ring-spine-width:clamp(10px,2.4vw,20px);--page-ring-gap:clamp(2px,0.35vw,5px);--page-holes-width:15px;--grid-stitch-width:2px;--ring-hole-size:11px;--ring-hole-inner:4px}.page-navigation{background-color:#ffffffd1;z-index:1110}.ring-mechanism{border-radius:clamp(5px,1.2vw,12px);box-shadow:inset 0 0 12px #c8c8c8cc,inset 0 1px 4px #e6e6e6e6,inset 0 -1px 4px #0003,0 0 8px #78787866,0 1px 4px #0003;box-shadow:inset 0 0 12px var(--ring-light-rgba-80,#c8c8c8cc),inset 0 1px 4px var(--ring-highlight-rgba-90,#e6e6e6e6),inset 0 -1px 4px #0003,0 0 8px var(--ring-dark-rgba-50,#78787866),0 1px 4px #0003;padding:.6% .25%;z-index:1102}.rings-group{gap:clamp(2px,.6%,5px);margin-top:clamp(8px,2%,16px)}.ring-wrapper{max-height:clamp(32px,9%,55px);min-height:18px;width:clamp(9px,1.6vw,14px)}.ring-ring{border-width:clamp(1px,.2vw,2px);height:clamp(9px,1.5vw,13px);width:clamp(9px,1.5vw,13px)}.ring-ring:before{height:clamp(4px,.7vw,7px);width:clamp(4px,.7vw,7px)}.ring-ring:after{height:clamp(2px,.35vw,3px);top:clamp(1px,.25vw,2px);width:clamp(2px,.35vw,3px)}.binder-page-delete-button,.binder-page-select-button{font-size:10px;height:15px;top:5px;width:15px}.binder-page.left-page .binder-page-delete-button.button-holes-side{right:28px;right:calc(var(--page-holes-width, 15px) + 13px)}.binder-page.right-page .binder-page-delete-button.button-holes-side{left:28px;left:calc(var(--page-holes-width, 15px) + 13px)}}@media (max-width:480px){.binder{--ring-spine-width:clamp(6px,1.8vw,10px);--page-ring-gap:2px;--page-holes-width:10px;--grid-stitch-width:1px;--ring-hole-size:6px;--ring-hole-inner:2px}.ring-mechanism{border-radius:clamp(3px,.8vw,7px);box-shadow:inset 0 0 6px #c8c8c8b3,inset 0 1px 2px #e6e6e6d9,inset 0 -1px 2px #0000002e,0 0 4px #78787859,0 1px 2px #00000026;box-shadow:inset 0 0 6px var(--ring-light-rgba-80,#c8c8c8b3),inset 0 1px 2px var(--ring-highlight-rgba-90,#e6e6e6d9),inset 0 -1px 2px #0000002e,0 0 4px var(--ring-dark-rgba-50,#78787859),0 1px 2px #00000026;padding:.4% .15%}.rings-group{gap:1px;margin-top:clamp(5px,1.5%,10px)}.ring-wrapper{max-height:clamp(22px,7%,38px);min-height:12px;width:clamp(6px,1.2vw,9px)}.ring-ring{border-width:1px;box-shadow:0 1px 3px #0000004d,inset 0 1px 2px #ffffff80,inset 0 -1px 2px #00000040;box-shadow:0 1px 3px #0000004d,inset 0 1px 2px var(--ring-highlight-rgba-60,#ffffff80),inset 0 -1px 2px #00000040;height:clamp(6px,1.1vw,9px);width:clamp(6px,1.1vw,9px)}.ring-ring:before{border-width:.5px;height:3px;width:3px}.ring-ring:after{height:2px;top:1px;width:2px}.binder-page-delete-button,.binder-page-select-button{font-size:9px;height:13px;top:3px;width:13px}.binder-page.left-page .binder-page-delete-button.button-holes-side{right:21px;right:calc(var(--page-holes-width, 10px) + 11px)}.binder-page.right-page .binder-page-delete-button.button-holes-side{left:21px;left:calc(var(--page-holes-width, 10px) + 11px)}.page-navigation{border-radius:4px;bottom:1px;gap:1px;padding:0 3px}.nav-button{font-size:7px;height:11px;width:11px}.page-counter{font-size:5px;min-width:14px}}.binder-leaf-info{background-color:#ffffffe6;border-radius:4px;bottom:1rem;box-shadow:0 2px 4px #0000001a;color:#666;font-size:.75rem;left:50%;padding:.4rem .8rem;pointer-events:none;position:absolute;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:100}.page-container{height:100%;perspective:2000px;position:relative;transform-style:preserve-3d;width:100%;z-index:1;z-index:var(--page-z-index,1)}.page-container.page-non-interactive,.page-container.page-non-interactive *{cursor:default!important;pointer-events:none!important}.page-container.page-non-interactive *{-webkit-user-select:none!important;user-select:none!important}.page-container.page-non-interactive button{opacity:0!important}.page-container.page-non-interactive :hover,.page-container.page-non-interactive a,.page-container.page-non-interactive button,.page-container.page-non-interactive input,.page-container.page-non-interactive select,.page-container.page-non-interactive textarea{cursor:default!important;pointer-events:none!important}.page-container.page-non-interactive :hover{opacity:inherit!important}.page-container.page-non-interactive :active,.page-container.page-non-interactive :focus{cursor:default!important;outline:none!important;pointer-events:none!important}.page{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:initial;display:flex;flex-direction:row;height:100%;transform-style:preserve-3d;transition:transform .6s;width:100%}.page,.page:before{left:0;pointer-events:none;position:absolute;top:0}.page:before{background:radial-gradient(ellipse 100% 70% at 50% 0,#ffffff4d 0,#ffffff26 25%,#ffffff0d 50%,#0000 75%);bottom:0;content:"";mix-blend-mode:overlay;opacity:.9;right:0;z-index:0}.page-type-holo:before{opacity:.6}.page-container:has(.page-type-glossy),.page-container:has(.page-type-holo){overflow:hidden}.page-type-glossy,.page-type-holo{isolation:isolate;overflow:hidden}.page-type-glossy:before,.page-type-holo:before{display:none}.page-type-glossy .page-content,.page-type-holo .page-content{overflow:hidden}.page-front{transform:rotateY(0deg);z-index:2}.page-back{pointer-events:none;transform:rotateY(180deg);z-index:1}.page-container.flipped .page-back .grid-cell,.page-container:not(.flipped) .page-front .grid-cell{pointer-events:auto}.page-container.flipped .page-front .grid-cell,.page-container:not(.flipped) .page-back .grid-cell{pointer-events:none}.page-container.flipped .page-front{transform:rotateY(-180deg)}.page-container.flipped .page-back{transform:rotateY(0deg)}.page-selected{outline:none}.page-left{flex-direction:row-reverse}.page-right{flex-direction:row}.page.transparent{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff38}.page.transparent .cell-image-wrapper{background-color:initial!important}.page-back.transparent .cell-image-wrapper--loading,.page.transparent .cell-image-wrapper--loading{background-color:#e8e3ef!important;background-image:linear-gradient(110deg,#e8e3ef 8%,#f6f2fa 18%,#e8e3ef 33%)!important;background-size:200% 100%}.page.transparent .cell-image{background-color:initial!important;opacity:1!important}.page-back.transparent{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff38}.page-back.transparent .cell-image-wrapper{background-color:initial!important}.page-back.transparent .cell-image-wrapper--loading{background-color:#e8e3ef!important;background-image:linear-gradient(110deg,#e8e3ef 8%,#f6f2fa 18%,#e8e3ef 33%)!important;background-size:200% 100%}.page-back.transparent .cell-image{background-color:initial!important;opacity:1!important}.page-type-mat .grid-cell{background-color:#fff3;position:relative}.page-type-mat .cell-image{filter:none}.page-type-mat .grid-cell:after{background-color:#ffffff14;bottom:5px;content:"";left:5px;pointer-events:none;position:absolute;right:5px;top:5px;z-index:2}.page-type-glossy .grid-cell{background-color:#ffffff40;position:relative}.page-type-glossy .cell-image,.page-type-glossy .cell-image-wrapper{position:relative;z-index:1}.page-type-glossy .page-grid{overflow:hidden;position:relative}.page-type-glossy .grid-cell:after{animation:glossy-shine 8s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 0,#0000 30%,#ffffff40 40%,#ffffff8c 45%,#ffffff59 50%,#ffffff2e 55%,#0000 65%);content:"";height:300%;left:-100%;mix-blend-mode:overlay;opacity:.9;pointer-events:none;position:absolute;top:-100%;width:300%;z-index:2}@keyframes glossy-shine{0%{opacity:.5;transform:translateX(-50%) translateY(-50%) rotate(0deg)}25%{opacity:.75;transform:translateX(-30%) translateY(-30%) rotate(10deg)}50%{opacity:1;transform:translateX(0) translateY(0) rotate(20deg)}75%{opacity:.75;transform:translateX(30%) translateY(30%) rotate(10deg)}to{opacity:.5;transform:translateX(50%) translateY(50%) rotate(0deg)}}.page-type-holo .grid-cell{background-color:#ffffff40;position:relative}.page-type-holo .cell-image,.page-type-holo .cell-image-wrapper{position:relative;z-index:1}.page-type-holo .page-grid{overflow:hidden;position:relative}.page-type-holo .grid-cell:after{animation:holo-shine 10s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 0,#0000 28%,#ffc89647 36%,#ffffc86b 40%,#c8ffff6b 43%,#c8c8ff57 46%,#ffc8ff47 48%,#ffc89633 50%,#0000 58%);content:"";height:300%;left:-100%;mix-blend-mode:overlay;opacity:.85;pointer-events:none;position:absolute;top:-100%;width:300%;z-index:2}@keyframes holo-shine{0%{opacity:.5;transform:translateX(-50%) translateY(-50%) rotate(0deg)}25%{opacity:.7;transform:translateX(-30%) translateY(-30%) rotate(15deg)}50%{opacity:.85;transform:translateX(0) translateY(0) rotate(30deg)}75%{opacity:.7;transform:translateX(30%) translateY(30%) rotate(15deg)}to{opacity:.5;transform:translateX(50%) translateY(50%) rotate(0deg)}}.page-holes{align-items:center;background-color:#ffffff80;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-evenly;min-width:40px;min-width:var(--page-holes-width,40px);padding:clamp(4px,3%,15px) clamp(2px,2%,10px);pointer-events:auto;position:relative;width:40px;width:var(--page-holes-width,40px)}.holes-left{border:none;box-shadow:-1px 0 1px #0000000f}.holes-right{border:none;box-shadow:1px 0 1px #0000000f}.ring-hole{background-color:#fff;border:max(1px,2px) solid #fff;border:max(1px,calc(var(--ring-hole-size, 20px)*.1)) solid #fff;border-radius:50%;box-shadow:inset 0 1px 2px #00000047,0 1px 1px #0000002e;flex-shrink:0;height:20px;height:var(--ring-hole-size,20px);position:relative;width:20px;width:var(--ring-hole-size,20px)}.ring-hole:after{background:#0000;border:1px solid #0003;border-radius:50%;box-shadow:inset 0 1px 1px #ffffff80;content:"";height:8px;height:var(--ring-hole-inner,8px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;width:var(--ring-hole-inner,8px)}.page-content{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:25px 20px 15px;pointer-events:none;position:relative;z-index:1}.page-number{background-color:initial;border-radius:2px;color:#000000e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:8px;font-weight:400;letter-spacing:.3px;opacity:.5;padding:1px 4px;pointer-events:none;position:absolute;top:2px;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1001}.page-number-left{left:8px}.page-number-right{right:8px}.page-left .page-number,.page-right .page-number{display:block}.page-number-hidden{opacity:.3}.page-grid{grid-gap:0;--pocket-stitch-width:var(--grid-stitch-width,3px);--pocket-dash-length:5px;--pocket-dash-gap:4px;--pocket-fit-slack:1px;background-color:#ffffff26;border:none;display:grid;flex:1 1;gap:0;height:100%;pointer-events:none;width:100%}.page-grid--custom{--grid-max-cols:3;display:flex;flex-direction:column}.page-grid.page-grid--custom{display:flex}.page-grid-row{align-items:stretch;display:flex;flex:1 1;justify-content:flex-start;min-height:0;width:100%}.page-grid-spacer{flex-shrink:0;pointer-events:none}.page-grid--custom .page-grid-row .grid-cell{align-self:stretch;flex:0 0 calc(100%/var(--grid-max-cols));max-height:100%;max-width:calc(100%/var(--grid-max-cols));min-height:0;min-width:0;width:calc(100%/var(--grid-max-cols))}.page-grid--custom.grid-2-2 .grid-cell,.page-grid--custom.grid-2x2 .grid-cell{min-height:120px}.page-grid--custom.grid-3x3 .grid-cell{min-height:80px}.page-grid--custom .cell-image-wrapper{justify-content:center!important}.page-grid--custom .cell-image-wrapper .cell-image{object-position:center!important}.grid-cell{--sleeve-width:clamp(2.5px,3.6cqw,8px);--pocket-stitch-width:clamp(1px,1.4cqw,3px);--pocket-sleeve-gap:1px;-webkit-touch-callout:none;align-items:center;background-color:#fff3;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;container-name:pocket;container-type:inline-size;cursor:pointer;display:flex;justify-content:center;max-height:100%;min-height:60px;min-width:0;overflow:hidden;padding:2px;pointer-events:auto;position:relative;-webkit-user-select:none;user-select:none;z-index:inherit}.page-grid .grid-cell:before{--sc:var(--grid-stitch-color,#d7d7dc);--sw:var(--pocket-stitch-width,3px);--dl:var(--pocket-dash-length,5px);--dg:var(--pocket-dash-gap,4px);--p:calc(var(--dl) + var(--dg));background-image:repeating-linear-gradient(to bottom,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to right,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p));background-position:100% 0,0 100%;background-repeat:repeat-y,repeat-x;background-size:var(--sw) 100%,100% var(--sw);border:none;box-sizing:border-box;content:"";inset:0;pointer-events:none;position:absolute;z-index:6}.page-grid .grid-cell.cell-first-col:before{background-image:repeating-linear-gradient(to bottom,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to bottom,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to right,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p));background-position:0 0,100% 0,0 100%;background-repeat:repeat-y,repeat-y,repeat-x;background-size:var(--sw) 100%,var(--sw) 100%,100% var(--sw)}.page-grid .grid-cell.cell-first-row:not(.cell-first-col):before{background-image:repeating-linear-gradient(to right,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to bottom,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to right,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p));background-position:0 0,100% 0,0 100%;background-repeat:repeat-x,repeat-y,repeat-x;background-size:100% var(--sw),var(--sw) 100%,100% var(--sw)}.page-grid .grid-cell.cell-first-row.cell-first-col:before{background-image:repeating-linear-gradient(to right,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to right,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to bottom,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p)),repeating-linear-gradient(to bottom,var(--sc) 0 var(--dl),#0000 var(--dl) var(--p));background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:100% var(--sw),100% var(--sw),var(--sw) 100%,var(--sw) 100%}.page-back .page-grid .grid-cell:before{opacity:1;z-index:7}.page-back.page-type-mat .grid-cell{background-color:#fff3}.page-back .page-grid{background-color:#ffffff26}.grid-cell:has(.cell-image):not(.cell-draggable){cursor:default}.grid-cell:hover .cell-image-controls{opacity:1}.page-container.page-non-interactive .grid-cell:hover .cell-image-controls{pointer-events:none!important}.page-container.page-non-interactive .cell-image,.page-container.page-non-interactive .cell-image-wrapper,.page-container.page-non-interactive .grid-cell,.page-container.page-non-interactive .grid-cell:hover{cursor:default!important;pointer-events:none!important}.page-container.page-non-interactive .cell-placeholder{display:none;pointer-events:none!important}.page-container.page-non-interactive .cell-input{cursor:default!important;pointer-events:none!important}.page-container.page-non-interactive .cell-image-controls{display:none!important}.page-container.page-non-interactive .cell-image-controls,.page-container.page-non-interactive .cell-image-controls *{cursor:default!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.page-container.page-non-interactive .cell-control-btn,.page-container.page-non-interactive .cell-control-btn:hover{cursor:default!important;opacity:0!important;pointer-events:none!important}.cell-placeholder{color:#ccc;font-size:2rem;font-weight:300}.cell-input{background:#0000;cursor:text;font-family:inherit;font-size:.9rem;outline:none;padding:8px;resize:none}.cell-image-wrapper,.cell-input{border:none;height:100%;width:100%}.cell-image-wrapper{-webkit-touch-callout:none;align-items:center;background-color:#ffffff1a;border-radius:clamp(3px,.9vw,8px);box-sizing:border-box;display:flex;justify-content:center;max-height:100%;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding:4px;padding:calc(var(--pocket-stitch-width, 3px) + var(--pocket-fit-slack, 1px));position:relative;-webkit-user-select:none;user-select:none;z-index:1}.cell-image-wrapper--loading{animation:cell-image-shimmer 1.5s ease-in-out infinite;background-color:#e8e3ef;background-image:linear-gradient(110deg,#e8e3ef 8%,#f6f2fa 18%,#e8e3ef 33%);background-size:200% 100%}.cell-image-wrapper--loaded{animation:none;background-image:none}.cell-image-wrapper--error{animation:none;background:#f3f3f3;background-image:none}.cell-image-error{background:repeating-linear-gradient(-45deg,#f0f0f0,#f0f0f0 6px,#e8e8e8 0,#e8e8e8 12px);color:#999;font-size:1.1rem;font-weight:700;inset:0}.cell-image-error,.cell-image-placeholder{align-items:center;display:flex;justify-content:center;position:absolute}.cell-image-placeholder{border:2px dashed #6e5a8c59;border-radius:8px;inset:10%;pointer-events:none;z-index:0}.cell-image-placeholder-icon{background-color:#6e5a8c40;height:28px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='m21 16-5.5-5.5L9 17'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='m21 16-5.5-5.5L9 17'/%3E%3C/svg%3E");mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;opacity:.45;width:28px}.cell-image-wrapper:not(.cell-image-wrapper--loaded) .cell-image{opacity:0!important}.cell-image-wrapper.cell-image-wrapper--loaded .cell-image{opacity:1!important;transition:opacity .2s ease}@keyframes cell-image-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:768px){.cell-image-wrapper--loading{background-color:#ddd6e8}.cell-image-placeholder{border-color:#5a467873;inset:8%}.cell-image-placeholder-icon{height:32px;opacity:.55;width:32px}}.cell-image-wrapper.align-right{justify-content:flex-end}.cell-image-wrapper.align-left{justify-content:flex-start}.grid-cell.cell-draggable{-webkit-touch-callout:none;cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none}.grid-cell.cell-draggable:active{cursor:grabbing}body.cell-drag-active .grid-cell.cell-draggable{touch-action:none}body.cell-hold-pending,body.cell-hold-pending .grid-cell.cell-draggable{touch-action:none!important}body.cell-drag-active,body.cell-hold-pending,body.cell-hold-pending .grid-cell.cell-draggable{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.grid-cell.cell-dragging{opacity:.45;pointer-events:none}.grid-cell.cell-drag-over{background-color:#0000000a;outline:2px dashed #333;outline-offset:-2px}.cell-image{-webkit-user-drag:none;-webkit-touch-callout:none;-ms-interpolation-mode:bicubic;background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:inherit;box-sizing:border-box;cursor:inherit;display:block;flex-shrink:1;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:auto;max-height:100%;max-width:100%;min-height:0;min-width:0;object-fit:contain;object-position:center;opacity:1!important;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:auto;z-index:inherit}.cell-image-wrapper.align-right .cell-image{object-position:right center}.cell-image-wrapper.align-left .cell-image{object-position:left center}.cell-image.default-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center;width:auto}.cell-image-controls{align-items:center;display:flex!important;flex-direction:column;gap:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .15s ease;visibility:visible!important;z-index:1000!important}.cell-image-controls-buttons{display:flex;flex-direction:row;gap:4px}.cell-image-controls--picker-above{flex-direction:column-reverse}.grid-cell:hover .cell-image-controls{opacity:1!important}.page-container.page-non-interactive .grid-cell:hover .cell-image-controls{display:none!important;opacity:0!important;visibility:hidden!important}.cell-control-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffd9;border:1px solid #ffffff80;border-radius:3px;box-shadow:0 1px 3px #0003;color:#333;cursor:pointer;display:flex;font-size:9px;font-weight:400;height:18px;justify-content:center;line-height:1;margin:0;opacity:.85;padding:0;pointer-events:auto;touch-action:manipulation;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:18px}.cell-control-btn:hover{background-color:#fffffff2;border-color:#fffc;box-shadow:0 2px 4px #00000040;opacity:1;transform:scale(1.05)}.cell-control-btn:active{transform:scale(1)}.cell-control-remove{background-color:#ffffffd9;color:#dc143c}.cell-control-remove:hover{background-color:#fffffff2;color:#dc143c}.cell-control-replace{background-color:#ffffffd9;color:#228b22}.cell-control-replace:hover{background-color:#fffffff2;color:#228b22}.cell-control-rotate{background-color:#ffffffd9;color:#007bff}.cell-control-rotate:hover{background-color:#fffffff2;color:#007bff}@media (any-pointer:coarse),(pointer:coarse){.cell-image-controls,.grid-cell:hover .cell-image-controls{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.cell-image-controls:has(.cell-sleeve-picker){opacity:1!important;pointer-events:auto!important;visibility:visible!important}.cell-image-controls:has(.cell-sleeve-picker) .cell-image-controls-buttons{display:none}}.cell-action-sheet-overlay{align-items:flex-end;animation:fadeIn .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;z-index:10080}.cell-action-sheet{animation:slideUp .2s ease;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000002e;display:flex;flex-direction:column;gap:.35rem;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom,0px));width:min(100%,420px)}.cell-action-sheet-title{color:#555;font-size:.8rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;padding:.35rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cell-action-sheet-subtitle{color:#777;font-size:.78rem;font-weight:600;margin:0 0 .15rem;padding:0 .35rem;text-align:center}.cell-action-sheet-actions{display:flex;flex-direction:column;gap:.35rem}.cell-sleeve-picker--sheet{background:#fafafa;border:1px solid #eee;box-shadow:none;box-sizing:border-box;gap:.55rem;margin:.15rem 0 .35rem;min-width:0;padding:.75rem;width:100%}.cell-sleeve-picker--sheet .cell-sleeve-picker-presets{gap:.45rem;justify-content:center}.cell-sleeve-picker--sheet .cell-sleeve-swatch{height:28px;width:28px}.cell-sleeve-picker--sheet .cell-sleeve-custom input[type=color]{height:30px;width:30px}.cell-sleeve-picker--sheet .cell-sleeve-remove{background:#fff;border:1px solid #e8e8e8;border-radius:8px;font-size:.8rem;min-height:40px;padding:.45rem .65rem}.cell-action-sheet-btn{-webkit-tap-highlight-color:transparent;background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;color:#222;cursor:pointer;font-size:.95rem;font-weight:500;min-height:44px;padding:.65rem 1rem;text-align:left;touch-action:manipulation}.cell-action-sheet-btn:active{background:#f0f0f0}.cell-action-sheet-btn--danger{color:#c62828}.cell-action-sheet-btn--cancel{background:#fff;color:#666;font-weight:600;margin-top:.15rem;text-align:center}@media (orientation:landscape){.cell-action-sheet-overlay{align-items:center;padding:.75rem}.cell-action-sheet{border-radius:14px;max-height:min(90dvh,420px);overflow-y:auto;padding:.75rem;width:min(100%,480px)}.cell-action-sheet-actions{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:1fr 1fr}.cell-action-sheet-actions .cell-action-sheet-btn{font-size:.88rem;min-height:42px;padding:.55rem .65rem;text-align:center}}.cell-image-preview-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000e0;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));position:fixed;z-index:10085}.cell-image-preview-close{-webkit-tap-highlight-color:transparent;background:#ffffff26;border:none;border-radius:22px;color:#fff;cursor:pointer;font-size:1.5rem;height:44px;line-height:1;position:absolute;right:max(.75rem,env(safe-area-inset-right,0px));top:max(.75rem,env(safe-area-inset-top,0px));width:44px}.cell-image-preview-img{border-radius:8px;box-shadow:0 8px 32px #0006;max-height:min(78dvh,100%);max-width:100%;object-fit:contain}.cell-image-preview-name{color:#ffffffd9;font-size:.85rem;margin:0;max-width:90vw;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cell-control-sleeve{color:#666;font-size:10px}.cell-control-sleeve--active{box-shadow:inset 0 0 0 2px #a8cce8;box-shadow:inset 0 0 0 2px var(--sleeve-btn-color,#a8cce8);color:#333}.cell-image.has-sleeve{border-radius:0;box-shadow:0 0 0 8px #a8cce8;box-shadow:0 0 0 var(--sleeve-width,8px) var(--sleeve-color,#a8cce8)}.cell-image-wrapper--sleeve{overflow:hidden;padding:12px;padding:calc(var(--pocket-stitch-width, 3px) + var(--pocket-sleeve-gap, 1px) + var(--sleeve-width, 8px))}.grid-cell:has(.cell-image.has-sleeve){overflow:hidden}.cell-sleeve-picker{background:#fffffff7;border:1px solid #0000001f;border-radius:8px;box-shadow:0 4px 12px #0000002e;display:flex;flex-direction:column;flex-shrink:0;gap:4px;margin-top:6px;min-width:120px;padding:6px;pointer-events:auto;position:relative;z-index:1002}.cell-image-controls--picker-above .cell-sleeve-picker{margin-bottom:6px;margin-top:0}.grid-cell:has(.cell-sleeve-picker){z-index:10}.cell-sleeve-picker-presets{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.cell-sleeve-swatch{border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 0 0 1px #00000026;cursor:pointer;flex-shrink:0;height:18px;padding:0;width:18px}.cell-sleeve-swatch--active{box-shadow:0 0 0 2px #333}.cell-sleeve-custom{align-items:center;display:flex;justify-content:center}.cell-sleeve-custom input[type=color]{background:none;border:none;border-radius:50%;cursor:pointer;height:22px;padding:0;width:22px}.cell-sleeve-remove{background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.65rem;padding:2px 6px}.cell-sleeve-remove:hover{background:#eee;color:#333}.page-flip-button{align-items:center;background-color:#007bffb3;border:1px solid #ffffffe6;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:300;height:20px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:8px;transition:all .2s;width:20px;z-index:25}.page-flip-forward{right:30px}.page-flip-back{background-color:#6c757db3;right:55px}.page-container:hover .page-flip-button{opacity:1;pointer-events:all}.page-container.page-non-interactive .page-flip-button,.page-container.page-non-interactive:hover .page-flip-button{cursor:default!important;opacity:0!important;pointer-events:none!important}.page-container.page-non-interactive .page-holes,.page-container.page-non-interactive .ring-hole{cursor:default!important;pointer-events:none!important}.page-flip-button:hover{background-color:#007bff;box-shadow:0 2px 5px #0000004d;transform:scale(1.15)}.page-flip-back:hover{background-color:#6c757d}.grid-1x1 .grid-cell{min-height:200px}.grid-2x2 .grid-cell{min-height:120px}.grid-3x3 .grid-cell{min-height:80px}.grid-4x4 .grid-cell{min-height:60px}.cell-url-input-container{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:.3rem;width:100%}.cell-url-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:.7rem;padding:.4rem;resize:none;width:100%}.cell-url-input:focus{border-color:#333;box-shadow:0 0 0 2px #0000001a;outline:none}.cell-url-buttons{display:flex;gap:.3rem;justify-content:flex-end}.cell-url-btn{background-color:#fff;border:1px solid #ccc;border-radius:3px;color:#333;cursor:pointer;font-size:.7rem;padding:.2rem .4rem;transition:all .2s}.cell-url-btn:hover{background-color:#f5f5f5;border-color:#666}.gallery-modal{align-items:center;animation:fadeIn .2s ease;background-color:rgba(0,0,0,.774)!important;bottom:0!important;height:100vh!important;height:100dvh!important;justify-content:center;left:0!important;overflow:hidden;padding:0;position:fixed!important;right:0!important;top:0!important;width:100vw!important;width:100dvw!important;z-index:999999!important}.gallery-content,.gallery-modal{display:flex;margin:0;transform:none!important}.gallery-content{animation:slideUp .2s ease;background:#fff;border-radius:0;box-shadow:none;flex-direction:column;height:85%!important;max-height:100vh!important;max-height:100dvh!important;max-width:100vw!important;position:relative;width:85vw!important}@media (max-width:1024px){.page,.page-container,.page-content{min-height:0;overflow:hidden}.page-content{padding:8px 4px 4px}.page-number{font-size:7px}.page-grid{--pocket-dash-length:3px;--pocket-dash-gap:2.5px;--pocket-fit-slack:1px;min-height:0;overflow:hidden}.grid-cell{--sleeve-width:clamp(2.5px,3cqw,5.5px);--pocket-stitch-width:clamp(1px,1.1cqw,2px);padding:0}.page-grid-row{flex:1 1;min-height:0}.grid-1x1 .grid-cell,.grid-2x2 .grid-cell,.grid-3x3 .grid-cell,.grid-4x4 .grid-cell,.page-grid--custom.grid-1x1 .grid-cell,.page-grid--custom.grid-2-2 .grid-cell,.page-grid--custom.grid-2x2 .grid-cell,.page-grid--custom.grid-3x3 .grid-cell,.page-grid--custom.grid-4x4 .grid-cell,.page-grid--custom.grid-4x6 .grid-cell{max-height:100%;min-height:0!important}.grid-1x1 .grid-cell,.grid-2x2 .grid-cell,.grid-3x3 .grid-cell,.grid-4x4 .grid-cell,.grid-cell{min-height:0;padding:0}.cell-image-wrapper{border-radius:clamp(2px,.85vw,7px)}.gallery-content{border-radius:0;height:100%!important;max-height:100dvh!important;width:100%!important}.gallery-header{flex-wrap:wrap;gap:.5rem;padding:.85rem 1rem}.gallery-header h3{font-size:.85rem}.gallery-search-container{flex:1 1 100%;max-width:none;order:3}.gallery-grid{flex:1 1;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));height:auto;min-height:0;padding:1rem}}@media (max-width:480px){.page-content{padding:4px 2px 2px}.page-grid{--pocket-stitch-width:1px;--pocket-dash-length:2px;--pocket-dash-gap:2px;--pocket-fit-slack:2px}.grid-cell{--sleeve-width:clamp(2px,2.4cqw,3.5px);--pocket-stitch-width:clamp(0.75px,0.9cqw,1.5px);padding:0}.page-number{font-size:6px;padding:0 2px}.page-number-left{left:4px}.page-number-right{right:4px}.page-flip-button{font-size:9px;height:14px;top:4px;width:14px}.page-flip-forward{right:18px}.page-flip-back{right:34px}.grid-1x1 .grid-cell,.grid-2x2 .grid-cell,.grid-3x3 .grid-cell,.grid-4x4 .grid-cell,.grid-cell{padding:0}.cell-image-wrapper{border-radius:clamp(2px,.75vw,5px)}.cell-control-btn{font-size:8px;height:15px;width:15px}}@media (max-width:480px) and (orientation:portrait){.grid-cell{--sleeve-width:clamp(2px,2cqw,3px);--pocket-stitch-width:clamp(0.5px,0.75cqw,1.25px)}.page-holes{min-width:8px;min-width:var(--page-holes-width,8px);width:8px;width:var(--page-holes-width,8px)}}@media (max-width:360px) and (orientation:portrait){.grid-cell{--sleeve-width:clamp(1.75px,1.8cqw,2.5px)}}.gallery-header{align-items:center;background:#fff;border-bottom:1px solid #fff;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.gallery-header h3{color:#333;flex-shrink:0;font-size:1rem;margin:0}.gallery-search-container{flex:1 1;max-width:400px}.gallery-search-wrapper{align-items:center;display:flex;position:relative}.gallery-search-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;outline:none;padding:.5rem 2.5rem .5rem 1rem;transition:all .2s;width:100%}.gallery-search-input:focus{border-color:#333;box-shadow:0 0 0 2px #0000001a}.gallery-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0;position:absolute;right:.5rem;transition:all .2s;width:24px;z-index:1}.gallery-search-clear:hover{background-color:#f0f0f0;color:#333}.gallery-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.gallery-close:hover{background-color:#f0f0f0;color:#333}.gallery-grid{grid-gap:1.2rem;align-items:start;display:grid;flex:1 1;gap:1.2rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));height:calc(100vh - 100px);min-height:0;overflow-y:auto;padding:2rem}.gallery-item{background-color:#f8f8f8;border:2px solid #fff;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:none;min-height:0;overflow:visible;pointer-events:auto;position:relative;transition:all .2s;user-select:none;-webkit-user-select:none}.gallery-item:hover{border-color:#333;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.gallery-item:active{transform:scale(.98)}.gallery-item img{aspect-ratio:1;background-color:#ece8f2;border-radius:4px 4px 0 0;display:block;flex-shrink:0;object-fit:cover;width:100%}.gallery-item-name{background-color:#fffffff2;border-radius:0 0 4px 4px;border-top:1px solid #fff;box-sizing:border-box;color:#333;flex-shrink:0;font-size:.65rem;line-height:1.2;overflow:hidden;padding:.3rem .4rem;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:1}.gallery-item-error{align-items:center;color:#999;display:flex;font-size:.7rem;height:100%;justify-content:center;padding:.5rem;text-align:center;width:100%}.cell-image.rotated{height:auto;left:50%;max-height:100%;max-width:100%;object-fit:contain;position:absolute;top:50%;transform-origin:center;width:auto}.cell-image.rotated-0{transform:translate(-50%,-50%) rotate(0deg)}.cell-image.rotated-90{transform:translate(-50%,-50%) rotate(90deg)}.cell-image.rotated-180{transform:translate(-50%,-50%) rotate(180deg)}.cell-image.rotated-270{transform:translate(-50%,-50%) rotate(270deg)}.app-footer{align-items:center;background-color:#f7f7f7;border-top:1px solid #ebebeb;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;min-height:38px;padding:.4rem .85rem max(.4rem,env(safe-area-inset-bottom,0px)) max(2.4rem,calc(36px + .35rem));position:relative;width:100%;z-index:999}.App.fullscreen-mode .app-footer{background-color:#f7f7f7f5;min-height:32px;padding:.3rem .6rem}.App.fullscreen-mode .app-footer .footer-content{gap:.35rem}.footer-content{color:#555;display:flex;flex-wrap:wrap;font-size:.72rem;gap:.35rem;max-width:100%}.footer-content,.footer-separator{align-items:center;justify-content:center}.footer-separator{color:#b0b0b0;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;width:.55rem}.footer-language-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23777' d='m0 0 5 6 5-6z'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:7px 4px;border:1px solid #ddd;border-radius:999px;color:#555;cursor:pointer;font-size:.68rem;font-weight:600;line-height:1.2;min-width:0;padding:.22rem 1.15rem .22rem .55rem;transition:border-color .15s,background-color .15s,color .15s}.footer-language-select:hover{background-color:#fafafa;border-color:#bbb;color:#222}.footer-language-select:focus,.footer-language-select:focus-visible{background-color:#fff;border-color:#999;box-shadow:0 0 0 2px #0000000a;outline:none}.footer-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:0;color:#555;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;left:max(8px,env(safe-area-inset-left,0px));min-width:28px;padding:0;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);transition:color .15s,transform .15s;width:28px;z-index:1}.footer-toggle-btn:focus-visible,.footer-toggle-btn:hover{background:#0000;color:#222;transform:translateY(-50%) scale(1.08)}.footer-feedback-btn,.footer-info-btn,.footer-install-btn,.footer-support-link{align-items:center;background:#fff;border:1px solid #ddd;border-radius:999px;color:#555;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:600;gap:.28rem;line-height:1.2;padding:.22rem .55rem;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;white-space:nowrap}.footer-feedback-btn:hover,.footer-info-btn:hover,.footer-install-btn:hover,.footer-support-link:hover{background:#fafafa;border-color:#bbb;color:#222}.footer-feedback-btn:focus,.footer-info-btn:focus,.footer-install-btn:focus{background:#fff;border-color:#999;outline:none}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.app-footer{min-height:0;min-height:auto;padding:.35rem .7rem .35rem max(2.4rem,calc(36px + .35rem));position:relative}.footer-content{gap:.3rem}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.app-footer{min-height:36px;padding:.35rem .7rem .35rem max(2.4rem,calc(36px + .35rem))}}@media (max-width:767px){.app-footer{min-height:0;min-height:auto;padding:.35rem .55rem max(.35rem,env(safe-area-inset-bottom,0px)) max(2.4rem,calc(36px + .3rem));position:relative}.footer-content{gap:.28rem}.footer-feedback-btn,.footer-info-btn,.footer-install-btn,.footer-language-select,.footer-support-link{font-size:.64rem;padding:.2rem .45rem}.footer-language-select{background-position:right .35rem center;padding-right:1.05rem}.footer-separator{font-size:.85rem;width:.4rem}}@media (max-width:480px){.app-footer{padding:.3rem .45rem max(.3rem,env(safe-area-inset-bottom,0px)) max(2.3rem,calc(34px + .3rem))}.footer-content{gap:.22rem}.footer-feedback-btn,.footer-info-btn,.footer-install-btn,.footer-language-select,.footer-support-link{font-size:.62rem;padding:.18rem .4rem}.footer-language-select{padding-right:.95rem}}.info-brand{align-items:baseline;border-top:1px solid #eee;color:#888;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.4rem .75rem;margin:1.25rem 0 0;padding-top:.85rem}.info-brand-user{color:#333;font-weight:600;text-decoration:none;transition:color .2s}.info-brand-user:hover{color:#1da1f2;text-decoration:underline}.info-brand-rights{-webkit-user-select:none;user-select:none}.info-modal-heading{display:flex;flex-direction:column;gap:.15rem;min-width:0}.info-modal-kicker{color:#888;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.info-meta{background:#fafafa;border:1px solid #eee;border-radius:8px;gap:.65rem;margin:0 0 1rem;padding:.45rem .55rem}.info-meta,.info-meta-storage{align-items:center;display:flex}.info-meta-storage{flex:1 1;gap:.4rem;min-width:0}.info-meta-pct{font-feature-settings:"tnum";color:#777;flex-shrink:0;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:600}.info-storage-bar-container{background-color:#e6e6e6;border-radius:999px;flex:1 1;height:5px;min-width:48px;overflow:hidden}.info-storage-bar{background-color:#4caf50;border-radius:999px;height:100%;transition:width .3s ease,background-color .3s ease}.info-storage-bar.storage-warning{background-color:#ff9800}.info-storage-bar.storage-critical{background-color:#f44336}.info-reset-btn{background:#0000;border:none;border-radius:5px;color:#a33;cursor:pointer;flex-shrink:0;font-size:.72rem;font-weight:600;padding:.25rem .45rem;transition:background-color .15s,color .15s;white-space:nowrap}.info-reset-btn:hover{background-color:#fdecea;color:#8b1e18}.info-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-modal-content{animation:slideUp .25s ease-out;background:#fff;border-radius:14px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-modal-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:1.25rem 1.75rem 1.1rem}.info-modal-header h2{color:#222;font-size:1.35rem;font-weight:650;line-height:1.25;margin:0}.info-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.info-modal-close:hover{background-color:#f5f5f5;color:#333}.info-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1.15rem 1.75rem 1.35rem}.info-modal-body::-webkit-scrollbar{width:8px}.info-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.info-modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.info-modal-body::-webkit-scrollbar-thumb:hover{background:#555}.info-intro{color:#555;font-size:.92rem;line-height:1.5;margin:0 0 1rem}.info-collapse-list{display:flex;flex-direction:column;gap:.45rem}.info-collapse{background:#fafafa;border:1px solid #e4e4e4;border-radius:10px;overflow:hidden}.info-collapse.open{background:#fff;border-color:#ddd}.info-collapse-header{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.92rem;font-weight:600;gap:.55rem;padding:.8rem .95rem;text-align:left;transition:background-color .15s;width:100%}.info-collapse-header:hover{background-color:#f0f0f0}.info-collapse-icon{flex-shrink:0;font-size:.95rem;line-height:1;text-align:center;width:1.35rem}.info-collapse-title{flex:1 1;min-width:0}.info-collapse-chevron{color:#888;flex-shrink:0;font-size:.7rem;margin-left:auto;text-align:center;width:1rem}.info-collapse-body{border-top:1px solid #eee;padding:0 1rem 1rem}.info-collapse-body .info-code-block,.info-collapse-body .info-list{margin-bottom:0;margin-top:.75rem}.info-collapse-note{color:#888;font-size:.85rem;line-height:1.5;margin:.75rem 0 0}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-section h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.info-section p{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.info-section:last-child p{margin-bottom:0}.info-subsection{border-left:2px solid #e0e0e0;margin-left:1rem;margin-top:1rem;padding-left:1rem}.info-subsection h4{color:#444;font-size:1rem;font-weight:600;margin:0 0 .5rem}.info-subsection p{color:#666;font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.info-code-block{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;margin:.5rem 0;overflow-x:auto;padding:.75rem;white-space:pre}.info-list{color:#666;font-size:.9rem;line-height:1.8;margin:.5rem 0;padding-left:1.5rem}.info-list li{margin-bottom:.35rem}.info-collapse-body .info-list li:last-child{margin-bottom:0}.info-modal-footer{align-items:center;background:#f8f8f8;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:.85rem 1.75rem}.info-modal-close-btn{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .2s}.info-modal-close-btn:hover{background-color:#555;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.info-modal-close-btn:active{transform:translateY(0)}@media (max-width:767px){.info-modal-content{max-height:90vh;max-width:95vw}.info-modal-header{padding:1rem 1.5rem}.info-modal-header h2{font-size:1.25rem}.info-modal-body{padding:1rem 1.5rem}.info-subsection{margin-left:.5rem;padding-left:.75rem}.info-code-block{font-size:.75rem;padding:.5rem}.info-list{font-size:.85rem;padding-left:1.25rem}.info-collapse-header{font-size:.9rem;padding:.75rem .85rem}.info-collapse-body{padding:0 .85rem .85rem}.info-intro{font-size:.88rem;margin-bottom:.85rem}.info-meta{gap:.5rem;margin-bottom:.85rem;padding:.4rem .5rem}.info-modal-kicker{font-size:.68rem}.info-section{margin-bottom:1.25rem}.info-section h3{font-size:1rem}.info-section p{font-size:.9rem}.info-modal-footer{padding:.75rem 1.5rem}.info-modal-close-btn{font-size:.85rem;padding:.5rem 1.25rem}.info-brand{font-size:.75rem}}.auth-modal-overlay{align-items:center;animation:authFadeIn .2s ease;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10001}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);max-width:380px;overflow:hidden;width:100%}.auth-modal-header,.auth-tabs{flex-shrink:0}.auth-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.auth-modal-header h2{color:#333;font-size:1.1rem;font-weight:600;margin:0}.auth-modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.6rem;height:32px;line-height:1;width:32px}.auth-modal-close:hover{background:#f0f0f0;color:#333}.auth-tabs{border-bottom:1px solid #e0e0e0;display:flex}.auth-tab{background:none;border:none;border-bottom:2px solid #0000;color:#777;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.7rem .5rem;transition:color .15s,border-color .15s}.auth-tab:hover{color:#333}.auth-tab--active{border-bottom-color:#1a5fb4;color:#1a5fb4}.auth-modal-body{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem}.auth-modal-hint{color:#666;font-size:.8rem;line-height:1.4;margin:0}.auth-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.auth-contact{display:flex;flex-direction:column;gap:.45rem}.auth-contact-label{color:#444;font-size:.8rem;font-weight:550}.auth-contact-tabs{display:flex;gap:.35rem}.auth-contact-tab{background:#f7f7f7;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-size:.82rem;font-weight:600;min-height:36px;padding:.4rem .5rem}.auth-contact-tab:hover:not(:disabled){background:#efefef;color:#333}.auth-contact-tab--active{background:#e8f0fe;border-color:#1a5fb4;color:#1a5fb4}.auth-contact-tab:disabled{cursor:default;opacity:.6}.auth-contact-hint{color:#777;font-size:.75rem;line-height:1.35;margin:0}.auth-field{color:#444;display:flex;flex-direction:column;font-size:.8rem;gap:.3rem}.auth-field input{border:1px solid #ccc;border-radius:6px;font-size:.9rem;outline:none;padding:.55rem .7rem}.auth-field input:focus{border-color:#1a5fb4;box-shadow:0 0 0 2px #1a5fb426}.auth-password-wrap{align-items:stretch;display:flex;position:relative}.auth-password-wrap input{padding-right:2.4rem;width:100%}.auth-password-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:6px;color:#8a8a8a;cursor:pointer;display:inline-flex;height:32px;justify-content:center;line-height:0;padding:0;position:absolute;right:.15rem;top:50%;transform:translateY(-50%);width:32px}.auth-password-toggle:hover{background:#0000000a;color:#444}.auth-password-toggle:focus-visible{outline:2px solid #1a5fb459;outline-offset:1px}.auth-eye-icon{display:block;flex-shrink:0}.auth-modal-error{background:#fdecea;color:#b3261e}.auth-modal-error,.auth-modal-ok{border-radius:6px;font-size:.8rem;margin:0;padding:.5rem .7rem}.auth-modal-ok{background:#e8f5e9;color:#2e7d32}.auth-shares{border-top:1px solid #eee;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.auth-shares-title{color:#333;font-size:.85rem;font-weight:600;margin:0}.auth-shares-subtitle{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin:.35rem 0 0;text-transform:uppercase}.auth-shares-empty{color:#999;font-size:.8rem;margin:0}.auth-share-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0}.auth-share-item{align-items:center;background:#f7f9fc;border-radius:6px;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .6rem}.auth-share-text{color:#333;display:flex;flex-direction:column;font-size:.8rem;min-width:0}.auth-share-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-share-text span{color:#777;font-size:.72rem}.auth-share-actions{display:flex;flex-shrink:0;gap:.3rem}.auth-share-btn{border:1px solid #0000;border-radius:5px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.3rem .6rem}.auth-share-btn:disabled{cursor:progress;opacity:.6}.auth-share-btn--accept{background:#1a5fb4;color:#fff}.auth-share-btn--accept:hover:not(:disabled){background:#174f96}.auth-share-btn--cancel,.auth-share-btn--reject{background:#fff;border-color:#ddd;color:#666}.auth-share-btn--cancel:hover:not(:disabled),.auth-share-btn--reject:hover:not(:disabled){border-color:#e0b4b0;color:#b3261e}.auth-share-btn--role{background:#f1e8fb;border-color:#e0cffa;color:#6b32b4}.auth-share-btn--role:hover:not(:disabled){background:#e7d8fa}.share-role{border:0;display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0}.share-role legend{color:#444;font-size:.8rem;font-weight:600;margin-bottom:.35rem;padding:0}.share-role-option{grid-column-gap:.5rem;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;column-gap:.5rem;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:.5rem .65rem}.share-role-option input{grid-row:1/span 2;margin:0}.share-role-option--active{background:#f7f2fd;border-color:#6b32b4}.share-role-title{color:#222;font-size:.85rem;font-weight:600}.share-role-desc{color:#666;font-size:.72rem}.footer-account-badge{align-items:center;background:#d32f2f;border-radius:8px;color:#fff;display:inline-flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px}.auth-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:background-color .15s,border-color .15s}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-btn--primary{background:#1a5fb4;color:#fff}.auth-btn--primary:hover:not(:disabled){background:#174f96}.auth-btn--secondary{background:#f5f5f5;border-color:#ddd;color:#333}.auth-btn--secondary:hover:not(:disabled){background:#ebebeb}.auth-btn--danger{background:#fff;border-color:#e0b4b0;color:#b3261e}.auth-btn--danger:hover:not(:disabled){background:#fdecea}.auth-danger-zone{border-top:1px dashed #e8d0ce;display:flex;flex-direction:column;gap:.45rem;margin-top:1rem;padding-top:.85rem}.auth-danger-zone-hint{color:#888;font-size:.72rem;line-height:1.35;margin:0}.auth-btn--danger-outline{align-self:flex-start;background:#0000;border:1px solid #e0b4b0;color:#b3261e;font-size:.8rem;padding:.4rem .75rem}.auth-btn--danger-outline:hover:not(:disabled){background:#fdecea}.auth-modal-actions{display:flex;gap:.5rem}.auth-modal-actions .auth-btn{flex:1 1}.auth-stats-btn{margin-bottom:.5rem;width:100%}.auth-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:.88rem;min-height:40px;padding:.45rem .65rem;width:100%}.auth-link-btn{background:#0000;border:none;color:#1565c0;cursor:pointer;display:block;font-size:.82rem;font-weight:600;margin-top:.55rem;padding:.35rem;text-align:center;width:100%}.auth-link-btn:hover{text-decoration:underline}.auth-security-question{background:#f5f7fa;border:1px solid #e8ecf0;border-radius:8px;color:#333;font-size:.88rem;font-weight:600;line-height:1.35;margin:.15rem 0 .35rem;padding:.55rem .65rem}.auth-modal-hint--warn{background:#fff8e8;border:1px solid #f0e0b8;border-radius:8px;color:#8a5a00;padding:.55rem .65rem}.auth-modal-switch{color:#666;font-size:.8rem;margin:0;text-align:center}.auth-link{background:none;border:none;color:#1a5fb4;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.auth-modal-user{color:#333;display:flex;flex-direction:column;font-size:.9rem;gap:.15rem;margin:0;word-break:break-all}.auth-modal-label{color:#888;font-size:.75rem}.auth-modal-status{background:#f5f5f5;border-radius:6px;color:#555;font-size:.8rem;margin:0;padding:.4rem .7rem}.auth-modal-status--syncing{background:#eef4fc;color:#1a5fb4}.auth-modal-status--synced{background:#e8f5e9;color:#2e7d32}.auth-modal-status--error{background:#fdecea;color:#b3261e}.footer-account-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:999px;color:#555;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:600;gap:.28rem;line-height:1.2;max-width:160px;padding:.22rem .55rem;transition:border-color .15s,background-color .15s,color .15s;white-space:nowrap}.footer-account-btn:hover{background-color:#fafafa;border-color:#bbb;color:#222}.footer-account-btn--login{background-color:#fff;border-color:#e8c5c2;color:#b3261e;font-weight:600}.footer-account-btn--login:hover{background-color:#fdf6f5;border-color:#d5a9a5;color:#8e1d17}.footer-account-btn--user{border-color:#d5e4f6;color:#1a5fb4}.footer-account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-account-sync{font-size:.65rem}.footer-account-sync--syncing{animation:authSpin 1s linear infinite;display:inline-block}@keyframes authSpin{to{transform:rotate(1turn)}}@media (max-width:767px){.footer-account-btn{font-size:.64rem;max-width:130px;padding:.2rem .45rem}}@media (min-width:600px) and (max-width:1024px){.auth-modal{max-width:420px}}@media (hover:none),(max-width:767px){.auth-tab{min-height:44px}.auth-field input{font-size:16px;min-height:44px}.auth-btn{min-height:44px}.auth-share-btn{font-size:.8rem;min-height:36px;padding:.35rem .75rem}.auth-modal-close{height:40px;width:40px}}@media (max-width:599px) and (orientation:portrait){.auth-modal-overlay{align-items:flex-end;padding:0}.auth-modal{animation:authSlideUp .22s ease-out;border-radius:16px 16px 0 0;max-height:min(92dvh,100%);max-width:100%;padding-bottom:env(safe-area-inset-bottom,0)}.auth-modal-header{padding:.9rem 1rem}.auth-modal-header:before{background:#ddd;border-radius:2px;content:"";height:4px;left:50%;margin-left:-18px;position:absolute;top:6px;width:36px}.auth-modal-header{position:relative}.auth-modal-body{gap:.85rem;padding:1rem}.auth-share-list{max-height:none;overflow:visible}}@keyframes authSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-height:520px){.auth-modal-overlay{padding:.5rem max(.5rem,env(safe-area-inset-right,0)) .5rem max(.5rem,env(safe-area-inset-left,0))}.auth-modal{max-height:calc(100dvh - 1rem);max-width:440px}.auth-modal-header{padding:.6rem 1rem}.auth-modal-header h2{font-size:1rem}.auth-tab{min-height:40px;padding:.5rem}.auth-modal-body{gap:.55rem;padding:.75rem 1rem}.auth-modal-hint{font-size:.75rem}.auth-share-list{max-height:120px}}@media (max-width:360px){.auth-share-item{flex-wrap:wrap}.auth-share-actions,.auth-share-text{flex:1 1 100%}.auth-share-actions .auth-share-btn{flex:1 1}.auth-modal-actions{flex-direction:column}}@media (max-width:480px){.footer-account-btn{max-width:110px}.footer-account-badge{font-size:.55rem;height:14px;min-width:14px}}@media (max-width:360px){.footer-account-btn--user .footer-account-email{display:none}.footer-account-btn{max-width:none}}@media (prefers-reduced-motion:reduce){.auth-modal,.auth-modal-overlay,.footer-account-sync--syncing{animation:none}}.admin-stats-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10002}.admin-stats-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:min(92dvh,780px);max-width:640px;overflow:hidden;width:100%}.admin-stats-modal-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:.9rem 1.15rem}.admin-stats-modal-heading-wrap{display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-stats-modal-header h2{color:#333;font-size:1.15rem;font-weight:600;margin:0}.admin-stats-updated{color:#888;font-size:.72rem}.admin-stats-modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.admin-stats-auto{align-items:center;color:#666;cursor:pointer;display:inline-flex;font-size:.72rem;gap:.3rem;margin-right:.15rem;-webkit-user-select:none;user-select:none}.admin-stats-auto input{accent-color:#1a5fb4;margin:0}.admin-stats-close,.admin-stats-refresh{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:1.1rem;height:32px;line-height:1;width:32px}.admin-stats-close{border:none;color:#999;font-size:1.6rem}.admin-stats-close:hover,.admin-stats-refresh:hover:not(:disabled){background:#f0f0f0;color:#333}.admin-stats-refresh:disabled{cursor:default;opacity:.5}.admin-stats-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:.15rem;overflow-x:auto;padding:.45rem .85rem 0;scrollbar-width:none}.admin-stats-tabs::-webkit-scrollbar{display:none}.admin-stats-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#777;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:550;gap:.35rem;margin-bottom:-1px;padding:.5rem .7rem;position:relative;white-space:nowrap}.admin-stats-tab:hover{color:#333}.admin-stats-tab--active{border-bottom-color:#1a5fb4;color:#1a5fb4}.admin-stats-tab-badge{font-feature-settings:"tnum";align-items:center;background:#e8f0fe;border-radius:999px;color:#1a5fb4;display:inline-flex;font-size:.65rem;font-variant-numeric:tabular-nums;font-weight:700;height:1.15rem;justify-content:center;min-width:1.15rem;padding:0 .3rem}.admin-stats-toolbar{display:flex;flex-direction:column;flex-shrink:0;gap:.45rem;padding:.55rem 1.15rem 0}.admin-stats-search{background:#fafafa;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:.82rem;padding:.45rem .65rem;width:100%}.admin-stats-search:focus{background:#fff;outline:2px solid #1a5fb4;outline-offset:1px}.admin-stats-filter-check{align-items:center;align-self:flex-start;color:#555;cursor:pointer;display:inline-flex;font-size:.78rem;gap:.4rem;-webkit-user-select:none;user-select:none}.admin-stats-filter-check input{accent-color:#1a5fb4;margin:0}.admin-stats-modal-body{display:flex;flex:1 1;flex-direction:column;gap:.85rem;min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.25rem}.admin-stats-error{color:#b3261e;font-size:.85rem;margin:0}.admin-stats-online{align-items:baseline;color:#555;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.4rem .6rem}.admin-stats-online--compact{padding-bottom:.15rem}.admin-stats-online-dot{align-self:center;background:#2e7d32;border-radius:50%;box-shadow:0 0 0 3px #2e7d3226;flex-shrink:0;height:10px;width:10px}.admin-stats-online-label{color:#666}.admin-stats-online strong{font-feature-settings:"tnum";color:#222;font-size:1.75rem;font-variant-numeric:tabular-nums;line-height:1}.admin-stats-online-split{color:#888;font-size:.8rem}.admin-stats-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.admin-stats-grid--kpi{grid-template-columns:repeat(3,1fr)}.admin-stats-cell{background:#f7f7f7;border-radius:8px;display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.65rem .7rem}.admin-stats-num{font-feature-settings:"tnum";color:#222;font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.admin-stats-label{color:#777;font-size:.68rem;line-height:1.3}.admin-stats-quick{display:flex;flex-wrap:wrap;gap:.4rem}.admin-stats-quick-btn{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a5fb4;cursor:pointer;font-size:.75rem;font-weight:550;padding:.4rem .65rem}.admin-stats-quick-btn:hover{background:#f5f8ff;border-color:#c5d8f5}.admin-stats-empty{color:#888;font-size:.85rem;margin:0;padding:.5rem 0}.admin-stats-people{display:flex;flex-direction:column;gap:.45rem;list-style:none;margin:0;padding:0}.admin-stats-people li{background:#f7f7f7;border-radius:8px;display:flex;flex-direction:column;gap:.2rem;padding:.55rem .65rem}.admin-stats-people-main{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.admin-stats-people-name{color:#222;font-size:.85rem;font-weight:600}.admin-stats-people-action{color:#1a5fb4;font-size:.72rem;font-weight:550}.admin-stats-people-meta{color:#777;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.35rem .85rem}.admin-stats-scroll{-webkit-overflow-scrolling:touch;background:#fafafa;border:1px solid #ececec;border-radius:8px;max-height:220px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.admin-stats-scroll--fill{flex:1 1;max-height:none;min-height:180px}.admin-stats-feedback{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:.4rem .55rem}.admin-stats-feedback li{border-bottom:1px solid #ececec;padding:.55rem .15rem}.admin-stats-feedback li:last-child{border-bottom:none}.admin-stats-feedback-meta{align-items:center;color:#666;display:flex;font-size:.72rem;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.admin-stats-feedback-meta-right{align-items:center;display:inline-flex;flex-shrink:0;gap:.45rem}.admin-stats-copy-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:.68rem;line-height:1.3;padding:.15rem .4rem}.admin-stats-copy-btn:hover{background:#f0f0f0;color:#222}.admin-stats-delete-btn{border-color:#f0c4c0;color:#b42318}.admin-stats-delete-btn:hover:not(:disabled){background:#fff1f0;border-color:#e8a09a;color:#912018}.admin-stats-delete-btn:disabled{cursor:wait;opacity:.6}.admin-stats-accounts{list-style:none;margin:0;padding:.25rem .55rem}.admin-stats-accounts li{align-items:center;border-bottom:1px solid #ececec;display:flex;gap:.6rem;justify-content:space-between;padding:.5rem .15rem}.admin-stats-accounts li:last-child{border-bottom:none}.admin-stats-account-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.admin-stats-account-actions{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.admin-stats-account-name{align-items:center;color:#333;display:inline-flex;flex-wrap:wrap;font-size:.82rem;font-weight:550;gap:.35rem}.admin-stats-account-badge{background:#e8f0fe;border-radius:999px;color:#1a5fb4;font-size:.65rem;font-weight:600;padding:.1rem .35rem}.admin-stats-account-badge--off{background:#fdecea;color:#b3261e}.admin-stats-feedback-msg{color:#333;font-size:.8rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.admin-stats-scroll .admin-stats-recent{gap:0;padding:.35rem .55rem}.admin-stats-scroll .admin-stats-recent li{align-items:flex-start;border-bottom:1px solid #ececec;padding:.45rem .15rem}.admin-stats-scroll .admin-stats-recent li:last-child{border-bottom:none}.admin-stats-recent-time{font-feature-settings:"tnum";color:#888;flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-stats-recent{color:#555;display:flex;flex-direction:column;font-size:.8rem;gap:.3rem;list-style:none;margin:0;padding:0}.admin-stats-recent li{display:flex;gap:.75rem;justify-content:space-between}@media (max-width:640px){.admin-stats-grid--kpi{grid-template-columns:1fr 1fr}.admin-stats-auto span{display:none}}@media (max-width:767px){.admin-stats-modal{max-height:90dvh;max-width:95vw}}@media (max-width:480px){.admin-stats-overlay{align-items:flex-end;padding:0}.admin-stats-modal{border-radius:14px 14px 0 0;max-height:88dvh;max-width:100%}.admin-stats-modal-header{padding:.85rem 1rem}.admin-stats-modal-body{padding:.85rem 1rem 1.1rem}}.admin-stats-temp-overlay{align-items:center;background:#0006;border-radius:inherit;display:flex;inset:0;justify-content:center;padding:1rem;position:absolute;z-index:2}.admin-stats-temp-dialog{background:#fff;border-radius:14px;box-shadow:0 16px 40px #00000038;display:flex;flex-direction:column;gap:.75rem;max-width:360px;padding:1.15rem 1.15rem 1rem;width:100%}.admin-stats-temp-title{color:#222;font-size:1.05rem;font-weight:650;line-height:1.3;margin:0}.admin-stats-temp-message{color:#555;font-size:.9rem;line-height:1.45;margin:0}.admin-stats-temp-row{align-items:center;display:flex;gap:.5rem}.admin-stats-temp-password{background:#f7f7f7;border:1px solid #ddd;border-radius:8px;color:#222;flex:1 1;font-size:.95rem;font-weight:650;letter-spacing:.02em;min-width:0;overflow-wrap:anywhere;padding:.55rem .7rem}.admin-stats-temp-row .admin-stats-copy-btn{flex-shrink:0;font-size:.8rem;min-height:36px;padding:.4rem .65rem}.admin-stats-temp-hint{color:#777;font-size:.78rem;line-height:1.4;margin:0}.admin-stats-temp-actions{margin-top:.15rem}.admin-stats-temp-ok{background:#1a5fb4;border:1px solid #1a5fb4;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;padding:.55rem .75rem;width:100%}.admin-stats-temp-ok:hover{background:#154d91;border-color:#154d91}.feedback-modal-overlay{align-items:center;animation:feedbackFadeIn .2s ease;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10001}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);max-width:420px;overflow:hidden;width:100%}.feedback-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.feedback-modal-header h2{color:#333;font-size:1.05rem;font-weight:600;margin:0}.feedback-modal-close{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.6rem;height:32px;line-height:1;width:32px}.feedback-modal-close:hover{background:#f0f0f0;color:#333}.feedback-modal-body{display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;padding:1rem 1.25rem 1.15rem}.feedback-modal-hint{color:#777;font-size:.82rem;line-height:1.4;margin:0 0 .25rem}.feedback-label{color:#999;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.feedback-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.9rem;line-height:1.4;min-height:110px;padding:.65rem .75rem;resize:vertical;width:100%}.feedback-textarea:focus{border-color:#1a5fb4;box-shadow:0 0 0 2px #1a5fb41f;outline:none}.feedback-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.feedback-char-count{color:#aaa;font-size:.72rem}.feedback-anon-label{align-items:center;color:#555;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.35rem;-webkit-user-select:none;user-select:none}.feedback-guest-note{color:#999;font-size:.75rem}.feedback-as-user{color:#1a5fb4;font-size:.78rem;margin:0}.feedback-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.35rem}.feedback-cancel,.feedback-submit{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .9rem}.feedback-cancel{background:#f5f5f5;border-color:#e0e0e0;color:#555}.feedback-cancel:hover:not(:disabled){background:#eee}.feedback-submit{background:#1a5fb4;color:#fff}.feedback-submit:hover:not(:disabled){background:#144a8f}.feedback-cancel:disabled,.feedback-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.feedback-modal-overlay{align-items:flex-end;padding:0}.feedback-modal{border-radius:14px 14px 0 0;max-height:90dvh;max-width:none}}.bmc-stack{--bmc-size:36px;--bmc-gap:8px;--bmc-gap-above-footer:10px;--bmc-footer-clearance:48px;align-items:center;bottom:calc(var(--bmc-footer-clearance) + var(--bmc-gap-above-footer));bottom:calc(var(--bmc-footer-clearance) + var(--bmc-gap-above-footer) + var(--safe-bottom, 0px));display:flex;flex-direction:column;gap:var(--bmc-gap);pointer-events:none;position:fixed;right:82px;right:calc(82px + var(--safe-right, 0px));z-index:990}.bmc-share,.buy-me-coffee{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:50%;box-sizing:border-box;display:inline-flex;height:var(--bmc-size);justify-content:center;pointer-events:auto;text-decoration:none;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;width:var(--bmc-size)}.bmc-share{background:#0f0f0f;box-shadow:0 2px 8px #0000002e;color:#fff;opacity:.9}.bmc-share:focus-visible,.bmc-share:hover{box-shadow:0 4px 14px #00000038;opacity:1;transform:translateY(-2px)}.bmc-share:focus-visible{outline:2px solid #0f0f0f;outline-offset:2px}.buy-me-coffee{background:#fd0;box-shadow:0 2px 8px #00000024;color:#0d0c22;opacity:.9;position:relative}.buy-me-coffee:focus-visible,.buy-me-coffee:hover{box-shadow:0 4px 14px #0000002e;opacity:1;transform:translateY(-2px)}.buy-me-coffee:focus-visible{outline:2px solid #0d0c22;outline-offset:2px}.buy-me-coffee-emoji{font-size:1rem;line-height:1;transform:translateY(.5px)}.buy-me-coffee-tooltip{background:#222;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#fff;font-size:.7rem;font-weight:600;line-height:1.25;opacity:0;padding:.35rem .55rem;pointer-events:none;position:absolute;right:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease,visibility .12s;visibility:hidden;white-space:nowrap}.buy-me-coffee-tooltip:after{border:5px solid #0000;border-top-color:#222;content:"";position:absolute;right:12px;top:100%}.buy-me-coffee:focus-visible .buy-me-coffee-tooltip,.buy-me-coffee:hover .buy-me-coffee-tooltip{opacity:1;transform:translateY(0);visibility:visible}.App.footer-hidden .bmc-stack,.App.fullscreen-mode .bmc-stack{--bmc-footer-clearance:0px;--bmc-gap-above-footer:12px}.App.fullscreen-mode .bmc-stack{--bmc-size:28px;--bmc-gap:6px;right:14px;right:calc(14px + var(--safe-right, 0px));z-index:10020}.App.fullscreen-mode .bmc-share,.App.fullscreen-mode .buy-me-coffee{box-shadow:0 1px 3px #00000014;opacity:.75}.App.fullscreen-mode .bmc-share:focus-visible,.App.fullscreen-mode .bmc-share:hover,.App.fullscreen-mode .buy-me-coffee:focus-visible,.App.fullscreen-mode .buy-me-coffee:hover{opacity:1}.bmc-stack--tools{pointer-events:none}.bmc-tool{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffffb8;border:none;border-radius:50%;box-shadow:none;color:#0006;cursor:pointer;display:inline-flex;height:var(--bmc-size);justify-content:center;line-height:1;padding:0;pointer-events:auto;touch-action:manipulation;transition:opacity .15s ease,color .15s,background-color .15s;width:var(--bmc-size)}.bmc-tool:focus-visible:not(:disabled),.bmc-tool:hover:not(:disabled){background:#ffffffeb;box-shadow:none;color:#000000a6;transform:none}.bmc-tool:disabled{cursor:default;opacity:.35}.bmc-tool--save-dirty{background:#1a5fb41a;color:#1a5fb4}.bmc-tool--save-dirty:hover:not(:disabled){background:#1a5fb42e;color:#154d91}.bmc-tool--save-saved,.bmc-tool--save-saving{background:#ffffff8c;color:#00000052}.bmc-tool--discard{color:#00000061}.bmc-tool-spin{animation:bmc-spin .8s linear infinite}@keyframes bmc-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.bmc-stack{--bmc-size:34px;--bmc-gap:7px;--bmc-footer-clearance:calc(52px + var(--app-chrome-max-page-order, 44px));--bmc-gap-above-footer:6px;right:10px;right:calc(10px + var(--safe-right, 0px));z-index:980}.buy-me-coffee-emoji{font-size:.92rem}.bmc-share svg{height:13px;width:13px}.App.footer-hidden .bmc-stack{--bmc-footer-clearance:calc(8px + var(--app-chrome-max-page-order, 44px))}.App.fullscreen-mode .bmc-stack{--bmc-footer-clearance:0px;--bmc-gap-above-footer:10px;z-index:10020}}@media (max-width:1024px) and (orientation:landscape){.bmc-stack{--bmc-size:30px;--bmc-gap:6px;--bmc-footer-clearance:42px}.buy-me-coffee-emoji{font-size:.8rem}.bmc-share svg{height:12px;width:12px}}@media (hover:none){.buy-me-coffee:active .buy-me-coffee-tooltip{opacity:1;transform:translateY(0);visibility:visible}}.mgg-hint-btn{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffb8;border:1px solid #0000001f;border-radius:50%;bottom:96px;bottom:calc(52px + var(--app-chrome-max-page-order, 44px) + var(--safe-bottom, 0px));box-shadow:0 1px 4px #00000014;color:#888;cursor:pointer;font-size:.78rem;font-weight:650;height:28px;left:10px;left:calc(10px + var(--safe-left, 0px));line-height:1;opacity:.55;position:fixed;touch-action:manipulation;transition:opacity .15s ease,background-color .15s ease,color .15s ease;width:28px;z-index:980}.mgg-hint-btn:focus-visible,.mgg-hint-btn:hover{background:#fffffff2;color:#444;opacity:.95;outline:none}.App.footer-hidden .mgg-hint-btn,.App.fullscreen-mode .mgg-hint-btn{bottom:54px;bottom:calc(10px + var(--app-chrome-max-page-order, 44px) + var(--safe-bottom, 0px))}.App.fullscreen-mode .mgg-hint-btn{opacity:.4;z-index:10020}.mgg-root{-webkit-tap-highlight-color:transparent;align-items:flex-end;display:flex;inset:0;justify-content:center;padding:0 .85rem .85rem;padding:0 .85rem calc(.85rem + var(--safe-bottom, 0px));pointer-events:none;position:fixed;z-index:13500}.mgg-scrim{background:#14141438;border:none;cursor:pointer;inset:0;margin:0;padding:0;pointer-events:auto;position:absolute}.mgg-card{animation:mgg-in .22s ease-out;background:#fffffff5;border:1px solid #0000000f;border-radius:16px 16px 14px 14px;box-shadow:0 10px 28px #00000024;display:flex;flex-direction:column;gap:.45rem;padding:.95rem 1rem .85rem;pointer-events:auto;position:relative;width:min(360px,100%);z-index:1}.mgg-card-top{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.mgg-kicker{color:#999;font-size:.68rem;font-weight:650;letter-spacing:.04em;margin:0;text-transform:uppercase}.mgg-step-count{font-feature-settings:"tnum";color:#aaa;font-size:.68rem;font-variant-numeric:tabular-nums;font-weight:600}.mgg-lang{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:10px;display:flex;gap:.55rem;justify-content:space-between;padding:.35rem .5rem}.mgg-lang-label{color:#777;font-size:.72rem;font-weight:600}.mgg-lang-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23666' d='m0 0 5 6 5-6z'/%3E%3C/svg%3E");background-position:right .45rem center;background-repeat:no-repeat;background-size:8px 5px;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.78rem;font-weight:650;min-height:30px;min-width:4.2rem;padding:.2rem 1.4rem .2rem .45rem;touch-action:manipulation}.mgg-lang-select:focus,.mgg-lang-select:focus-visible{border-color:#999;box-shadow:0 0 0 2px #0000000a;outline:none}.mgg-icon{align-self:center;font-size:1.55rem;line-height:1;margin:.15rem 0 .1rem;opacity:.85;-webkit-user-select:none;user-select:none}.mgg-title{color:#222;font-size:1.02rem;font-weight:650;line-height:1.3}.mgg-body,.mgg-title{margin:0;text-align:center}.mgg-body{color:#666;font-size:.86rem;line-height:1.45}.mgg-dots{display:flex;gap:.35rem;justify-content:center;margin:.35rem 0 .15rem}.mgg-dot{background:#ddd;border-radius:50%;height:6px;width:6px}.mgg-dot--active{background:#555;transform:scale(1.15)}.mgg-actions{display:flex;gap:.45rem;margin-top:.35rem}.mgg-btn{-webkit-tap-highlight-color:transparent;border-radius:10px;cursor:pointer;flex:1 1;font-size:.88rem;font-weight:650;min-height:40px;padding:.45rem .7rem;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.mgg-btn--ghost{background:#fff;border:1px solid #e0e0e0;color:#666}.mgg-btn--ghost:active{background:#f5f5f5}.mgg-btn--primary{background:#222;border:1px solid #333;color:#fff}.mgg-btn--primary:active{background:#111}@keyframes mgg-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1025px) and (hover:hover){.mgg-hint-btn,.mgg-root{display:none!important}}
/*# sourceMappingURL=main.6f7cb55b.css.map*/