.frame-id{position:absolute;left:-2px;top:-17px;color:white;background:var(--issue-color);font-size:10px;line-height:15px;padding:0 4px;border-radius:3px;white-space:nowrap}
.cloud-bar{display:flex;align-items:center;gap:12px;padding:7px 24px;background:#eef2fa;font-size:12px}.cloud-bar button{background:white;border:1px solid #cfd8e7;border-radius:5px;padding:4px 8px;cursor:pointer}.cloud-readonly .issue-actions,.cloud-readonly .ignore-action,.cloud-readonly .fix-editor{display:none!important}body:has(.cloud-bar) main{height:calc(100vh - 108px)}body:has(.cloud-bar) .compare{height:calc(100vh - 220px)}
.archive-export{padding:8px 12px;border:1px solid #7465e6;border-radius:7px;background:#7465e6;color:white;cursor:pointer;white-space:nowrap}.archive-export:disabled{opacity:.5}.archive-export-status{font-size:11px;color:#68758b;max-width:210px}
.compare .col{position:relative}.online-viewport{transform:translateX(-34px)}#problemBadgeRail{position:absolute;width:66px;z-index:9;pointer-events:none;overflow:hidden}#problemBadgeRail .problem-dot{left:0;right:auto;white-space:nowrap;pointer-events:auto}
.spacing-annotations{position:absolute;inset:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:visible}.spacing-line{stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.spacing-leader{stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 2}.spacing-value{fill:currentColor;font:700 30px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;stroke:white;stroke-width:8;paint-order:stroke fill;stroke-linejoin:round}
.frame-id{pointer-events:auto;cursor:pointer;border:0;z-index:11;font-family:inherit}.frame-id:focus-visible{outline:2px solid #fff;box-shadow:0 0 0 3px var(--issue-color)}
.manual-source{display:block;margin-top:8px;color:#6b5d99;background:#f3f0fa;padding:3px 6px;width:max-content;border-radius:4px;font-size:11px}
.issue{border-left:4px solid var(--issue-color)}.issue>b{color:var(--issue-color)}
.issue-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.issue-actions button,.fix-editor button{padding:6px 8px;border:1px solid #d8dfe9;border-radius:6px;background:#fff;color:#465267;cursor:pointer}
.issue-state{display:inline-block;margin-top:8px;font-size:11px;color:#7b8492}.handled-card{background:#f7faf8}.handled-card .issue-state{color:#16805e}.handled-card .handled-action{background:#eaf5ee;color:#16805e;border-color:#c0dfce}
.fix-editor{margin-top:10px;background:#f4f6fa;padding:8px;border-radius:7px}.fix-editor textarea{display:block;width:100%;min-height:100px;resize:vertical;padding:8px;border:1px solid #c7d0df;border-radius:6px;font:inherit;line-height:1.7;margin-bottom:8px}.fix-editor button{margin-right:5px;margin-top:3px}
.fix-content{font-weight:500;color:#384152!important}#fidelityScore{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid #e2e6ed}.score-value{font-size:28px;font-weight:650;color:#3d4a67}.score-row{display:flex;justify-content:space-between;padding:5px 0;color:#596579;font-size:12px}#fidelityScore summary{font-size:12px;color:#6b7486;cursor:pointer}.measurement-note{border-left:3px solid var(--issue-color,#ed625a)}
.issue-filters{position:sticky;top:-16px;z-index:12;background:#fff;padding:8px 0 10px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e6e9ef;margin-bottom:12px}.issue-filters select{min-width:0;flex:1;padding:6px;font-size:12px}.issue-filters button{border:1px solid #d8dfe9;border-radius:6px;background:#fff;color:#53627a;padding:6px 8px;cursor:pointer}.issue-filters button:disabled{opacity:.45;cursor:default}.issue-filters .notes{width:100%;font-size:11px}