.clips-grid .clip-art{height:auto;aspect-ratio:9 / 16;background-color:#211a32;background-image:none;background-size:auto}.clips-grid .clip-art:before{z-index:1;pointer-events:none}.clip-thumbnail{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.clip-artist-avatars{display:flex;align-items:center;margin:-2px 0 10px;padding-left:5px}.clip-artist-avatar{display:grid;place-items:center;width:31px;height:31px;margin-left:-5px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#ebe4fa;box-shadow:0 2px 6px #251a3329;color:var(--violet-deep);font:600 11px DM Mono}.clip-artist-avatar img{display:block;width:100%;height:100%;object-fit:cover}.thumbnail-editor{grid-column:1 / -1;display:flex;align-items:center;gap:18px;padding:15px;border:1px solid #e4dce8;border-radius:6px;background:#fbf9fc}.thumbnail-current-preview{flex:0 0 88px;width:88px;aspect-ratio:9 / 16;overflow:hidden;display:grid;place-items:center;border-radius:4px;background:#211a32;color:#c8bfd2;font-size:9px;text-align:center}.thumbnail-current-preview img{display:block;width:100%;height:100%;object-fit:contain}.thumbnail-editor-copy{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.thumbnail-editor-copy strong{color:var(--ink);font-size:13px}.thumbnail-editor-copy p{margin:0 0 3px;color:var(--muted);font-size:11px;line-height:1.45}.thumbnail-picker:disabled{cursor:wait;opacity:.55}@media(max-width:490px){.thumbnail-editor{align-items:flex-start;gap:13px;padding:12px}.thumbnail-current-preview{flex-basis:70px;width:70px}}.viewer-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:24px;align-items:start}.viewer-header-actions{display:flex;align-items:center;gap:9px}.identify-artists-button{font-family:inherit;cursor:pointer;background:#fff}.artist-identification-panel{margin:-6px 0 24px;padding:20px;border:1px solid #ded5e6;border-radius:7px;background:#fff;box-shadow:0 12px 30px #2e1e3c12}.artist-identification-heading,.artist-identification-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.artist-identification-heading h2{margin-top:5px;font-size:24px}.artist-picker-close{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:20px}.artist-search{position:relative;display:block;margin:17px 0 12px}.artist-search>span{position:absolute;top:8px;left:13px;color:#8d8594;font-size:21px}.artist-search input{width:100%;height:40px;padding:0 14px 0 38px;border:1px solid var(--line);border-radius:5px;outline:0;color:var(--ink);background:#fbfafc;font:13px DM Sans}.artist-search input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6844e117}.artist-identification-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:282px;padding:2px 5px 2px 2px;overflow-y:auto}.artist-identification-list>button{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #e9e3ec;border-radius:5px;background:#fff;color:var(--ink);text-align:left}.artist-identification-list>button:hover{border-color:#c7b8e9;background:#fbf9ff}.artist-identification-list>button.selected{border-color:#9f88db;background:#f2edff}.identification-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:50%;background:#eae3f8;color:var(--violet-deep);font-size:12px;font-weight:700}.identification-avatar img{width:100%;height:100%;object-fit:cover}.identification-name{display:grid;min-width:0;gap:3px}.identification-name strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.identification-name small{color:var(--muted);font:9px DM Mono;text-transform:uppercase}.identification-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0ebf5;color:var(--violet);font-size:13px;font-weight:700}.selected .identification-check{background:var(--violet);color:#fff}.artist-search-empty{grid-column:1 / -1;padding:35px 15px;color:var(--muted);font-size:12px;text-align:center}.artist-identification-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.artist-identification-footer>div{display:flex;align-items:center;gap:10px}.viewer-workspace .comments-section{position:sticky;top:22px;width:100%;margin:0}.viewer-workspace .comments-heading{align-items:flex-start}.viewer-workspace .comments-heading h2{font-size:24px}.viewer-workspace .comment-form{grid-template-columns:1fr}.viewer-workspace .comment-form>.comment-avatar{display:none}.viewer-workspace .comment-form-footer{align-items:flex-end;flex-direction:column;gap:8px}.viewer-workspace .comments-list{max-height:calc(100vh - 330px);padding-right:5px;overflow-y:auto}.viewer-sidebar{position:sticky;top:22px;display:grid;gap:24px}.viewer-sidebar .comments-section{position:static}.viewer-sidebar .comments-list{max-height:36vh}.artist-identification-compact{padding:15px;border:1px solid var(--line);border-radius:6px;background:#fff}.compact-identification-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-identification-heading strong{color:var(--violet-deep);font-size:13px}.compact-identification-heading span{color:var(--muted);font:9px DM Mono}.artist-identification-compact .artist-search{margin:12px 0 9px}.artist-identification-compact .artist-identification-list{grid-template-columns:1fr;max-height:230px;gap:5px}.artist-identification-compact .artist-identification-list>button{grid-template-columns:32px minmax(0,1fr) 22px;padding:6px 7px}.artist-identification-compact .identification-avatar{width:32px;height:32px}.artist-identification-list>button:disabled{cursor:wait;opacity:.65}@media(max-width:900px){.viewer-workspace{grid-template-columns:1fr}.viewer-workspace .comments-section{position:static;margin-top:28px}.viewer-workspace .comments-list{max-height:none;overflow:visible}.viewer-sidebar{position:static}.viewer-title-row{align-items:flex-start;flex-direction:column}}.app-page .app-header,.editor-page .app-header,.viewer-page .app-header,.app-content,.editor-layout,.viewer-layout{width:calc(100% - 56px);max-width:none}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.artist-directory>div{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media(max-width:800px){.app-page .app-header,.editor-page .app-header,.viewer-page .app-header,.app-content,.editor-layout,.viewer-layout{width:calc(100% - 32px)}.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:490px){.clips-grid{grid-template-columns:1fr}.viewer-header-actions,.artist-identification-footer{align-items:stretch;flex-direction:column}.viewer-header-actions .adjust-link{text-align:center}.artist-identification-list{grid-template-columns:1fr}}