.btn,.menu-action,.seg-btn,.dot-menu{border:0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:var(--button-font);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-case);box-shadow:var(--button-shadow);background-image:var(--button-texture)}
.btn{padding:10px 18px;border-radius:var(--button-radius);font-size:13px;font-weight:700;min-block-size:var(--tap)}
.btn-p{background:var(--button-bg);border:var(--button-border-width) var(--button-border-style) var(--button-border);color:var(--button-text)}.btn-p:active{filter:var(--button-active)}
.btn-s{background:var(--button-soft);color:var(--text);border:var(--button-border-width) var(--button-border-style) color-mix(in srgb,var(--button-border) 32%,var(--line))}.btn-s:active{filter:brightness(.96)}
.card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-block-start:1rem}
.content-controls{display:flex;flex-direction:column;gap:.6rem}.sw{position:relative;display:block;inline-size:100%;min-inline-size:0}.sw svg{position:absolute;inset-inline-start:12px;inset-block-start:50%;transform:translateY(-50%);inline-size:16px;block-size:16px;stroke:var(--muted);fill:none;stroke-width:2}.sw input{inline-size:100%;min-inline-size:0;padding:12px 12px 12px 38px;border:1px solid var(--line);border-radius:var(--rs);background:var(--surf);font-size:16px;color:var(--text);outline:none}.sw input:focus{border-color:var(--p700)}.sw input::placeholder{color:var(--n300)}.sort-sel,.menu-select{inline-size:100%;padding:12px;border:1px solid var(--line);border-radius:var(--rs);background-color:var(--surf);font-size:15px;cursor:pointer;outline:none;appearance:auto;color:var(--text)}
html[data-hand="Canhoto"] .card-actions{justify-content:flex-start}
