.photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:20px 0;border-radius:6px;overflow:hidden}.photo-tile{padding:0;border:0;position:relative;display:block;overflow:hidden;background:#f0f2f5;width:100%;cursor:pointer}.photo-grid>.photo-tile{grid-column:span 3}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}.photo-grid-1>.photo-tile{grid-column:1/-1}.photo-grid-1 img{max-height:480px;object-fit:contain;aspect-ratio:auto}.photo-grid-3>.photo-tile:first-child{grid-column:1/-1}.photo-grid-5>.photo-tile:nth-child(n+3){grid-column:span 2}.photo-overflow{position:absolute;inset:0;display:grid;place-items:center;background:#0008;color:#fff;font-size:36px;font-weight:600}.article-image{margin:24px 0}.article-image .photo-tile img{aspect-ratio:auto;max-height:700px;object-fit:contain}.blog-image-block{margin:20px 0;border:1px solid #e6ecf5;border-radius:6px;overflow:hidden;cursor:grab}.blog-image-block:focus{outline:2px solid #38a2ff}.blog-image-block img{display:block;width:100%;max-height:440px;object-fit:contain;background:#f0f2f5}.blog-image-block figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fafbfd;padding:8px 12px;font-size:11px;color:#888da8}.blog-image-block figcaption div{display:flex;gap:6px}.blog-image-block button{width:30px;height:28px;display:grid;place-items:center;border:1px solid #e6ecf5;border-radius:4px;background:#fff}.blog-image-block .icon{width:14px;height:14px}.photo-viewer{width:min(1420px,96vw);max-width:96vw;height:min(880px,94dvh);max-height:94dvh;border:0;border-radius:10px;padding:0;overflow:hidden;background:#fff;color:#515365}.photo-viewer::backdrop{background:#10131de6}.photo-viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;height:100%}.photo-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#10131d;min-width:0;min-height:0;touch-action:pan-y}.photo-full{width:100%;height:100%;object-fit:contain}.photo-close,.photo-nav{position:absolute;z-index:2;background:#ffffffd9;color:#252734;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0}.photo-close{top:14px;left:14px}.photo-close .icon{width:19px}.photo-nav{top:calc(50% - 20px);font-size:32px;line-height:1}.photo-prev{left:14px}.photo-next{right:14px}.photo-index{position:absolute;top:16px;right:18px;background:#0009;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px}.photo-discussion{padding:22px;overflow:auto;display:flex;flex-direction:column;gap:18px;min-width:0}.photo-discussion>header{display:flex;align-items:center;gap:10px}.photo-discussion>header>div{min-width:0}.photo-discussion small{display:block;color:#888da8;font-size:10px;overflow-wrap:anywhere}.photo-feedback{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:12px 0;border-block:1px solid #e6ecf5}.photo-feedback button{display:flex;align-items:center;gap:7px;font-size:12px}.photo-feedback .selected{color:#ff5e3a}.photo-feedback .icon{width:18px}.photo-discussion form label{font-size:12px;display:block;margin-bottom:8px}.photo-discussion textarea{width:100%;resize:vertical}.photo-discussion form .btn{margin-top:10px}.photo-comment{padding:12px 0;border-bottom:1px solid #e6ecf5}.photo-comment>div{display:flex;gap:8px;align-items:center}.photo-comment>div>span:not(.avatar){flex:1}.photo-comment .avatar{flex:0 0 32px;width:32px;height:32px}.photo-comment button .icon{width:14px;height:14px}.photo-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:10px 0}.photo-comment>img{max-width:100%;max-height:180px}.photo-comment-more button{font-size:12px;color:#ff5e3a}.photo-error{color:#bf3d3d;font-size:12px}.photo-viewer button:focus-visible{outline:2px solid #38a2ff;outline-offset:3px}
@media(max-width:760px){.photo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.photo-viewer-layout{grid-template-columns:1fr;grid-template-rows:minmax(240px,52dvh) minmax(0,1fr)}.photo-discussion{padding:16px}.photo-close,.photo-nav{width:34px;height:34px}.photo-grid{gap:3px}.blog-image-block figcaption{flex-wrap:wrap}.photo-overflow{font-size:26px}}

.inline-composer[data-compose-kind="blog"] .rich-editor{max-height:none;min-height:220px}.inline-composer .composer-tabs button:not(.active){background:transparent;color:#888da8}.inline-composer .composer-tabs button:not(.active) .icon{color:inherit}.inline-composer .composer-tabs button.active{background:#fff;color:var(--ink)}.inline-composer .composer-tabs button.active .icon{color:var(--orange)}

.inline-composer .blog-image-block button{min-height:28px;height:28px;padding:0;align-self:center;flex:0 0 30px;text-align:center;font-size:13px;line-height:1}