.use-mode-selector{flex-direction:column;gap:.35rem;display:flex}.use-mode-selector-label{letter-spacing:.06em;text-transform:uppercase;color:#71717a;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;display:flex}.use-mode-selector-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.4rem;display:grid}.use-mode-selector-card{all:unset;cursor:pointer;border:1px solid #e4e4e7;border-radius:4px;flex-direction:column;align-items:stretch;gap:.25rem;padding:.25rem;transition:border-color .12s,background .12s;display:flex}.use-mode-selector-card:hover{border-color:#a1a1aa}.use-mode-selector-card:focus-visible{outline-offset:1px;outline:2px solid #a1a1aa}.use-mode-selector-card--active{background:#f5f5f4;border-color:#18181b}.use-mode-selector-card--active:hover{border-color:#18181b}.use-mode-scheme-swatch{aspect-ratio:1.5;background:#efefee;border:1px solid #e4e4e7;border-radius:3px;display:flex;overflow:hidden}.use-mode-scheme-swatch-stripe{flex:1}.use-mode-format-swatch{aspect-ratio:1.5;background:#efefee;border-radius:3px;justify-content:center;align-items:center;padding:.25em;display:flex;overflow:hidden}.use-mode-format-swatch-inner{background:#fff;border:1px solid #e4e4e7;border-radius:2px}.use-mode-layout-swatch{aspect-ratio:1.5;background:#efefee;border-radius:3px;justify-content:center;align-items:center;padding:.25em;display:flex;overflow:hidden}.use-mode-layout-swatch-inner{background:#fff;border:1px solid #e4e4e7;border-radius:2px;position:relative;overflow:hidden}.use-mode-layout-swatch-block{background:#e4e4e7;border-radius:1px;position:absolute}.use-mode-layout-swatch-block--text{background:#bcbcc3;border-radius:999px}.use-mode-layout-swatch-block--ellipse{border-radius:50%}.use-mode-selector-card-title{color:#18181b;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.use-mode-select{all:unset;cursor:pointer;box-sizing:border-box;color:#18181b;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a1a1aa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:8px 5px;border:1px solid #e4e4e7;border-radius:4px;width:100%;padding:.25rem 1.5rem .25rem .5rem;font-family:inherit;font-size:.8rem}.use-mode-select:focus{border-color:#a1a1aa;outline:none}.use-mode-selector-radio-list{flex-direction:column;gap:.4rem;display:flex}.use-mode-selector-radio-row{color:#18181b;cursor:pointer;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.use-mode-selector-radio-row input{cursor:pointer;accent-color:#18181b}