.lists-area{min-width:0;margin-top:28px}.lists-heading,.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lists-area h1{margin:0;font-size:clamp(30px,4vw,48px)}.lists-area h2{margin:0}.lists-area button,.lists-area input,.lists-area textarea,.lists-area select,.lists-area .list-button{font:inherit;font-size:16px}.lists-area button,.lists-area .list-button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.lists-area button:hover,.lists-area .list-button:hover{border-color:var(--accent);color:var(--accent-bright)}.lists-area button:disabled{cursor:default;opacity:.5}.lists-area .primary,.lists-area [aria-pressed=true]{border-color:var(--accent);color:var(--accent-bright);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.lists-area input:not([type=checkbox]):not([type=hidden]),.lists-area textarea,.lists-area select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:4px;max-width:100%;padding:10px 12px}.lists-area textarea{resize:vertical;width:100%}.lists-area label{gap:8px;display:grid}.lists-area .checkbox{align-items:center;gap:10px;display:flex}.lists-area input[type=checkbox]{accent-color:var(--accent)}.list-muted{color:var(--muted)}.list-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.list-status{min-height:26px;color:var(--muted);margin-block:14px}.list-error{color:var(--accent-bright)}.list-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;margin-top:24px;display:grid}.list-card{border:1px solid var(--line);background:var(--surface);border-radius:5px;min-width:0;display:block;overflow:hidden}.list-card:hover{border-color:var(--accent-secondary)}.list-card-link{display:block}.list-card-copy{overflow-wrap:anywhere;padding:18px}.list-card-preview{aspect-ratio:4;background:var(--bg);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.list-card-preview img{object-fit:cover;width:100%;min-width:0;height:100%}.list-card-placeholder{width:100%;color:var(--muted);grid-column:1/-1;place-items:center;font-size:32px;display:grid}.list-card-credits{overflow-wrap:anywhere;color:var(--muted);padding:0 18px 18px;font-size:14px}.list-card-credits a{color:var(--accent-bright)}.list-card-credits summary{cursor:pointer;font-size:16px}.list-card-updated{font-size:14px}.list-author-row{align-items:center;gap:12px;margin-block:16px;display:flex}.list-author-avatar{border-radius:50%;flex-shrink:0}.list-card h2{font-size:24px}.list-card p{margin-bottom:0}.list-badge{color:var(--accent-bright);font-size:14px}.list-entries{margin:20px 0 0;padding:0;list-style:none}.list-entries>li{border-bottom:1px solid var(--line);padding:18px 0}.list-entry{align-items:flex-start;gap:18px;min-width:0;display:flex}.list-rank{min-width:36px;color:var(--accent-bright);font-size:24px;font-weight:600}.list-entry img,.list-image-placeholder{object-fit:cover;border:1px solid var(--line);background:var(--surface);flex-shrink:0;width:88px;height:88px}.list-image-placeholder{color:var(--muted);place-items:center;font-size:28px;display:grid}.list-entry-body{flex:1;min-width:0}.list-entry-body strong{font-size:18px}.list-entry-body p{margin:6px 0}.list-edit-fields{gap:18px;margin:24px 0;display:grid}.list-row-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.list-row-controls input{width:80px}.list-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.list-pagination [aria-disabled=true]{color:var(--muted)}.list-page-jump{align-items:end;gap:8px;display:flex}.list-page-jump input{width:80px}.lists-area :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.list-entries>li{scroll-margin-block:100px}.list-entries>li[data-dragging=true]{opacity:.6}.list-entries>li[data-drop-target=true]{box-shadow:inset 0 3px var(--accent)}.lists-area .list-drag-handle{touch-action:none;cursor:grab;min-width:44px;min-height:44px}.lists-area .list-drag-handle[aria-pressed=true]{cursor:grabbing}.list-reorder-help{color:var(--muted);font-size:16px}.list-pagination a{color:var(--accent-bright)}.list-search{border:1px solid var(--line);background:var(--surface);border-radius:5px;margin-top:20px;padding:18px}.list-search input{width:100%}.list-search ul{padding:0;list-style:none}.list-search li{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 0;display:flex}.list-search img{object-fit:cover;width:48px;height:48px}.list-search .result-text{flex:1;min-width:0}.list-search .result-text small{color:var(--muted);display:block}@media (width<=600px){.lists-area button,.lists-area .list-button{min-height:44px}.list-card-copy{padding:14px}.list-row-controls{gap:10px}.list-row-controls label{align-items:center;display:flex}.list-entry{gap:12px}.list-entry img,.list-image-placeholder{width:64px;height:64px}.list-rank{min-width:24px;font-size:20px}.lists-area .list-toolbar{justify-content:flex-start}}