:root{--app-bg:#eef3f9;--surface:#fff;--surface-soft:#f6f9fd;--border:#dfe6ef;--text-main:#1f2a37;--text-soft:#536171;--text-muted:#8592a3;--accent:#1289fc;--accent-strong:#0877e2;--success:#34c759;--font-ui:"Microsoft YaHei UI", "HarmonyOS Sans SC", "PingFang SC", "Source Han Sans SC", sans-serif;font-family:var(--font-ui);color:var(--text-main);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #1289fc6b}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#8697a96b padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.loading-screen{min-height:100svh;color:var(--text-muted);background:var(--app-bg);justify-content:center;align-items:center;gap:12px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{width:100%;height:100svh;color:var(--text-main);background:var(--app-bg);grid-template-columns:344px minmax(420px,1fr) 304px;display:grid;overflow:hidden}.app-shell.info-closed{grid-template-columns:344px minmax(420px,1fr)}.rail{color:#fff;background:linear-gradient(#1090ff 0%,#0a82ec 54%,#0874d8 100%);flex-direction:column;align-items:center;gap:26px;padding:20px 0;display:flex}.rail-avatar{background:radial-gradient(circle at 35% 28%,#f7fbff 0 10%,#26384b 11% 100%);border:2px solid #ffffffe0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid;position:relative;box-shadow:0 12px 24px #04519a47}.rail-avatar i{background:#2bdc64;border:2px solid #0e8df8;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:0}.rail-icons{flex-direction:column;flex:1;align-items:center;gap:15px;display:flex}.rail-icons button{color:#ffffffdb;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.rail-icons button:hover,.rail-icons button.active{color:#fff;background:#ffffff2b}.conversation-panel{border-right:1px solid var(--border);background:radial-gradient(circle at 18% 2%, #1e92ff1f, transparent 34%), linear-gradient(180deg, #fffffff5, #f4f8fdf5), var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-search,.sidebar-results{display:contents}.mobile-search-entry,.search-page{display:none}.conversation-search{grid-template-columns:1fr 42px;gap:12px;padding:22px 16px 14px;display:grid}.search-input,.query-bar label,.search-page-form label,.jump-form{border:1px solid var(--border);min-width:0;height:38px;color:var(--text-soft);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-input input,.query-bar input,.query-bar select,.search-page-form input,.search-page-form select,.jump-form input{width:100%;min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0}.conversation-search button,.section-title button,.chat-tools button,.pager-controls button,.jump-form button,.primary-button,.mobile-back,.info-panel-header button{color:var(--text-main);cursor:pointer;background:#fff;border:0;border-radius:7px}.conversation-search>button{border:1px solid var(--border);place-items:center;display:grid;box-shadow:0 8px 18px #1767b614}.conversation-search>button:hover{color:var(--accent);background:#eef8ff;border-color:#1089f859}.panel-tabs,.info-tabs{border-bottom:1px solid var(--border);align-items:flex-end;display:flex}.panel-tabs button,.info-tabs button{height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:1 1 0;font-size:14px;position:relative}.panel-tabs button.active,.info-tabs button.active{color:var(--accent);font-weight:600}.panel-tabs button.active:after,.info-tabs button.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:22px;right:22px}.group-list{border-bottom:1px solid var(--border)}.conversation-item{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:14px 15px;display:grid}.conversation-item:hover,.conversation-item.selected{background:#eaf5ff}.conversation-item.selected{border-left-color:var(--accent)}.conversation-body,.conversation-meta,.result-top,.result-item,.stats-list div,.type-bar,.member-card{min-width:0}.conversation-title,.result-top span,.sender-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-title{font-size:15px;font-weight:600;display:block}.conversation-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.conversation-meta{color:var(--text-muted);justify-items:end;gap:7px;font-size:12px;display:grid}.conversation-meta i{color:#fff;text-align:center;background:#ff3b3b;border-radius:9px;min-width:21px;height:18px;padding:0 5px;font-style:normal;line-height:18px}.search-results{background:linear-gradient(#ffffff1a,#e8f0fa8f);flex-direction:column;flex:1;min-height:0;padding:12px 12px 14px;display:flex}.search-card{background:linear-gradient(135deg,#fffffffa,#eff7fff0);border:1px solid #7a91ab29;border-radius:13px;gap:8px;padding:12px;display:grid;box-shadow:0 14px 34px #21436814}.section-title{color:var(--text-main);justify-content:space-between;align-items:center;padding:0;font-size:13px;font-weight:700;display:flex}.section-title button{width:24px;height:24px;color:var(--text-muted);background:#eaf2fae0;place-items:center;display:grid}.section-title button:hover{color:var(--accent);background:#e5f4ff}.search-status{min-height:24px;color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.search-status strong{color:var(--accent);margin-left:auto;font-weight:600}.search-progress{background:#b2c4d747;border-radius:999px;height:4px;overflow:hidden}.search-progress i{border-radius:inherit;background:linear-gradient(90deg,#1aa1ff,#17c7a8);height:100%;transition:width .18s;display:block}.result-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:3px;display:flex;overflow:auto}.result-item{color:var(--text-main);text-align:left;background:linear-gradient(#fffffffa,#fafcfffa);border:1px solid #7e92aa1f;border-radius:12px;gap:7px;padding:11px 12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 8px 20px #1229480f}.result-item:hover{background:#f4faff;border-color:#1289fc52;transform:translateY(-1px);box-shadow:0 14px 28px #1265b21f}.result-top{grid-template-columns:1fr auto;gap:10px;font-size:12px;font-weight:600;display:grid}.result-top time,.result-foot{color:var(--text-muted)}.result-text{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.result-foot{font-size:12px}.search-page{background:radial-gradient(circle at 18% 0,#1d92ff24,#0000 36%),linear-gradient(#f8fbff 0%,#eef5fc 100%);flex-direction:column;min-width:0;min-height:0;overflow:hidden}.search-page-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;grid-template-columns:auto 1fr;align-items:center;gap:12px;height:72px;padding:0 14px;display:grid}.search-page-header span{gap:3px;min-width:0;display:grid}.search-page-header strong{color:var(--text-main);font-size:17px}.search-page-header em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.search-page-form{background:linear-gradient(#ffffffdb,#f7fbffc2);border-bottom:1px solid #8197b024;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.search-page-form label{height:38px}.search-page-form .primary-button{justify-content:center}.search-page-form .keyword-filter,.search-page-form .select-like,.search-page-form label:last-of-type,.search-page-form .primary-button{grid-column:span 2}.chat-panel{background:radial-gradient(circle at 28% 14%,#e8f4ffe6,#0000 32%),linear-gradient(#fbfdff 0%,#f5f8fc 100%);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:92px;padding:0 24px;display:grid}.mobile-back{display:none}.chat-title h1{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;font-weight:700;line-height:1.25;overflow:hidden}.chat-title p{color:var(--text-muted);align-items:center;gap:7px;margin:6px 0 0;font-size:13px;display:flex}.chat-tools{align-items:center;gap:12px;display:flex}.chat-tools .mobile-search-tool{display:none}.chat-tools button{min-width:44px;color:var(--text-soft);background:0 0;justify-items:center;gap:5px;padding:8px 6px;font-size:12px;display:grid}.chat-tools button:hover{color:var(--accent);background:#edf7ff}.messages-scroll{flex:1;min-height:0;padding:20px 24px 22px;position:relative;overflow:auto}.block-loading{z-index:3;border:1px solid var(--border);width:max-content;color:var(--text-muted);background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;margin:0 auto 12px;padding:7px 13px;font-size:12px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #1b3c5e14}.message-list{max-width:850px;margin:0 auto}.virtual-spacer{pointer-events:none;width:1px}.date-divider{color:#fff;background:#c7d1db85;border-radius:999px;width:max-content;margin:16px auto;padding:4px 10px;font-size:12px}.message-row{align-items:flex-start;gap:10px;margin:14px 0;scroll-margin:110px;display:flex}.message-row.self{justify-content:flex-end}.message-main{max-width:min(68%,620px)}.message-row.self .message-main{order:1}.message-row.self .avatar{order:2}.message-meta{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.message-row.self .message-meta{justify-content:flex-end}.sender-name{max-width:320px}.bubble{background:#fff;border:1px solid #dee6ee;border-radius:7px;gap:7px;padding:10px 12px;display:grid;position:relative;box-shadow:0 1px 2px #10253b0a}.message-row.self .bubble{background:#a7ee99;border-color:#8bdc83}.message-row.highlighted .bubble,.system-message.highlighted{outline:2px solid #0091ff61;box-shadow:0 0 0 6px #0091ff1f}.segment-text,.muted-message{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.62}.muted-message{color:var(--text-muted)}.reply-card,.media-card,.rich-card,.voice-card{min-width:0;color:var(--text-main);background:#f4f7fbeb;border:1px solid #798ca22e;border-radius:7px;align-items:center;gap:10px;display:flex}.reply-card{text-align:left;cursor:pointer;max-width:410px;padding:8px 10px}.reply-card:hover{background:#edf7ff;border-color:#0f89f659}.reply-card span,.media-card span,.rich-card span{gap:2px;min-width:0;font-size:12px;line-height:1.4;display:grid}.reply-card strong,.media-card strong{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.media-card,.rich-card,.voice-card{padding:10px}.file-card{max-width:min(520px,74vw)}.file-card em{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.file-card .file-meta{font-size:11px}.image-segment{gap:6px;max-width:min(340px,72vw);margin:0;display:grid}.image-preview{cursor:zoom-in;background:#edf2f7;border:0;border-radius:8px;width:fit-content;max-width:100%;padding:0;display:block;overflow:hidden;box-shadow:0 1px 2px #10253b14}.image-preview img{object-fit:contain;max-width:min(340px,72vw);max-height:460px;display:block}.image-segment figcaption{color:var(--text-muted);gap:3px;font-size:12px;line-height:1.35;display:grid}.media-card svg,.rich-card svg,.voice-card svg,.reply-card svg{color:var(--accent);flex:none}.image-links{flex-wrap:wrap;gap:6px;margin-top:2px;font-style:normal;display:flex}.image-links a{color:var(--accent);text-decoration:none}.image-links a:hover{text-decoration:underline}.gallery-layer,.viewer-layer{position:fixed;inset:0}.gallery-layer{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121e2d57;justify-content:flex-end;display:flex}.gallery-panel{background:linear-gradient(180deg, #fafcfffa, #f0f5fbfa), var(--surface);border-left:1px solid #ffffff94;grid-template-rows:auto 1fr;width:min(960px,100vw - 48px);height:100%;display:grid;box-shadow:-24px 0 56px #0d1c2e3d}.gallery-header,.viewer-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.gallery-header{border-bottom:1px solid var(--border);padding:18px 20px}.gallery-header span,.viewer-header span{gap:3px;min-width:0;display:grid}.gallery-header strong,.viewer-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gallery-header em,.viewer-header em{color:var(--text-muted);font-size:12px;font-style:normal}.gallery-header button,.gallery-more,.viewer-header button,.viewer-nav{cursor:pointer;border:0;border-radius:8px}.gallery-header button{width:34px;height:34px;color:var(--text-soft);background:#eef3f8;place-items:center;display:grid}.gallery-grid{min-height:0;padding:0;position:relative;overflow:auto}.gallery-virtual-canvas{min-height:100%;position:relative}.gallery-tile{cursor:zoom-in;background:#e9eef5;border:1px solid #7d8fa329;border-radius:9px;padding:0;display:block;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 8px 18px #1c304814}.gallery-tile img{object-fit:cover;width:100%;height:100%;display:block}.gallery-more,.gallery-state{margin:12px auto}.gallery-more{background:var(--accent);color:#fff;padding:10px 18px;display:block}.gallery-state{color:var(--text-muted);align-items:center;gap:8px;margin:12px 0;font-size:13px;display:inline-flex}.viewer-layer{z-index:50;color:#fff;background:#050a12ed;grid-template-rows:auto 1fr;display:grid}.viewer-header{z-index:2;background:linear-gradient(#00000075,#0000);padding:14px 18px;position:relative}.viewer-header em{color:#ffffff9e}.viewer-header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.viewer-header button{color:#fff;background:#ffffff1f;align-items:center;gap:5px;padding:8px 10px;display:inline-flex}.viewer-stage{place-items:center;gap:10px;min-height:0;margin:0;padding:16px 72px 38px;display:grid}.viewer-stage img{object-fit:contain;border-radius:6px;max-width:min(96vw,1680px);max-height:calc(100svh - 134px);box-shadow:0 20px 70px #00000057}.viewer-stage figcaption{color:#ffffff9e;font-size:12px}.viewer-nav{z-index:2;color:#fff;background:#ffffff1f;place-items:center;width:48px;height:68px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav.previous{left:14px}.viewer-nav.next{right:14px}.viewer-nav:disabled{opacity:.25;cursor:default}.voice-card em{color:var(--text-muted);font-style:normal}.face-segment{background:#ffffff8c;border-radius:7px;align-items:center;gap:7px;width:max-content;padding:5px 8px;font-size:14px;display:inline-flex}.system-message{color:#fff;text-align:center;background:#bbc4ceb3;border-radius:999px;width:max-content;max-width:70%;margin:14px auto;padding:5px 10px;scroll-margin:110px;font-size:12px}.message-actions{color:#516070b8;background:#ffffff80;border-radius:999px;width:max-content;margin-top:2px;padding:1px 6px;font-size:11px}.query-bar{border-top:1px solid var(--border);background:#ffffffeb;gap:10px;padding:12px 18px;display:grid}.filter-row,.pager-row,.pager-controls{align-items:center;gap:10px;min-width:0;display:flex}.filter-row{flex-wrap:wrap}.keyword-filter{flex:260px}.query-bar label{height:36px}.query-bar input,.query-bar select{font-size:13px}.select-like{position:relative}.select-like select{appearance:none;padding-right:14px}.range-separator{color:var(--text-muted);font-size:13px}.primary-button{background:var(--accent);color:#fff;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.pager-row{justify-content:space-between}.block-meta{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.pager-controls button{border:1px solid var(--border);place-items:center;width:34px;height:32px;display:grid}.pager-controls .mobile-search-jump{display:none}.jump-form{height:32px;padding:0 0 0 9px}.jump-form input{width:58px;font-size:13px}.jump-form button{border-left:1px solid var(--border);height:30px;color:var(--accent);border-radius:0 6px 6px 0;padding:0 10px;font-size:13px}.info-panel{border-left:1px solid var(--border);background:#fff;min-width:0;min-height:0;overflow:auto}.info-panel-header{z-index:2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;justify-content:space-between;align-items:center;min-height:45px;padding:0 14px 0 20px;display:flex;position:sticky;top:0}.info-panel-header strong{font-size:14px}.info-panel-header button{background:#f4f8fc;place-items:center;width:30px;height:30px;display:grid}.info-panel-header button:hover{color:var(--accent);background:#edf7ff}.group-profile{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:24px 20px;display:flex}.group-profile h2{margin:0 0 5px;font-size:17px}.group-profile p{color:var(--text-muted);margin:0;font-size:13px}.info-section{border-bottom:1px solid var(--border);padding:18px 20px}.info-section h3{color:var(--text-main);margin:0 0 13px;font-size:14px}.info-copy{color:var(--text-main);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.58}.info-copy+.info-copy{margin-top:10px}.info-copy.subtle{color:var(--text-muted)}.stats-list{gap:10px;margin:0;display:grid}.stats-list div{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.stats-list dt,.stats-list dd{margin:0}.stats-list dd{color:var(--text-main)}.type-bars{gap:10px;display:grid}.type-bar{color:var(--text-muted);grid-template-columns:74px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.type-bar i{background:linear-gradient(90deg,#1687f8,#37c481);border-radius:999px;height:5px}.type-bar em{color:var(--text-main);font-style:normal}.member-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.member-card{color:var(--text-main);background:0 0;border:0;justify-items:center;gap:5px;display:grid}.member-grid span:last-child{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;overflow:hidden}.member-grid em{max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#edf7ff;border-radius:4px;padding:1px 5px;font-size:10px;font-style:normal;line-height:1.4;overflow:hidden}.avatar{--avatar-color:#1687f8;background:radial-gradient(circle at 34% 26%, #ffffffb8 0 11%, transparent 12%), linear-gradient(135deg, color-mix(in srgb, var(--avatar-color), white 16%), var(--avatar-color));color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-small{width:34px;height:34px;font-size:12px}.avatar-medium{width:36px;height:36px;font-size:13px}.avatar-large{width:50px;height:50px;font-size:16px}.avatar-xlarge{width:58px;height:58px;font-size:17px}@media (width<=1180px){.app-shell,.app-shell.info-closed,.app-shell.info-open{grid-template-columns:minmax(292px,320px) minmax(0,1fr)}.info-panel{display:none}}@media (width<=980px){.app-shell,.app-shell.info-closed,.app-shell.info-open{grid-template-columns:1fr}.rail{display:none}.conversation-panel,.chat-panel,.search-page{grid-area:1/1;height:100svh}.mobile-chat .conversation-panel,.mobile-list .chat-panel,.mobile-search .conversation-panel,.mobile-search .chat-panel,.mobile-list .search-page,.mobile-chat .search-page{display:none}.conversation-panel{border-right:0}.mobile-search .search-page{display:flex}.sidebar-search,.sidebar-results{display:none}.mobile-search-entry{color:var(--text-soft);background:linear-gradient(135deg,#fffffffa,#eef7fff5);border:1px solid #758da829;border-radius:12px;align-items:center;gap:9px;margin:14px 14px 8px;padding:11px 13px;display:flex;box-shadow:0 10px 24px #1f487014}.mobile-search-entry span{font-size:14px}.group-list{border-bottom:0;flex:1;min-height:0;overflow:auto}.chat-header{grid-template-columns:auto 1fr auto;height:72px;padding:0 12px}.mobile-back{background:#edf7ff;place-items:center;width:36px;height:36px;display:grid}.chat-title h1{font-size:17px}.chat-title p{font-size:12px}.chat-tools button span{display:none}.chat-tools{gap:4px}.chat-tools .mobile-search-tool{display:grid}.chat-tools button{min-width:34px;padding:7px 4px}.messages-scroll{padding:14px 12px}.message-list{max-width:none}.message-main{max-width:78%}.sender-name{max-width:210px}.query-bar{padding:8px 10px}.query-bar .filter-row,.block-meta{display:none}.pager-row{display:block}.pager-controls{flex-wrap:wrap;gap:6px;display:flex}.pager-controls>button{flex:1 1 0;width:auto;min-width:0;height:34px}.pager-controls .mobile-search-jump{width:auto;color:var(--accent);flex:1.2 1 0;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.pager-controls .mobile-search-jump span{font-size:13px}.jump-form{flex:1 0 100%;order:-1;width:100%}.jump-form input{width:100%}.search-page .search-results{padding:10px 10px 12px}.gallery-panel{width:100%}.viewer-header{align-items:flex-start;padding:12px}.viewer-stage{padding:12px 48px 34px}.viewer-nav{width:38px;height:58px}.viewer-nav.previous{left:6px}.viewer-nav.next{right:6px}}@media (width<=520px){.message-main{max-width:82%}.bubble{padding:9px 10px}.filter-row{grid-template-columns:1fr}.filter-row .keyword-filter,.filter-row .select-like,.filter-row label,.filter-row label:last-of-type,.filter-row .primary-button{grid-column:1}.pager-controls .mobile-search-jump span{display:none}.search-page-form{grid-template-columns:1fr}.search-page-form .keyword-filter,.search-page-form .select-like,.search-page-form label:last-of-type,.search-page-form .primary-button{grid-column:1}.gallery-header{padding:14px}.viewer-header nav button{padding:7px}.viewer-stage{padding-inline:8px}.viewer-nav{top:auto;bottom:18px;transform:none}}