.cmp-empty{gap:var(--space-3);display:grid}.cmp-scope{gap:var(--space-2);text-align:left;max-width:44rem;font-size:var(--step--1);color:var(--text-muted);justify-content:center;align-items:flex-start;margin-inline:auto;display:flex}.cmp-scope svg{color:var(--accent);flex:none;margin-top:3px}.cmp-main{padding:var(--space-3);gap:var(--space-3);background:var(--surface-2);border:0;align-content:start;display:grid}.cmp-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cmp-file{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:fade-up var(--dur-3) var(--ease-out) both;transition:box-shadow var(--dur-2), border-color var(--dur-2);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.cmp-file:hover{box-shadow:var(--shadow-sm)}.cmp-file.is-error{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.cmp-file__thumb{aspect-ratio:1/1.3;background:var(--surface-2);border:1px solid var(--border);width:52px;color:var(--danger);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.cmp-file__thumb img{object-fit:contain;background:#fff;width:100%;height:100%}.cmp-file__info{min-width:0;display:grid}.cmp-file__name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.cmp-file__meta{color:var(--text-muted);font-size:.85rem}.cmp-file__hint{color:var(--text-muted);font-size:.82rem}.cmp-file__size{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;padding:.2rem .6rem;font-size:.85rem}.cmp-file.is-error .cmp-file__size{display:none}.cmp-file--hero{padding:var(--space-4);gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto}.cmp-file--hero .cmp-file__thumb{width:104px;box-shadow:var(--shadow-md);border-radius:10px}.cmp-file--hero .cmp-file__name{font-size:var(--step-1);font-family:var(--font-display);white-space:normal;overflow-wrap:anywhere}.cmp-file--hero .cmp-file__size{display:none}.cmp-file--hero .cmp-file__meta{font-size:.95rem}.cmp-tip{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 60%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);color:var(--text-muted);align-items:flex-start;font-size:.9rem;display:flex}.cmp-tip strong{color:var(--text)}.cmp-tip__icon{background:var(--surface);width:30px;height:30px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.cmp-mode{grid-template-columns:1fr 1fr;width:100%;display:grid}.cmp-mode button{justify-content:center;align-items:center;gap:6px;min-height:40px;display:inline-flex}.cmp-levels{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.cmp-level{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);border-radius:var(--radius);cursor:pointer;background:var(--surface);border:1.5px solid var(--border);transition:border-color var(--dur-2), box-shadow var(--dur-2), transform var(--dur-1) var(--ease-out), background-color var(--dur-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.cmp-level:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.cmp-level:active{transform:scale(.99)}.cmp-level.is-checked{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 24px -14px var(--accent-shadow);background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface))}.cmp-level:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.cmp-level__icon{background:var(--surface-2);width:38px;height:38px;color:var(--text-muted);transition:background-color var(--dur-2), color var(--dur-2);border-radius:12px;place-items:center;display:grid}.cmp-level.is-checked .cmp-level__icon{background:var(--accent);color:var(--accent-contrast)}.cmp-level__text{min-width:0;display:grid}.cmp-level__name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.cmp-level small{color:var(--text-muted);font-size:.82rem;line-height:1.35}.cmp-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--surface);color:var(--accent);border:1.5px solid var(--border);padding:0 8px;font-size:.64rem;font-weight:700;line-height:1.5;position:absolute;top:-9px;right:12px}.cmp-level.is-checked .cmp-badge{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.cmp-level__meter{align-items:flex-end;gap:3px;height:20px;display:flex}.cmp-level__meter span{background:var(--border);width:5px;transition:background-color var(--dur-2);border-radius:2px}.cmp-level__meter span:first-child{height:8px}.cmp-level__meter span:nth-child(2){height:14px}.cmp-level__meter span:nth-child(3){height:20px}.cmp-level__meter span.on{background:color-mix(in srgb, var(--accent) 55%, var(--border))}.cmp-level.is-checked .cmp-level__meter span.on{background:var(--accent)}.cmp-target{gap:var(--space-3);display:grid}.cmp-target__row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 84px;display:grid}.cmp-target__row .input{font-family:var(--font-mono);font-size:1.05rem}.cmp-quick{flex-wrap:wrap;gap:6px;display:flex}.cmp-quick__chip{cursor:pointer;min-height:36px;transition:border-color var(--dur-2), background-color var(--dur-2), color var(--dur-2)}.cmp-quick__chip:hover{border-color:var(--accent)}.cmp-quick__chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.cmp-extras{gap:var(--space-3);padding-top:var(--space-1)}.cmp-result{gap:var(--space-5);scroll-margin-top:calc(var(--header-h) + 16px)}.cmp-result__pct{font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.02em;font-weight:700;line-height:1}.cmp-result__pct span{font-variant-numeric:tabular-nums;background:linear-gradient(100deg, var(--accent) 10%, var(--sheen) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5em}.cmp-result__panel{gap:var(--space-3);text-align:left;width:min(100%,560px);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:fade-up var(--dur-3) var(--ease-out) both .12s;display:grid}.cmp-meter{gap:var(--space-2);display:grid}.cmp-meter__row{align-items:center;gap:var(--space-3);grid-template-columns:52px minmax(0,1fr) auto;display:grid}.cmp-meter__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.cmp-meter__track{border-radius:var(--radius-pill);background:var(--surface-2);height:16px;overflow:hidden}.cmp-meter__bar{height:100%;width:var(--w);border-radius:inherit;transform-origin:0;animation:cmp-grow .9s var(--ease-out) both .2s;display:block}.cmp-meter__bar--before{background:repeating-linear-gradient(135deg, var(--border) 0 6px, color-mix(in srgb, var(--border) 60%, var(--surface-2)) 6px 12px)}.cmp-meter__bar--after{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--sheen)));animation-delay:.45s}.cmp-meter__val{font-family:var(--font-mono);text-align:right;min-width:5.5em;font-size:.9rem}@keyframes cmp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cmp-saved,.cmp-target-ok{align-items:center;gap:6px;margin:0;font-size:.93rem;display:flex}.cmp-saved svg{color:var(--accent)}.cmp-target-ok{color:var(--success);font-weight:700}.cmp-notice{margin:0}.cmp-notes{padding:var(--space-3) 0 0;border-top:1px dashed var(--border);color:var(--text-muted);gap:4px;margin:0;font-size:.88rem;list-style:none;display:grid}.cmp-notes li{padding-left:16px;position:relative}.cmp-notes li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:2px}.cmp-notes__one{font-size:.9rem}.cmp-dl-size{font-family:var(--font-mono);opacity:.85;font-size:.8em;font-weight:400}.cmp-result--same{background:radial-gradient(420px 220px at 50% 0%, var(--accent-soft), transparent 70%), var(--surface-2)}.cmp-result__badge{background:var(--surface);width:64px;height:64px;color:var(--accent);border:2px solid var(--accent);animation:pop .5s var(--ease-spring) both .12s;border-radius:50%;place-items:center;display:grid}.cmp-result--same .result-card__meta{max-width:34rem}.cmp-rows{padding:var(--space-2) 0 0;gap:var(--space-2);border-top:1px dashed var(--border);margin:0;list-style:none;display:grid}.cmp-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.cmp-row+.cmp-row{border-top:1px solid var(--border)}.cmp-row__info{gap:2px;min-width:0;display:grid}.cmp-row__name{white-space:nowrap;text-overflow:ellipsis;font-size:.93rem;font-weight:700;overflow:hidden}.cmp-row__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.cmp-row__warn{color:var(--warning);font-weight:700}.cmp-row__bar{border-radius:var(--radius-pill);background:var(--surface-2);height:6px;margin-top:4px;overflow:hidden}.cmp-row__bar span{height:100%;width:var(--w);background:var(--accent);border-radius:inherit;transform-origin:0;animation:cmp-grow .8s var(--ease-out) both .5s;display:block}.cmp-pill{font-family:var(--font-mono);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success);padding:.2rem .6rem;font-size:.85rem;font-weight:700}.cmp-pill.is-same{background:var(--surface-2);color:var(--text-muted)}.cmp-row.is-failed{grid-template-columns:1fr}@media (width<=860px){.cmp-main{max-height:none}.cmp-file__size{display:none}.cmp-file{grid-template-columns:auto minmax(0,1fr) auto}.cmp-result__pct{font-size:var(--step-2)}.cmp-file--hero .cmp-file__thumb{width:72px}.cmp-result__panel{padding:var(--space-4)}.cmp-result .result-card__actions{width:100%}.cmp-result .result-card__actions .btn{flex:100%}}@media (prefers-reduced-motion:reduce){.cmp-meter__bar,.cmp-row__bar span{animation:none}}