.semver-studio{gap:.85rem;display:grid}.semver-studio .tool-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.1rem;display:grid}.semver-studio .mode-tabs{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-lg);background:var(--color-canvas-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.35rem;display:grid}.semver-studio .mode-tab{border-radius:var(--radius-md);min-height:40px;color:var(--color-mute);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.45rem .7rem;font-size:.78rem;font-weight:700}.semver-studio .mode-tab.active{border-color:var(--color-accent);background:var(--color-card);color:var(--color-accent);box-shadow:var(--shadow-sm)}.semver-studio .tool-panel h2{border:0;padding:0}.semver-studio .panel-topline{border-bottom:1px solid var(--color-hairline-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 5%, var(--color-card)), var(--color-card));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.semver-studio .eyebrow{color:var(--color-accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .15rem;font-size:.68rem;font-weight:800}.semver-studio .panel-topline h2{margin:0;font-size:1rem}.semver-studio .panel-actions{gap:.35rem;display:flex}.semver-studio .icon-button,.semver-studio .swap-button{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-card);width:36px;height:36px;color:var(--color-body);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.semver-studio .icon-button:hover,.semver-studio .swap-button:hover,.semver-studio .icon-button.copied{border-color:var(--color-accent);color:var(--color-accent)}.semver-studio .success-icon{color:var(--color-success);display:none}.semver-studio .success-icon.visible{display:block}.semver-studio .hidden-icon,.semver-studio .mode-panel[hidden]{display:none}.semver-studio .version-row{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:start;gap:.6rem;display:grid}.semver-studio .version-row.no-swap{grid-template-columns:repeat(2,minmax(0,1fr))}.semver-studio .swap-button{margin-top:1.48rem}.semver-studio .field em{color:var(--color-mute);font-size:.72rem;font-style:normal;font-weight:500}.semver-studio .field small{min-height:1rem;color:var(--color-mute);font-size:.72rem}.semver-studio .field .field-error{color:var(--color-danger,#b42318)}.semver-studio input[aria-invalid=true]{border-color:var(--color-danger,#dc2626)}.semver-studio .preset-row{flex-wrap:wrap;gap:.4rem;display:flex}.semver-studio .preset-row button,.semver-studio .history-chip{border:1px solid var(--color-hairline-strong);background:var(--color-card);min-height:30px;color:var(--color-body);cursor:pointer;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:650}.semver-studio .preset-row button:hover,.semver-studio .history-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.semver-studio .check-row{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-canvas-soft);align-items:flex-start;gap:.55rem;padding:.75rem;font-size:.8rem;display:flex}.semver-studio .check-row input{margin-top:.1rem}.semver-studio .history-section{gap:.45rem;display:grid}.semver-studio .history-section[hidden]{display:none}.semver-studio .muted-label{color:var(--color-mute);text-transform:uppercase;font-size:.7rem;font-weight:700}.semver-studio .history-chips{flex-wrap:wrap;gap:.4rem;display:flex}.semver-studio .result-body{min-height:460px}.semver-studio .summary-line{color:var(--color-mute);justify-content:space-between;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.semver-studio .result-badge{background:var(--badge-neutral-bg);width:fit-content;color:var(--badge-neutral-fg);border-radius:999px;align-items:center;padding:.25rem .62rem;font-size:.7rem;font-weight:800;display:inline-flex}.semver-studio .result-badge.accent{background:var(--color-accent-soft);color:var(--color-accent)}.semver-studio .result-badge.success{color:#166534;background:#dcfce7}.semver-studio .result-badge.warning{color:#92400e;background:#fef3c7}.semver-studio .result-badge.danger{color:#991b1b;background:#fee2e2}.semver-studio .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.semver-studio .metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.semver-studio .metric-card,.semver-studio .note-card,.semver-studio .insight-card,.semver-studio .context-card,.semver-studio .normalized-card,.semver-studio .warning-card{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-canvas-soft);min-width:0;padding:.8rem}.semver-studio .metric-card{gap:.2rem;display:grid}.semver-studio .metric-card span,.semver-studio .normalized-card span{color:var(--color-mute);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:750}.semver-studio .metric-card strong{overflow-wrap:anywhere;color:var(--color-ink);font-family:var(--font-mono);font-size:.88rem}.semver-studio .metric-card small{color:var(--color-mute);font-size:.68rem}.semver-studio .table-wrap{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);overflow-x:auto}.semver-studio table{border-collapse:collapse;width:100%;font-size:.76rem}.semver-studio th,.semver-studio td{border-bottom:1px solid var(--color-hairline);text-align:left;white-space:nowrap;padding:.6rem .7rem}.semver-studio thead th{background:var(--color-canvas-soft);color:var(--color-mute);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem}.semver-studio tbody tr:last-child>*{border-bottom:0}.semver-studio tbody tr.changed{background:color-mix(in srgb, var(--color-accent) 5%, transparent)}.semver-studio tbody th{color:var(--color-ink)}.semver-studio td{font-family:var(--font-mono)}.semver-studio .insight-card{border-left:3px solid var(--color-accent)}.semver-studio .insight-card strong,.semver-studio .note-card strong,.semver-studio .context-card strong,.semver-studio .warning-card strong{color:var(--color-ink);margin-bottom:.3rem;font-size:.78rem;display:block}.semver-studio .insight-card p,.semver-studio .note-card p,.semver-studio .context-card p,.semver-studio .warning-card p{color:var(--color-body);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.55}.semver-studio .two-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.semver-studio .normalized-card{gap:.35rem;display:grid}.semver-studio .normalized-card code{overflow-wrap:anywhere;color:var(--color-ink);font-size:.78rem}.semver-studio .warning-card{background:#fffbeb;border-color:#f59e0b}.semver-studio .empty-state{border:1px dashed var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-canvas-soft);align-content:center;place-items:start;gap:.55rem;min-height:220px;padding:1rem;display:grid}.semver-studio .empty-state.compact{min-height:90px}.semver-studio .empty-state h3,.semver-studio .empty-state p{margin:0}.semver-studio .empty-state p{color:var(--color-mute);font-size:.82rem}.semver-studio .range-track{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.9rem;display:grid}.semver-studio .range-track>div{grid-template-columns:auto 1fr;align-items:center;gap:.35rem;display:grid}.semver-studio .range-track small{color:var(--color-mute);grid-column:2;font-size:.65rem}.semver-studio .dot{background:#9ca3af;border-radius:50%;width:9px;height:9px}.semver-studio .dot.pass{background:#16a34a}.semver-studio .dot.fail{background:#dc2626}.semver-studio .track-line{background:var(--color-hairline-strong);height:2px}@media (width<=720px){.semver-studio .tool-grid,.semver-studio .metric-grid.three{grid-template-columns:1fr}}@media (width<=560px){.semver-studio .mode-tabs,.semver-studio .version-row,.semver-studio .version-row.no-swap,.semver-studio .metric-grid,.semver-studio .two-note-grid{grid-template-columns:1fr}.semver-studio .swap-button{width:100%;margin-top:0}.semver-studio .summary-line{flex-direction:column;align-items:flex-start}.semver-studio .range-track{grid-template-columns:1fr}.semver-studio .track-line{width:2px;height:24px;margin-left:4px}}