.option-button{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;background:#fff;color:#111827;border:1px solid #cbd5e1;box-shadow:none}
.option-button:hover{background:#f8fafc}
.option-button.selected{background:var(--option-bg);color:var(--option-text);border-color:#111827;box-shadow:0 0 0 2px #fff inset;font-weight:700}
.option-button.selected:hover{background:var(--option-bg)}
.option-swatch{display:inline-block;width:16px;height:16px;border:1px solid #334155;border-radius:2px;background:var(--option-bg)}
.option-label{min-width:0}
.option-button .shortcut{float:none;justify-self:end}
.context-card{align-content:start}
.context-card.full{grid-column:1/-1}
.context-options{display:grid;gap:5px}
.context-option{background:#fff;color:#111827;border:1px solid #cbd5e1;text-align:left;font-weight:500}
.context-option:hover{background:#f8fafc}
.context-option.selected{background:#dbeafe;color:#111827;border-color:#2563eb;font-weight:700}
.context-clear{background:transparent;color:#475569;border:0;padding:.35rem .2rem;text-align:left;font-weight:600}
.context-other{margin-top:2px}
.angle-canvas{height:150px}
@media(max-width:1100px){.angle-canvas{height:135px}}