:root{color-scheme:dark;--bg:#101419;--panel:#151b22;--raised:#1c242d;--line:#2b333c;--text:#e9edf1;--muted:#9eaab7;--accent:#e8bc70;--tint:#352c20;--chat-font:16px;font:16px/1.5 'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}body[data-theme=jade]{--accent:#7ed6b2;--tint:#203a30}body[data-theme=ice]{--accent:#87caff;--tint:#203344}body[data-theme=rose]{--accent:#f5a3c4;--tint:#3c2431}body[data-background=slate]{--bg:#202733;--panel:#26303d;--raised:#303c4b}body[data-background=forest]{--bg:#101e1a;--panel:#182620;--raised:#24352c}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:var(--raised);color:var(--text);border-radius:7px;padding:8px 12px;font-size:.875rem;transition:background .15s}button:hover{background:var(--tint);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true],button.active{color:var(--accent);background:var(--tint);border-color:var(--accent)}a{color:var(--accent);text-decoration:none}.primary{background:var(--accent);color:#12171c;border-color:transparent;font-weight:650}.primary:hover{background:var(--accent);filter:brightness(1.08)}.danger{color:#ffaaaa}input,textarea,select{min-width:0;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:6px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent)}label{display:grid;gap:6px;font-size:.875rem}h1,h2,p{margin:0}h1{font-size:1.55rem;letter-spacing:-.04em}h2{font-size:1.35rem}small{font-size:.75rem;color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.14em;color:var(--accent)}.shell{height:100dvh;display:grid;grid-template-columns:220px minmax(0,1fr) 245px}.rail{background:var(--panel);border-right:1px solid var(--line);padding:25px 16px 16px;display:flex;flex-direction:column;overflow:auto}.guild-brand{display:flex;align-items:center;gap:11px;font:600 1rem Georgia,serif;letter-spacing:.08em;color:var(--text)}.guild-brand img{width:47px;height:47px;object-fit:contain}.guild-brand small{display:block;font:10px/2 'Segoe UI',sans-serif;letter-spacing:.22em}.rail-label{margin:40px 12px 13px;color:var(--muted)}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-color:transparent;padding:11px 12px}nav .hash{font-size:1.3rem;color:var(--muted)}nav button.active{border-color:transparent;border-left:3px solid var(--accent)}.unread{margin-left:auto;background:var(--accent);height:7px;width:7px;border-radius:50%}.rail-bottom{display:grid;gap:9px;margin-top:auto;padding-top:30px}.rail-bottom>a,.rail-bottom>small{padding:4px 10px}.chat-main{min-width:0;display:flex;flex-direction:column;height:100dvh}.channel-header{padding:25px 28px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.channel-header .eyebrow{margin-bottom:4px;font-size:.7rem}.channel-header p:last-child{font-size:.875rem;color:var(--muted);margin-top:5px}.header-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.searchbar{padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.searchbar form{display:flex;gap:6px;min-width:0}.searchbar input{max-width:250px;width:100%;font-size:.875rem;padding:7px 10px}.searchbar #connection{font-size:.75rem;color:var(--muted);white-space:nowrap}.timeline{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:10px 28px 20px;scrollbar-color:var(--line) transparent}.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid #ffffff08}.message.mentioned{border-left:3px solid var(--accent);padding-left:10px;background:var(--tint)}.avatar{width:38px;height:38px;border-radius:12px;object-fit:cover;background:var(--tint);display:grid;place-items:center;color:var(--accent);font-weight:bold;flex-shrink:0;border:1px solid var(--line)}button.avatar{padding:0}.message-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.name-button{background:none;border:0;padding:0;color:var(--accent);font-weight:650;font-size:.9375rem}.message time,.message .edited{font-size:.75rem;color:var(--muted)}.message-content{font-size:var(--chat-font);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:4px 0 8px}.mention{color:var(--accent);font-weight:600}.message-tools{display:flex;gap:5px;flex-wrap:wrap}.message-tools button{padding:2px 7px;font-size:.75rem;background:transparent;color:var(--muted);border-color:transparent}.message-tools button:hover{background:var(--raised);color:var(--text)}.message-tools .reaction{border-color:var(--line);color:var(--text)}.message-tools .reaction.mine{border-color:var(--accent);background:var(--tint)}.quoted{border-left:2px solid var(--line);padding-left:10px;margin:4px 0 8px;font-size:.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinned-label{color:var(--accent);font-size:.75rem}.composer{margin:0 28px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:relative}.composer textarea{display:block;width:100%;border:0;background:transparent;resize:none;padding:16px;font-size:var(--chat-font);min-height:76px}.compose-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px 12px}.compose-bottom>span{font-size:.75rem;color:var(--muted)}.compose-bottom>div{display:flex;gap:6px}.notice{min-height:30px;padding:4px 28px;font-size:.8125rem;color:var(--accent)}#reply{padding:8px 12px;font-size:.8125rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}#reply span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestions{position:absolute;bottom:100%;background:var(--raised);border:1px solid var(--line);padding:8px;display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow:auto;border-radius:8px;box-shadow:0 10px 30px #0006}.members-panel{border-left:1px solid var(--line);padding:30px 20px;background:var(--panel);overflow:auto}.members-panel>.eyebrow{margin-bottom:22px;color:var(--muted)}#members{display:grid;gap:16px}.member-row{display:flex;align-items:center;gap:10px;text-align:left;padding:0;background:none;border:0;min-width:0}.member-row strong{font-size:.875rem;display:block;overflow-wrap:anywhere}.member-row small{display:block}.roster-note{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;color:var(--muted);font-size:.875rem}.seal{font:1.8rem Georgia,serif;color:var(--accent);display:block;margin-bottom:10px}.roster-note small{display:block;margin-top:12px}.members-panel>button,.members-panel>select{margin-top:20px;width:100%}.empty{margin:60px auto;max-width:350px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:1.2rem;margin-bottom:12px}.empty .seal{font-size:3rem}.notifications{padding:0 28px}.notifications button{display:block;width:100%;text-align:left;margin-bottom:5px;color:var(--accent);background:var(--tint)}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(610px,calc(100vw - 24px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}dialog header .eyebrow{margin-bottom:4px}.profile-banner{height:125px;border-radius:10px;background:linear-gradient(115deg,var(--tint),var(--bg));overflow:hidden}.profile-banner img{width:100%;height:100%;object-fit:cover}.profile-avatar-row{display:flex;align-items:center;gap:12px;margin:-22px 12px 20px;position:relative;flex-wrap:wrap}.large-avatar{width:76px;height:76px;border-radius:20px;object-fit:cover;background:var(--tint);border:4px solid var(--panel)}.upload{font-size:.8125rem}.upload input{max-width:165px;font-size:.75rem;padding:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}#profileForm>label{margin:12px 0}.check{display:flex;align-items:center}.check input{width:18px;height:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-close{position:absolute;right:12px;top:12px;z-index:1}#memberCard h2{margin:12px 0 2px}#memberCard p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}#editText{width:100%;margin-top:15px}.login{max-width:410px;margin:8vh auto;padding:25px}.login .emblem{width:80px;height:80px;object-fit:contain;margin-bottom:22px}.login h1{font:2.4rem Georgia,serif;margin:7px 0 14px}.login p{color:var(--muted)}.login form{display:grid;gap:18px;margin:24px 0}.login small{display:block;margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}#loginError,#profileError{color:#ffaaaa;margin:10px 0}#older{display:block;margin:0 auto 18px}#membersToggle{display:none}
@media(min-width:1700px){.timeline,.composer,.searchbar,.channel-header{padding-left:45px;padding-right:45px}.composer{margin-left:45px;margin-right:45px;padding:0}}
@media(max-width:1150px){.shell{grid-template-columns:200px minmax(0,1fr)}.members-panel{display:none;position:fixed;right:0;top:0;bottom:0;width:260px;z-index:5;box-shadow:-15px 0 50px #0007}.members-panel.open{display:block;padding-top:75px}#membersToggle{display:block;position:relative;z-index:6}.channel-header{padding:20px}.timeline{padding:10px 20px}.composer{margin:0 20px}.searchbar{padding:10px 20px}.header-actions{max-width:205px}.channel-header h1{font-size:1.3rem}}
@media(max-width:700px){.shell{display:flex;flex-direction:column}.rail{border-right:0;border-bottom:1px solid var(--line);padding:8px 12px;flex-shrink:0;overflow:visible}.guild-brand,.rail-label,.rail-bottom small,.rail-bottom>a{display:none}nav{display:flex;overflow:auto;gap:3px}nav button{white-space:nowrap;padding:6px 9px;font-size:.8125rem}nav .hash{font-size:1rem}nav button.active{border-left:0;border-bottom:2px solid var(--accent)}.rail-bottom{display:flex;padding:6px 0 0;gap:8px}.rail-bottom button{padding:3px 8px;font-size:.75rem}.chat-main{height:auto;flex:1;min-height:0}.channel-header{padding:12px 14px;gap:8px}.channel-header .eyebrow,.channel-header p:last-child{display:none}.channel-header h1{font-size:1.05rem}.header-actions{max-width:none;gap:4px}.header-actions button{padding:5px 7px;font-size:.75rem}.searchbar{padding:8px 12px}.searchbar #connection{display:none}.searchbar form{width:100%}.searchbar input{max-width:none;flex:1}.searchbar button{padding:5px 8px}.timeline{padding:4px 14px 14px}.composer{margin:0 10px}.compose-bottom>span{display:none}.compose-bottom{justify-content:flex-end;padding-top:0}.composer textarea{padding:10px;min-height:60px}.notice{padding:3px 12px;min-height:25px;font-size:.75rem}.message{grid-template-columns:30px minmax(0,1fr);gap:9px}.message>.avatar{width:30px;height:30px;border-radius:9px}.notifications{padding:0 12px}.form-grid{gap:10px}dialog{padding:16px}.profile-avatar-row{margin-left:0;margin-right:0;gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.guild-hub{max-width:1080px;margin:auto;padding:36px 28px}.guild-hub>header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.hub-brand{display:flex;align-items:center;gap:16px}.hub-brand img{width:68px;height:68px;border-radius:18px}.hub-brand h1{font:1.8rem Georgia,serif;margin-top:5px}.hub-actions{display:flex;gap:14px;align-items:center;font-size:.875rem;flex-wrap:wrap}.hub-intro{max-width:680px;margin:32px 0;color:var(--muted)}.guild-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}.guild-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:var(--tint)}.guild-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}.guild-card{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:12px;display:flex;flex-direction:column;gap:12px}.guild-card h2{color:var(--accent);overflow-wrap:anywhere}.guild-card p{color:var(--muted);font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}.guild-card button{margin-top:auto;align-self:flex-start}.guild-card small{display:block}.create-guild{border-top:1px solid var(--line);padding:22px 0}.create-guild summary{cursor:pointer;color:var(--accent);font-size:1.1rem}.create-guild form{display:grid;gap:16px;max-width:550px;margin-top:20px}.create-guild p{font-size:.875rem;color:var(--muted)}.guild-hub footer{margin-top:25px;font-size:.8125rem;color:var(--muted)}#hubNotice,#requestNotice,#transferError{color:var(--accent);margin:14px 0}.request-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.request-row strong{flex:1}#transferDialog p{margin:16px 0}.header-actions{max-width:310px}@media(max-width:700px){.guild-hub{padding:20px 16px}.channel-header .header-actions{max-width:230px}.guild-tabs button{font-size:.8125rem}.channel-header #activeGuildName{display:block;font-size:.65rem;max-width:130px;overflow:hidden;text-overflow:ellipsis}.header-actions button{padding:4px 6px}.hub-brand h1{font-size:1.5rem}}

.profile-top{border:2px solid var(--accent)!important;background:var(--tint)!important;color:var(--accent)!important;font-weight:750!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 5px 18px #0005}
.profile-top:hover{filter:brightness(1.15);transform:translateY(-1px)}
@media(max-width:700px){.profile-top{padding:4px 7px!important;font-size:.7rem!important}}
.social-links{display:grid;gap:6px;margin:8px 0 4px}
.social-links button{width:100%;text-align:left;padding:9px 12px;border:1px solid var(--line);background:var(--raised);color:var(--text)}
.social-links button:hover{border-color:var(--accent);color:var(--accent);background:var(--tint)}
.rail-bottom>a[data-t="portal"]{border:2px solid var(--gold);border-radius:8px;background:#d6aa5818;color:var(--gold2);font-weight:700;padding:9px 10px;margin-top:6px}
.rail-bottom>a[data-t="portal"]:hover{background:#d6aa5830;color:#fff}
.rail-bottom>a[data-t="portal"]{display:flex;align-items:center;justify-content:space-between;padding:13px 14px!important;margin:10px 0 2px!important;border:2px solid var(--gold)!important;border-radius:10px;background:linear-gradient(110deg,#d6aa5830,#d6aa5810)!important;color:var(--gold2)!important;font-size:.95rem;font-weight:800;letter-spacing:.02em;box-shadow:0 5px 18px #0006,inset 0 1px #fff2}
.rail-bottom>a[data-t="portal"]::after{content:'→';font-size:1.2rem;color:var(--gold2)}
.rail-bottom>a[data-t="portal"]:hover{background:linear-gradient(110deg,#d6aa5855,#d6aa5820)!important;transform:translateY(-1px)}
.social-links{margin-top:22px}
#updatesDialog{width:min(720px,calc(100vw - 28px));max-height:min(82dvh,760px);overflow:auto;padding:30px}
#updatesDialog h2{font-size:1.7rem;margin-bottom:8px}
#updatesDialog .release-list{margin:18px 0 22px;padding-left:24px;display:grid;gap:10px}
#updatesDialog .release-list li{line-height:1.45;color:var(--text)}
#updatesDialog{width:min(820px,calc(100vw - 24px));max-height:90dvh;padding:34px}
#updatesDialog .release-list{gap:12px;max-height:62dvh;overflow:auto;padding-right:14px}
@media(min-width:701px){.rail{padding:16px 10px 10px}.rail-label{margin:24px 8px 8px}.rail nav{gap:2px}.rail nav button{padding:8px 9px}.updates-link{margin:6px 0;padding:8px 10px}.social-links{margin-top:10px;gap:3px}.social-links button{padding:7px 9px}.rail-bottom{gap:5px;padding-top:14px}.rail-bottom>a[data-t="portal"]{margin-top:5px!important;padding:9px 10px!important}.rail-bottom>small{padding:2px 8px}}
/* Compact channel header and composer to give the timeline more room. */
.channel-header{padding:12px 24px 10px}.guild-heading{align-items:center}.channel-header h1{margin-top:4px}.composer textarea{min-height:42px;height:42px;padding:10px}.compose-bottom{padding:5px 10px 7px}
.searchbar input{display:none}.searchbar.search-open input{display:block}.searchbar.search-open form{display:flex}
.searchbar{justify-content:flex-end}.searchbar form{margin-left:auto}
@media(max-width:700px){.channel-header{padding:8px 12px}.composer textarea{min-height:38px;height:38px}.searchbar{padding:5px 10px}}
.presence{display:block;margin-top:2px;font-size:.75rem;color:#ef5350}.presence.online{color:#62e6a4}.presence.away{color:#f0a34b}
.chat-main{position:relative}.searchbar{position:absolute;right:20px;top:150px;z-index:2;padding:0;justify-content:flex-end;background:transparent}.searchbar form{margin:0}.searchbar #connection{margin-left:14px}.channel-header{padding-bottom:48px}
@media(max-width:700px){.searchbar{position:static;padding:5px 10px;justify-content:flex-start}.channel-header{padding-bottom:8px}.searchbar #connection{display:none}}
.searchbar #connection{color:#62e6a4;font-weight:650;text-shadow:0 0 9px #62e6a488;letter-spacing:.02em}
@media(min-width:701px){.searchbar{top:190px}}
.channel-header>div:first-child{width:100%;text-align:center}.channel-header .guild-heading{justify-content:center}.channel-header h1{margin-top:2px}.channel-header p:last-child{margin-top:3px}
@media(max-width:700px){.channel-header>div:first-child{text-align:center}.channel-header .guild-heading{justify-content:center}}
.channel-header{display:block!important;position:relative;min-height:150px}.channel-header>div:first-child{width:100%;text-align:center;padding-top:4px}.channel-header .guild-heading{justify-content:center}.channel-header .header-actions{position:absolute;right:20px;top:10px}.channel-header h1{margin:3px 0 0}.channel-header p:last-child{margin-top:2px}
@media(max-width:700px){.channel-header{min-height:112px}.channel-header>div:first-child{padding-top:34px}.channel-header .header-actions{right:8px;top:6px}}
.channel-header>div:first-child{text-align:left}.channel-header .guild-heading{justify-content:flex-start;text-align:left}.channel-header h1{text-align:center;margin-top:8px}.channel-header p:last-child{text-align:center}
.channel-header{min-height:112px!important;padding-top:6px!important;padding-bottom:34px!important}.channel-header>div:first-child{padding-top:0!important}.channel-header h1{margin-top:2px!important}.searchbar{top:92px!important}
@media(max-width:700px){.channel-header{min-height:92px!important;padding-bottom:8px!important}.searchbar{top:auto!important}}
@media(min-width:701px){.channel-header{min-height:170px!important}.channel-header h1{position:absolute;top:82px;left:0;right:0;margin:0!important}.channel-header>div:first-child>p:last-child{position:absolute;top:116px;left:0;right:0;margin:0}.searchbar{top:145px!important}}
@media(min-width:701px){.channel-header h1{top:58px}.channel-header>div:first-child>p:last-child{top:90px}}
@media(min-width:701px){.channel-header{min-height:124px!important;padding-bottom:24px!important}.channel-header h1{top:38px}.channel-header>div:first-child>p:last-child{top:68px}.searchbar{top:101px!important}}
@media(min-width:701px){.channel-header{min-height:158px!important}.searchbar{top:133px!important}.channel-header h1{top:38px}.channel-header>div:first-child>p:last-child{top:68px}}
@media(min-width:701px){.channel-header{min-height:132px!important;padding-bottom:22px!important}.channel-header h1{top:12px!important}.channel-header>div:first-child>p:last-child{top:42px!important}.searchbar{top:108px!important}}
@media(min-width:701px){.channel-header{min-height:124px!important}.channel-header>div:first-child>p:last-child{top:34px!important}.searchbar{top:101px!important}}
@media(min-width:701px){.channel-header>div:first-child>p#channelDescription{position:absolute!important;top:48px!important;left:0;right:0;text-align:center;margin:0!important}}
@media(min-width:701px){#channelDescription{position:relative!important;top:-62px!important}}
@media(min-width:701px){.channel-header{min-height:160px!important}.channel-header h1{top:34px!important}.channel-header>div:first-child>p#channelDescription{position:absolute!important;top:72px!important;left:0;right:0;margin:0!important}.searchbar{top:137px!important}}
@media(min-width:701px){.channel-header h1{top:18px!important;z-index:2}.channel-header>div:first-child>p#channelDescription{top:54px!important;z-index:1}}
@media(min-width:701px){.channel-header>div:first-child>p#channelDescription{top:76px!important}}
@media(min-width:701px){#channelDescription{transform:translateY(28px)!important}}
@media(min-width:701px){.channel-header{min-height:120px!important;padding-top:4px!important;padding-bottom:12px!important}.channel-header h1{top:18px!important}.channel-header>div:first-child>p#channelDescription{top:58px!important;transform:none!important}.searchbar{top:94px!important}.composer textarea{min-height:34px!important;height:34px!important;padding:7px 10px!important}.compose-bottom{padding:3px 8px 5px!important}.compose-bottom>span{font-size:.68rem}}
@media(min-width:701px){.channel-header{min-height:145px!important}.channel-header .header-actions{top:8px!important}.channel-header h1{top:18px!important}.channel-header>div:first-child>p#channelDescription{top:55px!important}.searchbar{top:116px!important}}
@media(min-width:701px){.channel-header .guild-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:6px}.channel-header .guild-heading>div{display:flex;flex-direction:column;justify-content:center}.channel-header .guild-emblem{margin:0}}
@media(min-width:701px){.channel-header{min-height:120px!important;height:120px!important}.channel-header .guild-heading{margin-top:0}.channel-header h1{top:16px!important}.channel-header>div:first-child>p#channelDescription{top:52px!important}.searchbar{top:94px!important}}
@media(min-width:701px){.channel-header .guild-heading{transform:translateY(18px)}.searchbar{top:132px!important;right:20px!important}.channel-header .header-actions{top:8px!important}}
.attach-button{display:grid;place-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:7px;background:var(--raised);color:var(--text);cursor:pointer}.message-content img{display:block;max-width:min(520px,100%);max-height:420px;border-radius:8px;border:1px solid var(--line);object-fit:contain}
.message-content img{cursor:zoom-in}.message-content img:focus{outline:2px solid var(--accent);outline-offset:3px}
.image-viewer{max-width:92vw;max-height:92dvh;padding:12px;background:#080e14ee;border:1px solid var(--accent);border-radius:10px}.image-viewer::backdrop{background:#000d}.image-viewer img{display:block;max-width:88vw;max-height:86dvh;object-fit:contain;cursor:zoom-out}
.image-viewer{max-width:98vw;max-height:98dvh;padding:4px;border-radius:8px}.image-viewer img{max-width:96vw;max-height:94dvh}
.image-viewer{overflow:auto}.image-viewer img.zoomed{transform:scale(1.5);transform-origin:center;cursor:zoom-out}