.studio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); align-items: start; }
@media (max-width: 900px) { .studio-grid { grid-template-columns: 1fr; } }
#src-text, #tgt-text { display: block; width: calc(100% - 2 * var(--sp-3)); margin: var(--sp-3); min-height: 260px; }
.mini-select { background: var(--surfaceAlt); color: var(--text); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 0.35rem 0.5rem; font-family: var(--font-mono); font-size: var(--t-sm); }
.loss-notes { padding: 0 var(--sp-3) var(--sp-3); color: var(--code-rw); font-size: var(--t-xs); font-family: var(--font-mono); }
.loss-notes:empty { display: none; }
.verify-row { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-5) 0 var(--sp-3); flex-wrap: wrap; }
.verify-row .btn { padding: 0.7rem 1.4rem; font-size: var(--t-md); }
.verdict-banner { padding: var(--sp-5); border-radius: var(--r-lg); font-family: var(--font-mono); font-size: var(--t-lg); font-weight: 600; text-align: center; border: 1px solid var(--border); box-shadow: var(--sh-md); }
.verdict-banner.pass { color: var(--code-200); background: var(--code-200-wash); border-color: var(--code-200-edge); box-shadow: var(--glow-200); }
.verdict-banner.fail { color: var(--code-404); background: var(--code-404-wash); border-color: var(--code-404-edge); box-shadow: var(--glow-danger); }
.verdict-sub { display: block; margin-top: var(--sp-2); font-size: var(--t-sm); color: var(--muted); font-family: var(--font-sans); font-weight: 400; }
.report-block, .ship-block { margin-top: var(--sp-5); }
.report-block h3, .ship-block h3 { margin-bottom: var(--sp-3); }
.check-row { display: flex; flex-direction: column; gap: 2px; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm); border: 1px solid var(--border); background: var(--surfaceAlt); font-family: var(--font-mono); font-size: var(--t-sm); margin-top: var(--sp-2); }
.check-row.ok { border-left: 3px solid var(--code-200); }
.check-row.bad { border-left: 3px solid var(--code-404); }
.check-row .why { color: var(--code-404); font-size: var(--t-xs); }
.ship-block pre { background: var(--bg); border: 1px solid var(--border); border-radius: var(--r-sm); padding: var(--sp-3); font-family: var(--font-mono); font-size: var(--t-sm); overflow: auto; margin: var(--sp-2) 0 0; }
