.eks-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.3rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff}.eks-mode-tab{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap;min-height:2.75rem;padding:.45rem .4rem;border-radius:calc(var(--radius-md) - 2px);border:1px solid var(--color-accent);background:var(--color-accent-light);color:var(--color-accent-dark);font-size:.85rem;font-weight:700;line-height:1.2;cursor:pointer;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s}.eks-mode-tab:hover{background:#bfdbfe;color:var(--color-accent-dark)}.eks-mode-tab.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent, #fff)}.eks-mode-tab.is-active:hover{background:var(--color-accent);color:var(--color-text-on-accent, #fff)}.eks-mode-tab-count{font-size:.72rem;font-weight:700;opacity:.9}.eks-mode-tab:not(.is-active) .eks-mode-tab-count{color:var(--color-accent-dark)}.eks-mode-tab:not(.is-active) .eks-mode-tab-count--muted{color:var(--color-accent-dark);font-weight:600;opacity:.85}.eks-mode-panel{scroll-margin-top:5rem}.eks-mode-hint{margin:0;padding:.35rem .15rem;font-weight:600;min-height:2.75rem;display:flex;align-items:center;box-sizing:border-box}.eks-work-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;padding:.3rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff}.eks-work-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.4rem .5rem;border-radius:calc(var(--radius-md) - 2px);border:1px solid var(--color-accent);background:var(--color-accent-light);color:var(--color-accent-dark);font-size:.82rem;font-weight:700;line-height:1.2;cursor:pointer;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s}.eks-work-tab:hover{background:#bfdbfe;color:var(--color-accent-dark)}.eks-work-tab.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent, #fff)}.eks-work-tab.is-active:hover{background:var(--color-accent);color:var(--color-text-on-accent, #fff)}.eks-chip-wrap.is-use-only .eks-chip-remove{display:none}.eks-mini-btn{font-size:.75rem;font-weight:600;padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-accent-light);color:var(--color-accent-dark);transition:opacity .15s}.eks-mini-btn:disabled{opacity:.45;cursor:not-allowed}.eks-mini-btn-muted{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.eks-mini-btn-muted:hover{background:#e2e8f0}.eks-mini-btn-danger{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.eks-mini-btn-danger:hover{background:#fee2e2;border-color:#f87171}.eks-cross-link{font-size:11px;color:var(--color-accent-dark);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.eks-cross-link:hover{opacity:.85}.eks-chip-strip{display:flex;gap:.35rem;overflow-x:auto;padding:.3rem .3rem .15rem 0;-webkit-overflow-scrolling:touch}.eks-chip{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.25rem .5rem;font-size:1.25rem;line-height:1.2;cursor:pointer;user-select:none;touch-action:manipulation;transition:background .12s,transform .1s}.eks-chip.eks-chip-kaomoji{font-size:.8rem;max-width:9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eks-chip.is-fav-mark:after{content:"★";position:absolute;top:-2px;right:2px;font-size:.55rem;color:#b45309}.eks-chip-wrap{position:relative;display:inline-flex;align-items:stretch;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;overflow:hidden;transition:border-color .12s}.eks-chip-wrap:hover{border-color:var(--color-accent)}.eks-chip-remove{flex-shrink:0;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;padding:0;border:none;border-left:1px solid var(--color-border);border-radius:0;background:#fef2f2;color:#ef4444;font-size:.9rem;line-height:1;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .12s,color .12s}.eks-chip-remove:hover,.eks-chip-remove:focus-visible{background:#fecaca;color:#b91c1c}.eks-chip.is-dragging{opacity:.5}.eks-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.4rem .5rem;border-radius:calc(var(--radius-md) - 2px);border:1px solid var(--color-accent);background:var(--color-accent-light);color:var(--color-accent-dark);font-size:.85rem;font-weight:700;line-height:1.2;cursor:pointer;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s}.eks-tab:hover{background:#bfdbfe;color:var(--color-accent-dark)}.eks-tab-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent, #fff)}.eks-tab-active:hover{background:var(--color-accent);color:var(--color-text-on-accent, #fff)}.eks-catalog-toolbar{display:flex;flex-direction:column;gap:.55rem}.eks-catalog-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.3rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;width:100%}.eks-catalog-search{width:100%;min-width:0}.eks-search-input{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.4rem .75rem;font-size:1rem;line-height:1.35;background:#fff;color:var(--color-text)}.eks-search-input:focus{outline:none;border-color:var(--color-accent)}@media(min-width:640px){.eks-search-input{font-size:.875rem;padding:.45rem .75rem}}.eks-mode-label-active{color:var(--color-accent-dark)}.eks-catalog-hint{padding-top:.05rem}.eks-result-count{max-width:55%;white-space:nowrap}.eks-catalog-pick-hint{flex:1 1 auto}.eks-catalog-pick-hint[hidden],.eks-catalog-pick-hint.hidden{display:none}.eks-cat-tabs{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--color-border);margin:0 -.15rem;padding:0 .15rem .7rem;min-height:3.25rem;scrollbar-gutter:stable}.eks-cat-tabs[hidden],.eks-cat-tabs.hidden{display:none}.eks-cat-chip{flex-shrink:0;margin:0;padding:.65rem .7rem .45rem;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-muted);font-size:.78rem;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:color .12s,border-color .12s,background .12s}.eks-cat-chip:hover{color:var(--color-accent-dark);background:var(--color-accent-light)}.eks-cat-chip-active{border-bottom-color:var(--color-accent);color:var(--color-accent-dark);background:transparent;font-weight:700}.eks-cat-chip-active:hover{background:transparent}.eks-virtual-host{height:min(62vh,520px);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fafafa}.eks-virtual-inner{position:relative;width:100%}.eks-virtual-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:4px;position:absolute;left:0;right:0;width:100%}.eks-virtual-list{position:absolute;left:0;right:0;width:100%;padding:4px;display:flex;flex-direction:column;gap:2px}@media(min-width:640px){.eks-virtual-grid{grid-template-columns:repeat(10,1fr)}}@media(min-width:1024px){.eks-virtual-grid{grid-template-columns:repeat(12,1fr)}}.eks-cell{min-height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:#fff;cursor:pointer;font-size:1.35rem;padding:2px;touch-action:manipulation;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.eks-kao-row{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.75rem;padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid transparent;background:#fff;cursor:pointer;text-align:left;font-size:.85rem;line-height:1.35;touch-action:manipulation}.eks-kao-row:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.eks-kao-row.is-in-fav,.eks-cell.is-in-fav,.eks-kao-row.is-in-group,.eks-cell.is-in-group{box-shadow:inset 0 0 0 2px #fbbf24}.eks-kao-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}.eks-kao-tag{flex-shrink:0;font-size:.65rem;color:var(--color-text-muted);max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eks-cell:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.eks-group-card{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:.75rem;min-height:4.5rem;background:#fafafa}.eks-group-card.is-dragover{border-color:var(--color-accent);background:var(--color-accent-light)}.eks-group-empty{font-size:.75rem;color:var(--color-text-muted);text-align:center;padding:.75rem .5rem}.eks-group-table{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:#fff}.eks-add-group-btn{display:block;width:100%;box-sizing:border-box;min-height:2.75rem;padding:.55rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-accent);background:var(--color-accent-light);color:var(--color-accent-dark);font-size:.85rem;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;touch-action:manipulation;transition:background .15s,opacity .15s}.eks-add-group-btn:hover:not(:disabled){background:#bfdbfe}.eks-add-group-btn:disabled{opacity:.45;cursor:not-allowed}.eks-add-group-btn[hidden],.eks-add-group-btn.hidden{display:none}.eks-group-thead,.eks-group-row{display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr) auto;gap:.5rem .65rem;align-items:start;padding:.55rem .65rem}.eks-group-table--use .eks-group-thead,.eks-group-table--use .eks-group-row{grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr) auto}.eks-group-name-label{margin:0;font-size:.8rem;font-weight:700;line-height:1.35;padding:.35rem 0;word-break:break-word}.eks-group-thead{background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.7rem;font-weight:600;color:var(--color-text-muted)}.eks-group-row{border-bottom:1px solid var(--color-border);background:#fff;position:relative}.eks-group-table:not(.eks-group-table--use) .eks-group-row{cursor:pointer}.eks-group-row:last-child{border-bottom:none}.eks-group-row:hover{background:#fafafa}.eks-group-row.is-active{background:#dbeafe;box-shadow:inset 0 0 0 2px var(--color-accent);border-bottom-color:transparent;z-index:1}.eks-group-row.is-active:hover{background:#dbeafe}.eks-group-row.is-dragover{background:var(--color-accent-light);outline:1px dashed var(--color-accent);outline-offset:-2px}.eks-group-col-name input{width:100%;font-size:.8rem;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.3rem .45rem;background:#fff}.eks-group-col-items{min-width:0}.eks-group-col-items .eks-chip-strip{min-height:0}.eks-group-col-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.eks-group-items-empty{font-size:.72rem;color:var(--color-text-muted);line-height:1.4;padding:.25rem 0}@media(max-width:639px){.eks-group-thead{display:none}.eks-group-row{grid-template-columns:1fr;grid-template-areas:"name" "items" "actions"}.eks-group-col-name{grid-area:name}.eks-group-col-items{grid-area:items}.eks-group-col-actions{grid-area:actions;justify-content:stretch}.eks-group-col-actions .eks-mini-btn{flex:1;text-align:center}}.eks-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:100;background:#0f172aeb;color:#fff;font-size:.8rem;padding:.5rem 1rem;border-radius:999px;pointer-events:none;white-space:nowrap}.eks-dialog::backdrop{background:#00000059}
