:root{--purple: #581d74;--purple-dark: #230e2c;--cyan: #1ebabd;--cyan-dark: #14797b;--blue: #4bacc6;--grey-dark: #555555;--grey-med: #bebebe;--grey-light: #dddddd;--pass: #14797b;--fail: #c62828;--na: #8a8a8a;--review: #b47d00;--accent: var(--purple);--border: #e4e1e8;--bg: #f6f5f8;--ink: #230e2c;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.page{max-width:1600px;margin:0 auto;padding:1rem 1.5rem 4rem}header{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0 1rem}.brand{display:flex;align-items:center;gap:.8rem;cursor:pointer}.brand svg{display:block}h1{font-size:1.15rem;margin:0;font-weight:650;letter-spacing:-.01em}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.3rem 1.5rem;box-shadow:0 1px 3px #230e2c0d}label{display:block;margin:1rem 0 .4rem;font-weight:600;font-size:.85rem}.row{display:flex;gap:.5rem;align-items:center}input,select{padding:.5rem .7rem;border:1px solid var(--border);border-radius:10px;font-size:.9rem;background:#fff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #581d741f}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.4rem 1rem;cursor:pointer;font-size:.85rem;transition:all .15s ease}.chip:hover{border-color:var(--purple);color:var(--purple)}.chip.active{background:var(--purple);border-color:var(--purple);color:#fff}.chip.static{margin-left:.5rem;background:#f1ecf5;border:none;padding:.15rem .6rem;cursor:default}.chip.static:hover{border-color:transparent;color:inherit}.dropzone{border:2px dashed #cfc6d8;border-radius:14px;padding:1.2rem;text-align:center;background:#fbfafc;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--purple);background:#f8f5fa}.filelist{text-align:left;list-style:none;padding:0;max-height:14rem;overflow-y:auto}.filelist li{padding:.15rem 0}button.primary,a.button.primary{margin-top:1rem;background:var(--purple);color:#fff;border:none;border-radius:999px;height:2.6rem;padding:0 1.5rem;font-size:.92rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #581d7440}button.primary:hover:not(:disabled),a.button.primary:hover{background:#6b2490;box-shadow:0 4px 14px #581d744d}button.primary:active:not(:disabled){transform:scale(.98)}button.secondary,a.button.secondary{background:#fff;border:1px solid var(--border);border-radius:999px;height:2.6rem;padding:0 1.1rem;cursor:pointer;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .15s ease;text-decoration:none;color:inherit}button.secondary:hover:not(:disabled),a.button.secondary:hover{border-color:var(--purple);color:var(--purple)}button.secondary.active{background:#f1ecf5;border-color:var(--purple);color:var(--purple)}button.link{background:none;border:none;color:var(--fail);cursor:pointer}button:disabled{opacity:.6;cursor:default}.error{color:var(--fail);margin-top:.6rem}.hint{color:#6f6879;font-size:.8rem}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;gap:1rem}.job-search{min-width:16rem}.toolbar .actions{display:flex;gap:.6rem;align-items:center}.toolbar button.primary,.toolbar a.button.primary,.row button.primary{margin-top:0}.lead{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;min-width:0}.lead h2{margin:0}.lead small{color:#6f6879}.job-meta{margin:-.4rem 0 .8rem;color:#6f6879;font-size:.8rem}.job-title{cursor:text;border-radius:8px;padding:.2rem .5rem;margin:-.2rem -.5rem;transition:background .15s}.job-title:hover{background:#ece7f0}.title-input{font-weight:700;font-size:1rem;min-width:16rem}.project-title-input{font-weight:700;font-size:1.5rem;min-width:22rem;padding:.1rem .5rem;margin:-.1rem -.5rem}input.wide{width:100%;box-sizing:border-box}table.results{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #230e2c0d}table.results th,table.results td{padding:.55rem .8rem;border-bottom:1px solid var(--border);font-size:.85rem;text-align:left}table.results th{background:#f4f1f7;font-weight:600;color:#4a3f55}table.results thead th:first-child{border-top-left-radius:13px}table.results thead th:last-child{border-top-right-radius:13px}table.results tbody tr:last-child td:first-child{border-bottom-left-radius:13px}table.results tbody tr:last-child td:last-child{border-bottom-right-radius:13px}table.results tbody tr:last-child td{border-bottom:none}table.results tbody tr{cursor:pointer;transition:background .1s}table.results tbody tr:hover{background:#f7f4fa}.filename{font-family:ui-monospace,monospace;font-size:.8rem;word-break:break-all}table.results.batch{margin-top:.6rem}table.results.batch tbody tr{cursor:default}table.results.batch tbody tr:hover{background:none}table.results.batch tr.excluded td:not(:first-child){opacity:.45}table.results.batch td{vertical-align:top}table.results.batch td .hint{margin-top:.2rem}.batch-name{width:100%;min-width:16rem}.batch-problem{color:var(--review);font-weight:600}.batch-open{margin-left:.4rem;color:var(--purple);white-space:nowrap}.batch-root{margin:1rem 0 0}.badge{padding:.15rem .6rem;border:1px solid transparent;border-radius:999px;font-size:.72rem;white-space:nowrap;font-weight:700;color:#fff;letter-spacing:.02em;display:inline-block;min-width:3.4rem;text-align:center;box-sizing:border-box}.badge.PASS{background:var(--pass)}.badge.FAIL{background:var(--fail)}.badge.NA{background:var(--na)}.badge.REVIEW{background:var(--review)}.badge.status-done{background:var(--pass)}.badge.status-running,.badge.status-checked{background:var(--cyan)}.badge.status-created,.badge.status-uploaded{background:var(--na)}.badge.status-failed{background:var(--fail)}.run-state{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0;padding:.8rem 1rem;border:1px solid var(--border);border-left:4px solid var(--na);border-radius:10px;background:#fff}.run-state.failed{border-left-color:var(--fail)}.run-state-detail{color:#6f6879;font-size:.85rem;margin-top:.25rem;overflow-wrap:anywhere}.run-state button{flex-shrink:0}.qmark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.35rem;border-radius:50%;background:#ece7f0;color:#6b5c7a;font-size:.65rem;font-weight:700;cursor:help;vertical-align:middle}.qmark:hover{background:var(--purple);color:#fff}.qmark:after{content:attr(data-tip);position:absolute;top:135%;left:50%;transform:translate(-50%);width:max-content;max-width:240px;background:var(--purple-dark);color:#fff;text-align:left;font-size:.72rem;font-weight:400;line-height:1.35;padding:.45rem .6rem;border-radius:8px;box-shadow:0 4px 14px #230e2c4d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease;z-index:30}.qmark:hover:after{opacity:1;visibility:visible}.col-delete{width:1%;text-align:right;white-space:nowrap}button.secondary.row-action{height:1.8rem;padding:0 .8rem;font-size:.78rem;margin-right:.3rem}.icon-delete,.icon-download{background:none;border:none;cursor:pointer;font-size:1rem;color:#a49aae;padding:.2rem .5rem;border-radius:999px;line-height:1;transition:all .15s;display:inline-flex;text-decoration:none}.icon-delete:hover{color:var(--fail);background:#fdecea}.icon-delete:disabled{opacity:.3;cursor:default}.icon-download:hover{color:var(--purple);background:#f1ecf5}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#230e2c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10}.modal-body{background:#fff;border-radius:18px;width:min(96vw,1100px);height:min(92vh,850px);display:flex;flex-direction:column;overflow:hidden}.modal-body.linkmodal{width:min(92vw,640px);height:auto;max-height:82vh}.linkmodal-body{padding:1rem 1.2rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem}.linkmodal-body input[type=text]{width:100%}.joblist{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;border:1px solid var(--border);border-radius:12px}.joblist li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .9rem;border-bottom:1px solid #eee;cursor:pointer;transition:background .1s}.joblist li:last-child{border-bottom:none}.joblist li:hover{background:#f7f4fa}.joblist li.busy{opacity:.6;pointer-events:none}.joblist li.empty{cursor:default;color:#888}.joblist li.empty:hover{background:none}.linked-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 .8rem}.linked-chip{display:inline-flex;align-items:center;gap:.35rem;background:#f1ecf5;color:var(--purple);border-radius:999px;padding:.2rem .5rem .2rem .7rem;font-size:.76rem}.linked-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:.85rem;line-height:1;padding:0 .15rem;opacity:.65}.linked-chip button:hover{opacity:1}.linked-chip button:disabled{opacity:.3;cursor:default}.linked-chip.processing{opacity:.75}.chip-suffix{font-style:normal;opacity:.7;font-size:.72rem;animation:chip-pulse 1.2s ease-in-out infinite}@keyframes chip-pulse{0%,to{opacity:.4}50%{opacity:.85}}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--border);gap:1rem}.viewer-toolbar .actions{display:flex;gap:.4rem;align-items:center}.inline{display:inline-flex;gap:.3rem;align-items:center;margin:0;font-weight:400}.canvas{flex:1;overflow:auto;background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 0 0/24px 24px;display:grid;place-items:center;cursor:grab}.canvas.bg-dark{background:repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#262626 0%,#262626 50%) 0 0/24px 24px}.canvas.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.viewer-toolbar .lead{gap:.4rem;flex-wrap:nowrap}.viewer-toolbar .file-position{color:#6f6879;white-space:nowrap}.bg-toggle{display:flex;gap:0;margin-right:.4rem}.canvas-inner{position:relative;overflow:hidden}.canvas img{display:block;max-width:none}.safe-zone{position:absolute;box-shadow:0 0 0 20000px #ff00ff4d;pointer-events:none}.badge.none{background:transparent;color:var(--na);border:1px dashed var(--border)}.badge.none:hover{color:var(--ink);border-color:var(--ink)}.ov-cell.manual-cell .ov-pop{left:auto;right:0}.badge.clickable{cursor:pointer}.badge.clickable:hover{filter:brightness(1.12)}.ov-cell{position:relative}.ov-stale{color:var(--review);margin-left:.3rem;font-size:.7rem;vertical-align:middle}.ov-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;cursor:default}.ov-pop{position:absolute;top:calc(100% - 4px);left:0;z-index:41;width:250px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px #230e2c38;padding:.6rem .7rem;cursor:default;text-align:left;font-size:.8rem}.ov-title{font-weight:650;margin-bottom:.35rem}.ov-pop input{width:100%;margin:.15rem 0 .5rem;font-size:.8rem}.ov-actions{display:flex;gap:.4rem}.ov-pass{background:var(--pass);color:#fff;border:none;border-radius:999px;padding:.35rem .9rem;font-weight:600;cursor:pointer}.ov-fail{background:var(--fail);color:#fff;border:none;border-radius:999px;padding:.35rem .9rem;font-weight:600;cursor:pointer}.ov-clear{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;cursor:pointer}.ov-meta{margin-top:.45rem;color:#6f6879;font-size:.72rem}.replay-canvas{position:absolute;left:0;top:0;pointer-events:none}.replay-hud{position:fixed;left:50%;transform:translate(-50%);bottom:6rem;z-index:60;background:#230e2ce0;color:#fff;font-size:.8rem;padding:.45rem .9rem;border-radius:999px;pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 6px 20px #230e2c59}.detect-shimmer{position:absolute;left:0;top:0;pointer-events:none;overflow:hidden}.detect-shimmer:after{content:"";position:absolute;left:-30%;top:0;width:26%;height:100%;background:linear-gradient(100deg,transparent,rgba(30,186,189,.22),transparent);animation:shimmer-sweep 1.6s ease-in-out infinite}@keyframes shimmer-sweep{to{left:104%}}.cell-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(90,42,122,.2);border-top-color:#5a2a7ad9;border-radius:50%;animation:cell-spin .8s linear infinite;vertical-align:middle}@keyframes cell-spin{to{transform:rotate(360deg)}}.title-match-box{position:absolute;pointer-events:none;outline:1px solid rgba(20,121,123,.9);background:#14797b1a}.title-match-box.breach{outline-color:#dc2626e6;background:#dc26261f}.clearance-band{position:absolute;box-sizing:border-box;pointer-events:none}.clearance-band.left{border-right:1px solid}.clearance-band.right{border-left:1px solid}.clearance-band.top{border-bottom:1px solid}.clearance-band.bottom{border-top:1px solid}.clearance-band.pass{background:#14797b59;border-color:#14797be6}.clearance-band.fail{background:#dc262666;border-color:#dc2626e6}.no-preview{padding:3rem;color:#555}.viewer-footer{border-top:1px solid var(--border);padding:.7rem 1rem}.failures{margin:0 0 .6rem;padding-left:1.1rem;color:var(--fail);font-size:.85rem}.zone-verdict{display:flex;gap:.5rem;align-items:center;margin-bottom:.55rem;font-size:.85rem}.zone-verdict .zone-label{font-weight:600}.zone-verdict .pass{background:var(--pass);color:#fff;border:none;border-radius:999px;padding:.3rem .85rem;cursor:pointer;font-weight:600;font-size:.78rem}.zone-verdict .fail{background:var(--fail);color:#fff;border:none;border-radius:999px;padding:.3rem .85rem;cursor:pointer;font-weight:600;font-size:.78rem}.zone-verdict .zone-clear{background:#fff;border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem;cursor:pointer;font-size:.78rem}.zone-verdict small{color:#6f6879}.viewtabs{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#fff}.viewtabs button{background:transparent;border:none;height:calc(2.6rem - 2px);padding:0 1rem;cursor:pointer;font-size:.85rem;transition:all .15s;white-space:nowrap}.viewtabs button.active{background:var(--purple);color:#fff}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}.size-control{display:flex;align-items:center;gap:.5rem}.size-control label{margin:0}.size-control input[type=range]{width:180px;accent-color:var(--purple)}.tile-size-value{font-size:.8rem;color:#6f6879;width:3.2rem}.gallery{display:grid;gap:.8rem}.tile{margin:0;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s}.tile:hover{box-shadow:0 4px 16px #230e2c24;transform:translateY(-1px)}.tile.FAIL{border-color:var(--fail)}.tile.PASS{border-color:var(--pass)}.tile.REVIEW{border-color:var(--review)}.tile-image{position:relative;display:grid;place-items:center;background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 0 0/16px 16px}.tile-image.bg-dark{background:repeating-conic-gradient(#3a3a3a,#3a3a3a 25%,#262626 0%,#262626 50%) 0 0/16px 16px}.tile-image img{width:100%;height:100%;display:block}.tile-badge{position:absolute;top:6px;right:6px}.tile-placeholder{color:#888;font-size:.75rem}.tile figcaption{padding:.4rem .5rem;font-family:ui-monospace,monospace;font-size:.7rem;word-break:break-all;border-top:1px solid var(--border)}.login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(160deg,#f6f5f8,#ece5f1)}.login-card{max-width:420px;text-align:center}.login-card h2{margin-top:0}.login-card .brand{justify-content:center;margin-bottom:1rem;cursor:default}.google-button{display:flex;justify-content:center;margin:1.2rem 0 .4rem}.header-actions{display:flex;align-items:center;gap:.6rem}.usermenu{position:relative}.usermenu-trigger{display:inline-flex;align-items:center;gap:.4rem}.usermenu-caret{font-size:.6rem;color:#6f6879}.usermenu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:41;min-width:10rem;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px #230e2c38;padding:.35rem}.usermenu-pop button{width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:.5rem .6rem;font-size:.85rem;color:#3d3346;cursor:pointer}.usermenu-pop button:hover{background:#f3f0f6}.specfields{margin:.9rem 0;border:1px solid var(--border);border-radius:12px}.disclosure{width:100%;text-align:left;background:#faf9fb;border:0;border-radius:12px;padding:.55rem .7rem;font-size:.85rem;cursor:pointer;color:#3d3346}.disclosure:hover{background:#f3f0f6}.specfields-body{padding:.7rem;border-top:1px solid var(--border)}.specfields fieldset{border:1px solid var(--border);border-radius:10px;margin:.6rem 0;padding:.4rem .7rem .7rem}.specfields legend{font-size:.75rem;color:#6f6879;padding:0 .3rem}.specfield{margin-bottom:.7rem}.specfield label{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.specfield.overridden>label{font-weight:600}.specfield.overridden input,.specfield.overridden select,.specfield.overridden textarea{border-color:var(--purple)}.specfield input[type=text],.specfield input[type=number],.specfield select,.specfield textarea{width:100%}.specfield textarea{font-family:ui-monospace,monospace;font-size:.75rem}.specfield .unit{color:#888;font-weight:400}.tablefield table{border-collapse:collapse;width:100%;max-width:30rem;margin-bottom:.3rem}.tablefield th{font-size:.72rem;font-weight:500;color:#6f6879;text-align:left;padding:0 .4rem .2rem 0}.tablefield td{padding:.12rem .4rem .12rem 0}.tablefield td:last-child{width:1%;white-space:nowrap}.specfield .tablefield input[type=text]{padding:.3rem .5rem;font-size:.8rem}.tablefield small.muted{display:block;margin-bottom:.3rem}.tablefield .linkish.add{font-size:.78rem}.help{display:block;color:#77707f;font-size:.72rem;margin-top:.2rem}.help.warn{color:#a4632a}.tag{background:#ece7f0;border-radius:10px;padding:.05rem .45rem;font-size:.68rem;color:#5c516a}.tag.subtle{background:transparent;border:1px solid var(--border)}.linkish{background:none;border:0;color:var(--purple);cursor:pointer;font-size:.72rem;padding:0}.png-link{display:inline-flex;align-items:center;gap:.28rem;vertical-align:-2px;margin-left:.5rem;padding:.1rem .45rem .1rem .36rem;background:#f1ecf5;color:var(--purple);border:1px solid #e3d8ec;border-radius:999px;font-family:system-ui,sans-serif;font-size:.64rem;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap}.png-link:hover{border-color:var(--purple)}.png-link svg{width:12px;height:12px}.png-link.muted{background:#f4f2f6;color:#b0aab9;border-color:#ebe8ef;cursor:default}.png-link.muted:hover{border-color:#ebe8ef}.psd-orphans{margin:0 0 .8rem;padding:.45rem .75rem;background:#fdf6f6;border:1px solid #f0cccc;border-radius:10px;font-size:.78rem;color:#a23b3b}.psd-orphans button{color:var(--fail);text-decoration:underline;text-underline-offset:2px;font-family:ui-monospace,monospace;font-size:.76rem}.tokens{display:flex;flex-wrap:wrap;gap:.25rem;margin:.3rem 0}.token{font-family:ui-monospace,monospace;font-size:.68rem;padding:.1rem .35rem;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer}.token:hover{background:#f3edf7;border-color:var(--purple)}.specfield input.sample{margin-top:.3rem;font-family:ui-monospace,monospace;font-size:.75rem}.testresult{margin-top:.3rem;font-size:.72rem;padding:.3rem .45rem;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem}.testresult.ok{background:#e7f5f5;color:#14797b}.testresult.bad{background:#fdeeee;color:#9b2c2c}.cap{font-family:ui-monospace,monospace}.row.spread{display:flex;justify-content:space-between;align-items:center}.muted{color:#6f6879}.small{font-size:.75rem}.ok{background:#e7f5f5;color:#14797b;padding:.4rem .6rem;border-radius:8px;margin:.5rem 0}table.projects{width:100%;border-collapse:collapse}table.projects td{padding:.6rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}table.projects td.actions{text-align:right;white-space:nowrap}table.projects td.actions button{margin-left:.3rem}button.danger{color:#9b2c2c}.chip .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-left:.35rem;vertical-align:middle}.refassets{margin-top:1.2rem}.assetlist{list-style:none;padding:0;margin:.5rem 0}.assetlist li{display:flex;align-items:center;gap:.8rem;padding:.35rem 0;border-bottom:1px solid #eee}.assetlist img{height:34px;max-width:140px;object-fit:contain;background:#f2eef6;border-radius:6px;padding:2px 6px}.assetlist .mono{font-family:ui-monospace,monospace;font-size:.8rem}.coverage{margin:.2rem 0 .8rem;display:grid;gap:.25rem}.coverage-row{font-size:.8rem;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--border)}.coverage-row.missing{background:#fdf0f0;border-color:#f1c9c9}.coverage-row.complete{background:#eef8f1;border-color:#cbe8d4}.coverage-row .code{font-family:ui-monospace,monospace;white-space:nowrap}textarea.languages{display:block;width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:.8rem}textarea.languages+small{display:block;margin:.3rem 0 .4rem}.batch-summary{margin:.8rem 0 .4rem;font-weight:600}.batch-actions{display:flex;gap:.6rem;flex-wrap:wrap}.load-more{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0}