.sq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:640px){.sq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sq-panel{margin:0}
.sq-frame{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#000;aspect-ratio:16/9}
.sq-frame canvas{display:block;width:100%;height:100%;object-fit:cover}
#sq-blur{transform:scale(1.06)}
#sq-tiny{image-rendering:pixelated}
.sq-panel figcaption{margin-top:8px;font-size:.82rem;color:var(--muted)}
.sq-result{display:flex;align-items:center;gap:28px;margin-top:30px}
.sq-score{display:flex;align-items:baseline;gap:8px;flex:none}
.sq-score b{font-size:clamp(4rem,12vw,5.6rem);font-weight:750;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
.sq-score span{color:var(--muted);font-size:1rem}
.sq-side{flex:1;min-width:0}
.sq-verdict{margin:0 0 12px;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.sq-meter{position:relative;height:6px;border-radius:6px;background:var(--line)}
.sq-meter i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:var(--ink);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.sq-meter u{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--bg);text-decoration:none}
.sq-meta{margin:12px 0 0;font-size:.9rem;color:var(--muted)}
.sq-meta b{color:var(--text);font-weight:600}
.sq-dot{margin:0 4px}
.sq-tip{margin:18px 0 0;font-size:1.02rem;color:var(--text-2);max-width:58ch}
.sq-slider{max-width:320px}
.sq-foot{margin-top:18px}
.sq-foot .linkbtn{margin-left:10px;font-size:inherit}
.more{margin-top:18px}
@media (max-width:520px){.sq-result{flex-direction:column;align-items:flex-start;gap:16px}.sq-side{width:100%}}