.community-preview{background:transparent;overflow-x:hidden}
.community-preview #community-preview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;min-width:0;align-items:start}
.community-preview .community-board{grid-column:1;grid-row:1;min-width:0}
.community-preview .community-chat{grid-column:2;grid-row:1;min-width:0;width:100%}
.community-preview .recent-doodles{grid-column:1/-1;grid-row:2;min-width:0}
.community-preview .community-chat .chat-messages{height:350px;min-height:0;max-height:none;touch-action:pan-y}
.community-preview .community-chat .chat-form input{font-size:14px}
.community-preview .community-chat .chat-form button{font-size:18px;flex-shrink:0}
.community-preview .recent-doodles .board-top{flex-wrap:wrap;gap:10px}
.community-preview .recent-date-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto;font-size:12px}
.community-preview .recent-date-controls input{max-width:150px;padding:5px;border:1px solid #e5eaf0;border-radius:7px;font:inherit;color:inherit;background:white}
.community-preview .canvas-wrap{height:auto;min-height:0;max-height:none;aspect-ratio:3/2;touch-action:auto;pointer-events:none}
.community-preview #board{touch-action:auto;pointer-events:none;cursor:default}
.community-preview #recent-title{margin:0;font-size:13px;font-weight:600}
.community-preview .recent-controls{display:flex;gap:7px}
.community-preview .recent-controls button{font-size:22px;width:32px;height:32px;padding:0}
.community-preview .recent-track{display:flex;gap:12px;margin:0;padding:14px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:14px;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y}
.community-preview .recent-track::-webkit-scrollbar{display:none}
.community-preview .recent-track:focus-visible{outline:3px solid #98badf;outline-offset:-3px}
.community-preview .recent-tile{flex:0 0 220px;min-width:0;scroll-snap-align:start;border:1px solid #e7ecef;border-radius:10px;overflow:hidden}
.community-preview .recent-image{position:relative;width:100%;aspect-ratio:1;background:#fffefb;overflow:hidden}
.community-preview .recent-image-loading{position:absolute;top:50%;left:50%;margin:-12px;pointer-events:none}
.community-preview .recent-tile img{display:block;width:100%;height:100%;object-fit:contain}
.community-preview .recent-tile time{display:block;padding:10px 11px;font-size:11px;color:#748490}
.community-preview .recent-tile .image-unavailable{position:absolute;inset:0;display:grid;place-items:center;background:#fafbf9;color:#9ca7ae;font-size:11px;text-align:center;padding:12px}
.community-preview .preview-notice{margin:0;padding:8px 14px;font-size:11px;color:#8a9caa}
.community-preview .board-loading{pointer-events:auto}
.community-preview .live-tag.disconnected .dot,.community-preview .online.disconnected .dot{background:#b59561}
.community-preview .empty-state{margin:0;padding:26px 14px}
@media(max-width:820px){
  .community-preview #community-preview{grid-template-columns:minmax(0,1fr)}
  .community-preview .community-board{grid-column:1;grid-row:1}
  .community-preview .recent-doodles{grid-column:1;grid-row:2}
  .community-preview .community-chat{grid-column:1;grid-row:3}
  .community-preview .community-chat .chat-messages{height:auto;overflow:visible;max-height:none}
  .community-preview .recent-date-controls{margin-left:0}
  .community-preview .recent-tile{flex-basis:170px}
}
@media(hover:none) and (pointer:coarse){.community-preview .recent-controls{display:none}}
@media(prefers-reduced-motion:reduce){.community-preview .loading-spinner{animation:none}}