/* Compact, accessible creative library. Local scrolling keeps the workspace within the viewport. */
.creative-page.creative-list-page{min-width:0;max-width:100%;--creative-accent:#007aff;--creative-ink:#1d1d1f;--creative-muted:#85858c}
.creative-list-page .creative-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.creative-page.creative-list-page .creative-heading{margin-bottom:14px;gap:16px;align-items:center}
.creative-page.creative-list-page .creative-heading h1{font-size:29px;margin:0 0 7px;letter-spacing:-.9px}
.creative-page.creative-list-page .creative-heading p{font-size:12px;line-height:1.5;color:#6e6e73}
.creative-page.creative-list-page .creative-heading-actions{width:auto;flex:none;gap:12px}
.creative-page.creative-list-page .creative-upload-btn{min-height:39px;padding:10px 15px!important;font-size:13px!important}
.creative-list-page .creative-library-note{display:flex;align-items:flex-start;gap:7px;color:#78787e;font-size:11px;line-height:1.6;margin-bottom:17px;max-width:100%}
.creative-list-page .creative-library-note>svg{flex:none;margin-top:2px;color:#007aff}
.creative-page.creative-list-page .creative-toolbar{border-radius:14px;padding:0 15px 12px;margin-bottom:13px;box-shadow:0 1px 5px #00000002;min-width:0}
.creative-page.creative-list-page .creative-toolbar-top{gap:10px;margin-bottom:12px}
.creative-page.creative-list-page .creative-tabs{gap:23px;min-width:0}
.creative-page.creative-list-page .creative-tab{font-size:12px;padding:15px 0 13px!important;gap:5px}
.creative-page.creative-list-page .creative-tab-count{font-size:10px;min-width:18px;line-height:17px}
.creative-page.creative-list-page .creative-reset{font-size:11px;white-space:nowrap;padding:7px 0}
.creative-page.creative-list-page .creative-toolbar-bottom{display:grid;grid-template-columns:minmax(190px,2fr) minmax(130px,1.1fr) minmax(100px,.8fr) minmax(95px,.8fr) minmax(118px,.95fr);gap:10px;align-items:end;min-width:0}
.creative-page.creative-list-page .creative-search{min-width:0;max-width:none;width:100%;display:block;padding:0}
.creative-page.creative-list-page .creative-search input{height:36px;font-size:12px;padding-left:32px;padding-right:12px;min-width:0}
.creative-list-page .creative-filter-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:10px;color:#78787e}
.creative-page.creative-list-page .creative-filter-field .creative-filter-select{width:100%;min-width:0;max-width:none;height:36px;font-size:12px;padding:0 21px 0 10px}
.creative-list-page .creative-advanced{margin-top:12px;border-top:1px solid #ededf1;padding-top:9px}
.creative-list-page .creative-advanced summary{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:11px;color:#515158;cursor:pointer;list-style:none;padding:3px 0;outline-offset:4px;border-radius:4px}
.creative-list-page .creative-advanced summary::-webkit-details-marker{display:none}
.creative-list-page .creative-advanced summary>span{font-size:10px;color:#96969d}
.creative-list-page .creative-advanced summary>svg{margin-left:3px;transition:transform .18s}
.creative-list-page .creative-advanced[open] summary>svg{transform:rotate(180deg)}
.creative-list-page .creative-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px}
.creative-list-page .creative-range{border:0;margin:0;padding:0;min-width:0;display:flex;gap:7px;align-items:center}
.creative-list-page .creative-range legend{padding:0;margin:0 0 6px;color:#6e6e73;font-size:11px}
.creative-list-page .creative-range>label{min-width:0;flex:1}
.creative-list-page .creative-range>span{font-size:10px;color:#b0b0b7}
.creative-list-page .creative-range input{width:100%;min-width:0;height:34px;border:1px solid #d4d4db;border-radius:8px;background:#fff;padding:0 9px;font:inherit;font-size:12px;color:#1d1d1f;outline:none;transition:border-color .15s,box-shadow .15s}
.creative-list-page .creative-range input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}
.creative-list-page .creative-range-note{font-size:10px;color:#85858c;line-height:1.6;margin:9px 0 0}
.creative-list-page .creative-range-error{font-size:11px;color:#bf554d;line-height:1.6;margin:5px 0 0}
.creative-list-page .creative-range-error:empty{display:none}
.creative-list-page .creative-list-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;color:#85858c;margin:0 2px 9px;line-height:1.5}
.creative-list-page .creative-list-summary>span:first-child{color:#6e6e73}
.creative-list-page .creative-table-scroll{overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;border:1px solid #dedee4;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch;outline:none;scrollbar-color:#c8c8d0 transparent;scrollbar-width:thin}
.creative-list-page .creative-table-scroll:focus-visible{box-shadow:0 0 0 3px #007aff25;border-color:#007aff}
.creative-list-page .creative-list-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;color:#515158}
.creative-list-page .creative-list-table th{height:42px;padding:0 10px;background:#fafafc;border-bottom:1px solid #e7e7ec;color:#85858c;font-size:10px;font-weight:500;text-align:left;white-space:nowrap;vertical-align:middle}
.creative-list-page .creative-list-table th>button{font:inherit;color:inherit;border:0;background:none;padding:9px 0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border-radius:4px}
.creative-list-page .creative-list-table th[aria-sort="ascending"]>button,.creative-list-page .creative-list-table th[aria-sort="descending"]>button{color:#007aff}
.creative-list-page .creative-list-table :is(button,input):focus-visible{outline:2px solid #007aff;outline-offset:3px}
.creative-list-page .creative-sort-arrow{font-size:12px;color:#b3b3bc}.creative-list-page .creative-sort-arrow.is-active{color:#007aff}
.creative-list-page .creative-list-table td{padding:6px 10px;border-bottom:1px solid #ededf1;height:68px;vertical-align:middle;transition:background .13s;overflow-wrap:anywhere}
.creative-list-page .creative-list-table tbody tr:last-child td{border-bottom:0}
.creative-list-page .creative-list-table tbody tr:hover td{background:#f9fafd}
.creative-list-page .creative-list-table tbody tr.is-selected td{background:#f0f6ff}
.creative-list-page .creative-list-table .creative-numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;letter-spacing:-.12px}
.creative-list-page .creative-list-table th.creative-numeric{font-size:10px}
.creative-list-page .creative-list-table .creative-col-check{width:34px;text-align:center;padding-left:11px;padding-right:5px}
.creative-list-page .creative-col-check input{width:15px;height:15px;margin:0;cursor:pointer;accent-color:#007aff;vertical-align:middle}
.creative-list-page .creative-list-table .creative-col-preview{width:57px;padding-left:4px;padding-right:9px}
.creative-list-page .creative-col-name{width:248px}
.creative-list-page .creative-col-spend{width:103px}.creative-list-page .creative-col-ctr{width:78px}.creative-list-page .creative-col-roas{width:74px}.creative-list-page .creative-col-impressions{width:94px}.creative-list-page .creative-col-clicks{width:80px}.creative-list-page .creative-col-status{width:90px}.creative-list-page .creative-col-createdAt{width:109px}.creative-list-page .creative-col-more{width:39px}
.creative-list-page .creative-row-thumb{display:block;position:relative;width:38px;height:50px;padding:0;border:0;border-radius:6px;overflow:hidden;background:#eaeaf0;cursor:pointer;box-shadow:0 0 0 1px #00000006;transition:box-shadow .16s,transform .16s}
.creative-list-page .creative-row-thumb:hover{box-shadow:0 0 0 2px #007aff66;transform:translateY(-1px)}
.creative-list-page .creative-thumb-content{display:block;position:absolute;inset:0;width:220px;height:289.474px;transform:scale(.1727273);transform-origin:left top;pointer-events:none}
.creative-list-page .creative-thumb-content :is(.creative-local-image,.creative-local-video){width:100%;height:100%;object-fit:cover}
.creative-list-page .creative-thumb-play{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:16px;height:16px;background:#0007;color:#fff;border-radius:4px;pointer-events:none}
.creative-list-page .creative-row-name{display:block;padding:0;border:0;border-radius:3px;background:none;font:inherit;font-size:13px;font-weight:550;color:#1d1d1f;text-align:left;cursor:pointer;line-height:1.45;white-space:normal;overflow-wrap:anywhere;width:100%}
.creative-list-page .creative-row-name:hover{color:#007aff}
.creative-list-page .creative-row-project{display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#85858c;overflow-wrap:anywhere}
.creative-list-page .creative-row-id{color:#a0a0a7;font-size:9px;font-variant-numeric:tabular-nums}
.creative-list-page .creative-row-meta{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.45;color:#a0a0a7;margin-top:2px}
.creative-list-page .creative-row-meta>span:first-child{font-variant-numeric:tabular-nums}
.creative-list-page .creative-metric-missing{color:#b6b6bf}
.creative-list-page .creative-list-table .creative-positive{color:#2e8b4b;font-weight:550}
.creative-list-page .creative-row-status{display:inline-block;border-radius:5px;background:#f2f2f6;color:#85858c;font-size:10px;line-height:21px;padding:0 6px;white-space:nowrap}
.creative-list-page .creative-row-status.status-high{background:#eaf6ec;color:#40854c}.creative-list-page .creative-row-status.status-active{background:#eaf3ff;color:#487cb8}
.creative-list-page .creative-col-status>small{display:block;font-size:9px;color:#a0a0a7;margin-top:4px;line-height:1.4;white-space:nowrap}
.creative-list-page .creative-col-createdAt time{font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap;color:#85858c}
.creative-list-page .creative-row-more{display:grid;place-items:center;width:25px;height:30px;padding:0;border:0;border-radius:6px;background:none;color:#a0a0a7;cursor:pointer}
.creative-list-page .creative-row-more:hover{background:#eaf3ff;color:#007aff}
.creative-list-page .creative-list-table .creative-list-empty{text-align:center;padding:42px 20px;height:240px;color:#96969d}
.creative-list-page .creative-list-empty :is(svg,strong,span){display:block;margin:0 auto 10px}
.creative-list-page .creative-list-empty strong{font-size:14px;font-weight:550;color:#6e6e73}.creative-list-page .creative-list-empty span{font-size:12px}
.creative-page.creative-list-page .creative-bottom-note{font-size:10px;margin-top:13px;padding-bottom:10px;line-height:1.7}
.creative-page.creative-list-page .creative-selection-bar{max-width:min(850px,calc(100vw - 32px));z-index:25}
@media(max-width:1100px){.creative-page.creative-list-page .creative-toolbar-bottom{grid-template-columns:minmax(180px,1.4fr) minmax(130px,1.1fr) minmax(90px,.8fr);gap:9px}.creative-list-page .creative-filter-field:nth-last-child(-n+2){grid-row:2}.creative-list-page .creative-filter-field:nth-last-child(2){grid-column:2}.creative-list-page .creative-filter-field:last-child{grid-column:3}.creative-page.creative-list-page .creative-heading h1{font-size:27px}.creative-page.creative-list-page .creative-count-label{display:inline;font-size:11px}}
@media(max-width:700px){.creative-page.creative-list-page .creative-heading{align-items:flex-start;flex-wrap:nowrap!important}.creative-page.creative-list-page .creative-heading h1{font-size:25px}.creative-page.creative-list-page .creative-heading p{font-size:10px;max-width:210px}.creative-page.creative-list-page .creative-heading-actions{width:auto!important;flex:none}.creative-page.creative-list-page .creative-count-label{display:none}.creative-page.creative-list-page .creative-upload-btn{font-size:11px!important;min-height:36px;padding:9px 11px!important}.creative-list-page .creative-library-note{font-size:10px;line-height:1.7;margin-bottom:13px}.creative-page.creative-list-page .creative-toolbar{padding:0 11px 11px;border-radius:12px}.creative-page.creative-list-page .creative-toolbar-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.creative-page.creative-list-page .creative-search{grid-column:1/-1;min-width:0}.creative-list-page .creative-filter-field:nth-last-child(-n+2){grid-row:auto;grid-column:auto}.creative-list-page .creative-filter-field>span{font-size:10px}.creative-list-page .creative-ranges{grid-template-columns:1fr;gap:10px}.creative-list-page .creative-advanced summary{font-size:11px}.creative-page.creative-list-page .creative-tabs{gap:15px!important}.creative-page.creative-list-page .creative-tab{font-size:11px!important;padding:14px 0 12px!important}.creative-page.creative-list-page .creative-reset{font-size:10px}.creative-list-page .creative-list-summary{font-size:10px;align-items:flex-start}.creative-list-page .creative-list-summary>span:last-child{max-width:110px;text-align:right}.creative-list-page .creative-table-scroll{border-radius:12px}.creative-page.creative-list-page .creative-bottom-note{text-align:left;justify-content:flex-start}.creative-list-page .creative-list-table{min-width:1010px}.creative-list-page .creative-col-name{width:218px}.creative-page.creative-list-page .creative-selection-bar{bottom:16px}}
@media(prefers-reduced-motion:reduce){.creative-list-page :is(.creative-row-thumb,.creative-advanced summary>svg,.creative-list-table td){transition:none}.creative-list-page .creative-row-thumb:hover{transform:none}}
/* A compact cover may crop; the enlarged source preview always shows the full image. */
.drawer .creative-drawer-preview>.creative-local-image{object-fit:contain;background:#151518}
.creative-list-page .creative-table-scroll{contain:inline-size layout paint}
@media(min-width:801px){#main:has(.creative-list-page){padding-top:24px}.creative-page.creative-list-page .creative-heading{margin-bottom:10px}.creative-list-page .creative-library-note{margin-bottom:13px}}