.auth-modal[hidden]{display:none}body.auth-modal-open{overflow:hidden}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;padding:24px}.auth-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a152c94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-dialog{position:relative;z-index:1;width:min(780px,calc(100vw - 40px));min-height:520px;overflow:hidden;display:grid;grid-template-columns:minmax(290px,.9fr) minmax(360px,1.1fr);border:1px solid rgba(215,228,249,.94);border-radius:28px;background:#fff;box-shadow:0 34px 100px #08163557;outline:none}.auth-close{position:absolute;z-index:5;top:16px;right:17px;width:36px;height:36px;border:1px solid #e0e7f2;border-radius:11px;color:#667793;background:#ffffffe6;font-size:24px;font-weight:350;line-height:1;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .16s ease}.auth-close:hover,.auth-close:focus-visible{color:#174fbf;background:#eff5ff;transform:rotate(3deg);outline:2px solid rgba(47,111,255,.22);outline-offset:2px}.auth-intro{position:relative;isolation:isolate;overflow:hidden;padding:34px 31px 30px;color:#fff;background:radial-gradient(circle at 12% 92%,rgba(28,211,225,.25),transparent 36%),radial-gradient(circle at 104% -8%,rgba(115,165,255,.34),transparent 38%),linear-gradient(145deg,#123a91,#175fd8 58%,#087e9a 118%)}.auth-intro:before,.auth-intro:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.12);border-radius:50%}.auth-intro:before{width:210px;height:210px;left:-126px;bottom:-98px}.auth-intro:after{width:150px;height:150px;right:-72px;top:64px}.auth-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:14px;font-weight:800}.auth-brand img{width:31px;height:31px;border:1px solid rgba(255,255,255,.34);border-radius:9px;box-shadow:0 8px 18px #071c4b3d}.auth-kicker{margin-top:36px;color:#aeeef7;font-size:11px;font-weight:850;letter-spacing:1.4px}.auth-dialog h2{margin:10px 0 0;color:#fff;font-size:28px;line-height:1.28;letter-spacing:-.5px}.auth-guide{margin:10px 0 0;color:#e6f0ffd1;font-size:13px;line-height:1.7}.auth-steps{margin:28px 0 0;padding:0;display:grid;gap:16px;list-style:none}.auth-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px;align-items:start}.auth-steps li>span{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#d9f8ff;background:#ffffff1f;font-size:11px;font-weight:850}.auth-steps strong,.auth-steps small{display:block}.auth-steps strong{color:#fff;font-size:13px;line-height:1.35}.auth-steps small{margin-top:3px;color:#dfedffb3;font-size:11px;line-height:1.5}.auth-benefit{position:absolute;right:25px;bottom:25px;left:25px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#041e4f33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-benefit>span,.auth-benefit>svg{width:28px;height:28px;flex:0 0 28px;padding:6px;border-radius:9px;color:#b9f5ee;background:#4fe0d121}.auth-benefit strong,.auth-benefit small{display:block}.auth-benefit strong{color:#fff;font-size:12px}.auth-benefit small{margin-top:2px;color:#dfedffb3;font-size:10px;line-height:1.4}.auth-scan-panel{min-width:0;padding:42px 42px 25px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 34%,rgba(31,99,255,.05),transparent 40%),#fff;text-align:center}.auth-scan-heading{width:100%;margin-bottom:17px;padding-right:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}.auth-scan-heading strong,.auth-scan-heading small{display:block}.auth-scan-heading strong{color:#172544;font-size:16px}.auth-scan-heading small{margin-top:4px;color:#8995aa;font-size:10px}.auth-live-chip{min-height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:#147254;background:#e7f9f2;font-size:10px;font-weight:750;white-space:nowrap}.auth-live-chip i{width:6px;height:6px;border-radius:50%;background:#20a878;box-shadow:0 0 0 4px #20a8781c}.auth-qr-shell{position:relative;width:244px;height:244px;flex:0 0 244px;display:grid;place-items:center;border:1px solid #e1e9f7;border-radius:20px;background:#fff;box-shadow:0 14px 30px #2b4c8c17,inset 0 0 0 7px #f8faff}.auth-qr-corner{position:absolute;z-index:2;width:20px;height:20px;pointer-events:none}.auth-qr-corner-tl{top:-2px;left:-2px;border-top:3px solid #2f75ff;border-left:3px solid #2f75ff;border-radius:8px 0 0}.auth-qr-corner-tr{top:-2px;right:-2px;border-top:3px solid #2f75ff;border-right:3px solid #2f75ff;border-radius:0 8px 0 0}.auth-qr-corner-bl{bottom:-2px;left:-2px;border-bottom:3px solid #17a5ba;border-left:3px solid #17a5ba;border-radius:0 0 0 8px}.auth-qr-corner-br{right:-2px;bottom:-2px;border-right:3px solid #17a5ba;border-bottom:3px solid #17a5ba;border-radius:0 0 8px}.auth-qr-shell img{width:224px;height:224px;border-radius:12px}.auth-qr-shell img.is-muted{opacity:.12;filter:blur(1px)}.auth-qr-placeholder{display:grid;place-items:center;gap:13px;color:#7e8ca5;font-size:12px}.auth-qr-placeholder i{width:27px;height:27px;border:3px solid #dbe6fa;border-top-color:#2f75ff;border-radius:50%;animation:auth-spin .8s linear infinite}.auth-qr-shell[data-state=error] .auth-qr-placeholder i,.auth-qr-shell[data-state=offline] .auth-qr-placeholder i{display:none}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-qr-refresh{position:absolute;z-index:3;top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;color:#31476f;background:#ffffffe6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.auth-qr-refresh[hidden]{display:none}.auth-qr-refresh svg{width:22px;height:22px;margin-bottom:3px;color:#2465e7}.auth-qr-refresh strong{font-size:14px}.auth-qr-refresh small{color:#2465e7;font-size:11px}.auth-status-row{min-height:32px;margin-top:14px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;color:#4b5c78;background:#f5f7fb}.auth-status-icon{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#7f90ae;box-shadow:0 0 0 4px #7f90ae1f}.auth-status-row[data-state=loading] .auth-status-icon,.auth-status-row[data-state=pending] .auth-status-icon,.auth-status-row[data-state=confirming] .auth-status-icon{background:#2f75ff;box-shadow:0 0 0 4px #2f75ff1f;animation:auth-pulse 1.2s ease-in-out infinite}.auth-status-row[data-state=scanned]{color:#7a5700;background:#fff8e8}.auth-status-row[data-state=scanned] .auth-status-icon{background:#e3a51c;box-shadow:0 0 0 4px #e3a51c21}.auth-status-row[data-state=success]{color:#0f7151;background:#eaf9f3}.auth-status-row[data-state=success] .auth-status-icon{background:#20a878;box-shadow:0 0 0 4px #20a87821}.auth-status-row[data-state=error],.auth-status-row[data-state=expired],.auth-status-row[data-state=rejected],.auth-status-row[data-state=offline]{color:#9f3e49;background:#fff1f2}.auth-status-row[data-state=error] .auth-status-icon,.auth-status-row[data-state=expired] .auth-status-icon,.auth-status-row[data-state=rejected] .auth-status-icon,.auth-status-row[data-state=offline] .auth-status-icon{background:#d95361;box-shadow:0 0 0 4px #d953611f}@keyframes auth-pulse{50%{opacity:.38}}.auth-status{max-width:300px;color:inherit;font-size:12px;line-height:1.45}.auth-countdown{min-height:17px;margin-top:4px;color:#98a3b8;font-size:10px}.auth-refresh-button{min-height:35px;margin-top:6px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cfddf7;border-radius:10px;color:#245fda;background:#f4f7ff;font-size:11px;font-weight:750;cursor:pointer}.auth-refresh-button:hover,.auth-refresh-button:focus-visible{border-color:#a9c1ed;background:#eaf1ff;outline:none}.auth-refresh-button svg{width:14px;height:14px}.auth-refresh-button:disabled{cursor:wait;opacity:.5}.auth-legal{margin:auto 0 0;padding-top:13px;color:#9aa5b8;font-size:10px;line-height:1.65}.auth-legal a{color:#5f7399;text-decoration:none}.auth-legal a:hover{color:#2457f5}@media(max-width:760px){.auth-modal{align-items:end;padding:10px}.auth-dialog{width:min(520px,100%);max-height:calc(100dvh - 20px);min-height:0;overflow-y:auto;display:block;border-radius:24px}.auth-intro{padding:22px 22px 18px}.auth-kicker{margin-top:16px}.auth-dialog h2{padding-right:42px;font-size:22px}.auth-dialog h2 br{display:none}.auth-guide{max-width:390px}.auth-steps,.auth-benefit{display:none}.auth-scan-panel{padding:20px 22px 18px}.auth-scan-heading{margin-bottom:14px;padding-right:0}.auth-qr-shell{width:220px;height:220px;flex-basis:220px}.auth-qr-shell img{width:204px;height:204px}.auth-legal{margin-top:11px}}@media(max-width:390px){.auth-modal{padding:6px}.auth-dialog{max-height:calc(100dvh - 12px);border-radius:21px}.auth-intro{padding:18px 18px 15px}.auth-brand img{width:27px;height:27px}.auth-kicker{margin-top:12px}.auth-dialog h2{margin-top:6px;font-size:20px}.auth-guide{margin-top:6px;font-size:12px}.auth-scan-panel{padding:15px 18px 14px}.auth-scan-heading{margin-bottom:10px}.auth-qr-shell{width:196px;height:196px;flex-basis:196px}.auth-qr-shell img{width:182px;height:182px}.auth-status-row{margin-top:10px}}@media(prefers-reduced-motion:reduce){.auth-qr-placeholder i,.auth-status-icon{animation:none!important}}.share-create-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e2e7f0;border-radius:16px;padding:26px;color:#243047;box-shadow:0 24px 80px #23365726}.share-create-dialog::backdrop{background:#17253d55}.share-create-dialog h2{font-size:20px;margin:0 40px 20px 0}.share-create-dialog p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.share-create-dialog input{display:block;width:100%;padding:10px;border:1px solid #dce3ed;border-radius:8px;background:#f7f9fc;font:13px/1.6 monospace}.share-create-dialog button{font:inherit;padding:10px 16px;border:1px solid #dce3ed;border-radius:8px;background:#fff;margin:8px 10px 0 0;cursor:pointer;color:#386be8}.share-create-dialog button:disabled{opacity:.5;cursor:default}.share-create-close{position:absolute;right:12px;top:10px;border:0!important;font-size:23px!important;margin:0!important}.share-managed-row{padding:16px 0;border-bottom:1px solid #e6ebf2}.share-managed-row:first-child{padding-top:0}.shared-image-open{overflow:hidden}#sharedImageEditorHost{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.shared-image-editor{height:100%;display:flex;flex-direction:column;background:var(--workspace-canvas, #f4f5f8);color:var(--workspace-ink, #253044);font:13px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.shared-image-editor button{cursor:pointer;border:1px solid #e5e8ef;border-radius:8px;min-height:38px;padding:8px 12px;background:#fff;color:#233455;font:inherit}.shared-image-editor button:disabled{opacity:.45;cursor:default}.shared-image-editor button:focus-visible{outline:3px solid #8db8ff;outline-offset:2px}.shared-image-editor .shared-primary{color:#fff;background:#3167ef;border-color:#3167ef}.shared-image-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 22px;background:#fff;border-bottom:1px solid #e7ebf2}.shared-image-header>div{display:flex;min-width:0;flex-direction:column;align-items:center}.shared-image-header strong{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500}.shared-image-header small{color:#64748b}.shared-image-body{flex:1;min-height:0;display:grid;grid-template-columns:124px minmax(0,1fr) 300px}.shared-image-pages{overflow:auto;padding:14px;border-right:1px solid #e7ebf2;background:#fff}.shared-image-pages button{width:100%;padding:6px;border-color:#3167ef;color:#3167ef}.shared-image-pages img{width:100%;height:110px;object-fit:contain;display:block;margin-bottom:5px}.shared-image-canvas{min-width:0;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:28px;background:#f4f5f8}.shared-image-frame{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0;box-shadow:0 8px 32px #263e6822}.shared-image-frame>img{display:block;max-width:100%;max-height:calc(100vh - 126px);object-fit:contain;-webkit-user-select:none;user-select:none}.shared-crop-surface{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.shared-crop-selection{position:absolute;border:2px solid #fff;outline:2px solid #3167ef;box-shadow:0 0 0 9999px #12284955;pointer-events:none}.shared-image-tools{overflow:auto;display:flex;flex-direction:column;gap:14px;padding:24px 20px;background:#fff;border-left:1px solid #e7ebf2}.shared-image-tools h2{margin:0;font-size:17px;font-weight:600}.shared-image-tools p{margin:0;color:#67748c}.shared-tool-row{display:flex;gap:6px}.shared-tool-row button{flex:1;min-width:0;padding-inline:6px;font-size:12px;white-space:nowrap}.shared-tool-panel{display:grid;gap:12px;padding:14px;border:1px solid #e5e8ef;border-radius:10px;background:#fafbfe}.shared-filter-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.shared-filter-choices button.selected{border-color:#3167ef;background:#eaf2ff;color:#2366d3}.shared-image-error{color:#b42318!important}.shared-image-export{margin-top:auto;padding-top:14px;border-top:1px solid #e7ebf2;display:grid;gap:8px}@media(max-width:760px){.shared-image-header{padding-inline:10px}.shared-image-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(250px,1fr) auto}.shared-image-pages{display:none}.shared-image-tools{max-height:42vh;border-left:0;border-top:1px solid #e7ebf2}.shared-image-canvas{padding:14px}}.shared-image-tools label{display:grid;gap:7px;color:#5f6b7e;font-size:12px}.shared-image-tools select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #dfe5ef;border-radius:7px;background:#fff;color:#344054;font:inherit;font-size:13px}.shared-image-tools label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:8px}.shared-image-tools input[type=checkbox]{width:16px;height:16px;margin:2px 0 0;flex:0 0 auto;accent-color:#3167ef}.shared-image-tools select:focus-visible{outline:3px solid #aac2ff;outline-offset:2px}.shared-image-tools select:disabled{opacity:.5}.shared-tool-panel>strong{color:#344054;font-size:13px;font-weight:600}.shared-tool-panel p{font-size:12px;line-height:1.7}.shared-image-export{gap:10px}.shared-image-export p{font-size:12px}@media(min-width:761px)and (max-width:1000px){.shared-image-body{grid-template-columns:96px minmax(0,1fr) 280px}.shared-image-tools{padding:20px 16px}}.shared-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 22px;background:#fff;border-bottom:1px solid #e7ebf2}.shared-image-toolbar>span{font-weight:600}.shared-image-toolbar label{display:flex;align-items:center;gap:8px;color:#64748b}.shared-image-toolbar select{padding:6px 10px;border:1px solid #e5e8ef;border-radius:6px;background:#fff;color:#253044}.shared-image-frame>img{max-height:calc(100vh - 174px)}.shared-image-frame-zoomed{max-width:none;max-height:none;margin:auto}.shared-image-frame-zoomed>img{width:100%;max-width:none;max-height:none}.shared-image-canvas:has(.shared-image-frame-zoomed){align-items:flex-start;justify-content:flex-start}.shared-tool-tabs{display:flex;gap:6px;margin-right:auto}.shared-tool-tabs button{min-height:32px;padding:4px 12px;border-color:transparent;background:transparent}.shared-tool-tabs button[aria-pressed=true]{color:#245ee0;background:#edf3ff;border-color:#d8e5ff}@media(max-width:760px){.shared-image-toolbar{flex-wrap:wrap;padding:8px 10px;gap:8px}.shared-image-toolbar>span{display:none}.shared-tool-tabs button{padding-inline:8px}}.shared-image-pages button{margin-bottom:10px;border-color:#e5e8ef;color:#64748b}.shared-image-pages button[aria-current=page]{border-color:#3167ef;color:#3167ef;background:#edf3ff;opacity:1}.shared-page-count{margin:0 0 12px;text-align:center;color:#64748b}.shared-page-placeholder{display:grid;place-items:center;height:70px;margin-bottom:5px;background:#f5f6f8;font-size:24px;color:#a4adbd}.shared-image-canvas{position:relative}.shared-page-confirm{position:absolute;z-index:5;top:16px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 32px));padding:18px;background:#fff;border:1px solid #dbe5f7;border-radius:12px;box-shadow:0 8px 32px #263e6822;line-height:1.6}.shared-page-confirm p{color:#64748b}.shared-page-confirm>div{display:flex;gap:8px;flex-wrap:wrap}