.toolbar{display:flex;gap:12px;align-items:center;margin:20px 0}.search-box{flex:1;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:0 12px}.search-box input{border:0;outline:0;padding:12px 0;width:100%;font:inherit}.toolbar select{border:1px solid var(--line);border-radius:12px;padding:12px;background:white}.drawing-card{overflow:hidden}.drawing-thumb{width:100%;border:0;padding:0;background:#eee;cursor:zoom-in;aspect-ratio:1/1;display:block}.drawing-thumb img{width:100%;height:100%;object-fit:cover;display:block}.artist-line{font-size:.9rem;color:#777}.drawing-info h2{margin:7px 0}.drawing-info p{margin:8px 0;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.interaction-row{display:flex;align-items:center;gap:8px}.interaction-row button,.owner-link{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 10px;cursor:pointer;text-decoration:none;color:inherit}.interaction-row .liked{color:#c24759}.owner-link{margin-left:auto}.comments{display:none;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.comments.open{display:block}.comment{display:flex;gap:8px;margin:7px 0;font-size:.92rem}.comment strong{white-space:nowrap}.comment-form{display:flex;gap:6px;margin-top:10px}.comment-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px;padding:9px}.comment-form button{border:0;border-radius:9px;padding:9px 12px;cursor:pointer}.login-hint{font-size:.85rem;color:#777}.image-modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:grid;place-items:center;padding:50px 24px}.image-modal[hidden]{display:none}.image-modal img{max-width:92vw;max-height:82vh;object-fit:contain;cursor:zoom-out}.image-modal p{position:absolute;bottom:12px;color:white;margin:0}.modal-close{position:absolute;right:20px;top:14px;border:0;background:transparent;color:white;font-size:42px;cursor:pointer;z-index:2}.modal-open{overflow:hidden}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#222;color:white;padding:12px 16px;border-radius:10px;z-index:10000;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){.toolbar{align-items:stretch;flex-direction:column}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .btn{margin-left:0}.comment-form{flex-direction:column}}

.comment{justify-content:space-between;align-items:flex-start}.comment-body{display:flex;gap:8px;min-width:0}.comment-body span{overflow-wrap:anywhere}.comment-actions{display:flex;gap:4px;flex-shrink:0}.comment-actions button{border:0;background:transparent;cursor:pointer;padding:3px 5px}.comment-like-btn.liked{color:#c24759}.shared-highlight{outline:3px solid currentColor;outline-offset:4px;border-radius:12px;transition:outline-color .2s}.share-btn{white-space:nowrap}