#quarkRankPage{display:grid;gap:16px}.qr-toolbar,.qr-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.qr-toolbar button,.qr-filters button,.qr-row button{padding:8px 13px;border:1px solid #d6dfda;background:#fff;border-radius:8px;color:#264e3d;cursor:pointer}.qr-toolbar .primary{background:#244d3a;color:#fff}.qr-filters label{min-width:180px}.qr-filters input{min-width:250px}.qr-summary{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:12px}.qr-summary article{padding:20px;background:#fff;border:1px solid #dfe7e2;border-radius:12px}.qr-summary small{display:block;color:#76847d}.qr-summary strong{display:block;font-size:28px;margin-top:6px}.qr-notice{padding:16px;border:1px solid #dce7e0;border-radius:10px;background:#f1f7f3;color:#365644}.qr-notice.blocked{background:#fff5eb;border-color:#efd9b7;color:#8a5c25}.qr-table{overflow-x:auto}.qr-table table{min-width:1000px}.qr-table td small{display:block;color:#7c8a82;margin-top:5px}.qr-row .idcol{white-space:nowrap;min-width:90px}.qr-state{display:inline-block;padding:4px 9px;border-radius:7px;background:#edf1ef;white-space:nowrap}.qr-state.done{background:#e7f3e9;color:#24723c}.qr-state.blocked{background:#fff0dd;color:#916027}.qr-state.running{background:#e8effa;color:#325d96}.qr-state.no_hits{background:#eef0f1;color:#6b7880}.qr-pager{display:flex;align-items:center;justify-content:space-between}.qr-detail-results a{overflow-wrap:anywhere}.qr-detail-results td{vertical-align:top}.qr-note{font-size:12px;color:#76847d;line-height:1.8}.studio-navigation .nav[data-tab="quark-rank"]:before{mask-image:url('/static/material-symbols/search.svg');-webkit-mask-image:url('/static/material-symbols/search.svg')}
@media(max-width:700px){.qr-summary{grid-template-columns:repeat(2,1fr)}.qr-filters label,.qr-filters input{min-width:0;width:100%}}
.qr-history{padding:20px;min-width:0}.qr-history h2{font-size:18px;margin:0 0 6px}.qr-history select{max-width:100%}.qr-url-filter{flex:1;min-width:240px}.qr-url-filter select{width:100%}.qr-chart{position:relative;margin:18px 0 8px;min-height:180px}.qr-chart svg{display:block;width:100%;min-height:180px;overflow:visible}.qr-chart text{fill:#78857e;font-size:12px}.qr-chart circle{cursor:pointer}.qr-chart circle:focus{outline:none;stroke:#173e2c;stroke-width:4}.qr-chart-tooltip{position:absolute;z-index:2;right:12px;top:12px;max-width:min(470px,95%);background:#203c30;color:#fff;border-radius:9px;padding:12px 15px;white-space:pre-line;overflow-wrap:anywhere;pointer-events:none;font-size:12px;line-height:1.7;box-shadow:0 5px 20px #0002}.qr-chart-tooltip[hidden]{display:none}.qr-history details summary{cursor:pointer;color:#365644;padding:10px 0}.qr-history table{width:100%}

.studio-navigation .nav[data-tab="quark-rank"]:before{content:"";display:inline-block;flex:0 0 19px;width:19px;height:19px;background:currentColor;mask:url("/static/material-symbols/search.svg") center/contain no-repeat;-webkit-mask:url("/static/material-symbols/search.svg") center/contain no-repeat}
.qr-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:190px}.qr-row .qr-rank-button{background:#244d3a;border-color:#244d3a;color:#fff}.qr-ranking-dialog h2{font-size:21px;margin:0 0 6px}.qr-ranking-dialog h3{font-size:17px;margin:18px 0 12px}.qr-ranking-dialog .qr-history{padding:16px 0;border-top:1px solid #e3ebe6;border-bottom:1px solid #e3ebe6}.qr-ranking-dialog button{padding:7px 12px;border:1px solid #d6dfda;background:#fff;border-radius:7px;color:#264e3d;cursor:pointer}.qr-ranking-dialog button:disabled{opacity:.4;cursor:default}.qr-day{border:1px solid #dce5df;border-radius:10px;margin:12px 0;overflow:hidden}.qr-day>summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;cursor:pointer;padding:15px 18px;background:#f6f9f7;list-style:none}.qr-day>summary:before{content:'›';font-size:22px;line-height:1;transition:transform .15s}.qr-day[open]>summary:before{transform:rotate(90deg)}.qr-day>summary b{font-variant-numeric:tabular-nums;font-size:16px}.qr-day>summary>span:last-child{margin-left:auto;font-size:12px;color:#64786c}.qr-day-content{padding:4px 18px 18px}.qr-day-page{margin:14px 0 0}.qr-day-page h4{margin:0;padding:10px 12px;background:#f1f5f2;font-size:14px}.qr-day-page h4 small{margin-left:8px;color:#7c8a82;font-weight:400}.qr-day-page table{width:100%;table-layout:fixed}.qr-day-page th:first-child{width:175px}.qr-day-page th:last-child{width:160px}.qr-day-page td{vertical-align:top;font-size:13px}.qr-day-page td small,.qr-day-page td a{display:block;margin-top:5px;overflow-wrap:anywhere}.qr-day-page td small{color:#76847d}.qr-page-empty{padding:12px;margin:0;color:#7c8a82;background:#fbfcfb;font-size:13px}.qr-day-attempts{margin-top:16px;color:#6b7f73;font-size:12px}.qr-day-attempts>summary{cursor:pointer}.qr-attempt{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #edf1ee}.qr-attempt small{flex-basis:100%;line-height:1.7}.qr-ranking-dialog .qr-pager{margin-top:18px;font-size:12px;color:#76847d}
@media(max-width:700px){.qr-day>summary{gap:8px;padding:12px}.qr-day>summary>span:last-child{margin-left:0}.qr-day-content{padding:4px 10px 12px}.qr-day-page table{min-width:660px}.qr-ranking-dialog .qr-pager{gap:12px;flex-wrap:wrap}}
.qr-trend{margin-top:15px;border:1px solid #dce5df;border-radius:9px}.qr-trend>summary{cursor:pointer;padding:12px 15px;color:#365644;background:#f6f9f7;font-weight:600}.qr-ranking-dialog .qr-trend .qr-history{padding:16px;border-bottom:0}

/* Keep the image-count filter and all count columns readable in narrow panels. */
#qrImageContent .qr-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
#qrImageContent .qr-summary article{padding:12px;min-width:0}
#qrImageContent .qr-summary strong{font-size:22px}
#qrImageContent .qr-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
#qrImageContent .qr-filters label,#qrImageContent .qr-filters input,#qrImageContent .qr-filters select{min-width:0;width:100%}
#qrImageContent .qr-image-table table{min-width:0;width:100%;table-layout:fixed}
#qrImageContent .qr-image-table th:nth-child(1){width:43%}
#qrImageContent .qr-image-table th:nth-child(2){width:17%}
#qrImageContent .qr-image-table th:nth-child(3){width:15%}
#qrImageContent .qr-image-table th:nth-child(4){width:25%}
#qrImageContent .qr-image-table td{vertical-align:top;overflow-wrap:anywhere;font-size:12px;padding:10px 8px}
#qrImageContent .qr-image-table td a{display:block;overflow-wrap:anywhere;margin-top:6px}
#qrImageContent .qr-pager{margin:16px 0;font-size:12px}
#qrImageContent button{padding:8px 12px;border:1px solid #d6dfda;background:white;border-radius:7px;cursor:pointer}
@media(min-width:1000px){#qrImageContent .qr-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}

.qr-current-best{min-width:145px}.qr-current-best strong{color:#24583f;white-space:nowrap;font-size:16px}.qr-current-best small{max-width:190px}

.qr-runtime-grid{display:grid;grid-template-columns:1.15fr 1.5fr 1fr 1.05fr;gap:12px}.qr-runtime-card{min-width:0;background:#fff;border:1px solid #dfe7e2;border-radius:12px;padding:18px 20px}.qr-runtime-card small{display:block;color:#718178;font-size:12px}.qr-runtime-card strong{display:flex;align-items:center;gap:8px;font-size:21px;line-height:1.5;margin-top:9px;color:#254a36}.qr-runtime-card strong.qr-runtime-query{display:block;font-size:17px;overflow-wrap:anywhere}.qr-runtime-card p{font-size:12px;line-height:1.7;color:#718178;margin:8px 0 0}.qr-runtime-card em{font-style:normal;font-size:13px;font-weight:400;color:#718178}.qr-runtime-card.active{border-color:#9bc5a9;background:#f1f9f4}.qr-runtime-card.alert{border-color:#e8b4ad;background:#fff3f1}.qr-runtime-card.alert strong{color:#ad4234}.qr-runtime-card.rest{border-color:#ecd29a;background:#fff9e9}.qr-runtime-card.rest strong{color:#906624}.qr-runtime-card.muted{background:#f3f4f4}.qr-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.qr-runtime-reason{margin-top:10px;padding:12px 16px;border-radius:9px;background:#f3f5f4;color:#5e7367;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.qr-runtime-reason.is-alert{background:#fff1ef;color:#a33b31;border:1px solid #ecc3bd}#qrRuntimeCards [data-qr-until]{font-variant-numeric:tabular-nums}.qr-runtime-progress{font-variant-numeric:tabular-nums}@media(max-width:1150px){.qr-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.qr-runtime-grid{grid-template-columns:1fr}.qr-runtime-card{padding:15px 17px}}