/* Kole UI LayoutSwitcher 样式 — 布局切换 */
.kole-layoutsw { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); display: flex; gap: 12px; flex-wrap: wrap; }
.kole-layoutsw-opt { border: 1px solid var(--kole-color-border); border-radius: 8px; padding: 8px; cursor: pointer; width: 128px; transition: border-color .15s, box-shadow .15s; }
.kole-layoutsw-opt:hover { border-color: #B7C4FF; }
.kole-layoutsw-opt.is-active { border-color: var(--kole-color-brand); box-shadow: 0 0 0 3px rgba(47,84,235,0.12); }
.kole-layoutsw-mini { height: 66px; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; background: var(--kole-color-card-bg); border: 1px solid var(--kole-color-border); }
.kole-layoutsw-mini .s-top { height: 16px; background: var(--kole-color-brand); }
.kole-layoutsw-mini .s-body { flex: 1; display: flex; }
.kole-layoutsw-mini .s-side { width: 22px; background: #B7C4FF; }
.kole-layoutsw-mini .s-main { flex: 1; background: var(--kole-color-page-bg); }
.kole-layoutsw-label { font-size: 13px; color: var(--kole-color-text-body); text-align: center; margin-top: 6px; }