.workspace-modal .workspace-modal-body{flex-direction:column;gap:20px;padding-top:8px;display:flex}.workspace-modal .ws-field-label{color:var(--text-secondary,#666);margin-bottom:8px;font-size:13px;font-weight:600}.workspace-modal .ws-name-row{align-items:center;gap:12px;display:flex}.workspace-modal .ws-swatches{flex-wrap:wrap;gap:10px;display:flex}.workspace-modal .ws-swatch{cursor:pointer;outline-offset:2px;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s,box-shadow .12s}.workspace-modal .ws-swatch:hover{transform:scale(1.08)}.workspace-modal .ws-swatch.selected{box-shadow:0 0 0 2px var(--bg-color,#fff),0 0 0 4px currentColor;border-color:#fff}.workspace-modal .ws-icon-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.workspace-modal .ws-icon-cell{aspect-ratio:1;border:1px solid var(--border-color,#e5e7eb);color:var(--text-color,#333);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.workspace-modal .ws-icon-cell svg{width:20px;height:20px;display:block}.workspace-modal .ws-icon-cell:hover{border-color:var(--text-secondary,#999)}.workspace-modal .ws-icon-cell.selected{color:#fff}.workspace-modal .workspace-modal-footer{justify-content:space-between;align-items:center;display:flex}.workspace-modal .workspace-modal-footer .footer-right{gap:8px;display:flex}@media screen and (max-width:480px){.workspace-modal{max-width:none;margin:8px auto;width:calc(100vw - 16px)!important}.workspace-modal .ant-modal-content{padding:16px}.workspace-modal .ws-name-row{flex-direction:column;align-items:stretch}.workspace-modal .ws-icon-grid{grid-template-columns:repeat(5,1fr)}.workspace-modal .workspace-modal-footer{flex-direction:column-reverse;align-items:stretch;gap:8px}.workspace-modal .workspace-modal-footer .footer-right{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}
.workspace-switcher-trigger{cursor:pointer;background:#fff;border:1px solid #d8e1ea;border-radius:8px;align-items:center;gap:8px;width:100%;height:36px;padding:0 10px;transition:background .15s,border-color .15s;display:flex}.workspace-switcher-trigger:hover{background:#f8fafc;border-color:#b8c7d5}.workspace-switcher-trigger .trigger-name{text-align:left;color:#243445;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.workspace-switcher-trigger .trigger-count{color:#64748b;background:#f1f5f3;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.workspace-switcher-trigger .trigger-chevron{color:#64748b;font-size:10px}.workspace-menu{width:280px;color:var(--text-color);background:#fff;padding:6px}.workspace-menu .workspace-menu-header{text-transform:uppercase;letter-spacing:.04em;color:#64748b;padding:6px 10px 4px;font-size:11px;font-weight:700}.workspace-menu .workspace-menu-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.workspace-menu .workspace-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;transition:background .12s;display:flex}.workspace-menu .workspace-row:hover{background:#f4f7f5}.workspace-menu .workspace-row.active{background:color-mix(in srgb, var(--app-accent-color) 12%, #fff)}.workspace-menu .workspace-row.dragging{opacity:.45}.workspace-menu .workspace-row .drag-grip{cursor:grab;color:#a0aaa4;letter-spacing:-3px;font-size:11px;line-height:1}.workspace-menu .workspace-row .workspace-name{color:#243445;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.workspace-menu .workspace-row .workspace-name-input{border:1px solid var(--border-color,#d9d9d9);color:var(--text-color);background:#fff;border-radius:4px;outline:none;flex:1;padding:1px 6px;font-size:14px}.workspace-menu .workspace-row .workspace-count{color:#7a887f;text-align:right;min-width:18px;font-size:12px}.workspace-menu .workspace-row .workspace-edit-btn{color:#7a887f;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:opacity .12s,color .12s;display:inline-flex}.workspace-menu .workspace-row .workspace-edit-btn svg{width:13px;height:13px}.workspace-menu .workspace-row .workspace-edit-btn:hover{color:var(--text-color);background:#fff}.workspace-menu .workspace-row:hover .workspace-edit-btn{opacity:1}.workspace-menu .workspace-row .workspace-check{color:var(--app-accent-color);font-weight:700}.workspace-menu .workspace-menu-divider{background:#e2e8f0;height:1px;margin:6px 4px}.workspace-menu .workspace-new-btn{cursor:pointer;color:#243445;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.workspace-menu .workspace-new-btn .plus{color:#64748b;font-size:15px}.workspace-menu .workspace-new-btn:hover{background:#f8fafc}.workspace-menu .workspace-menu-footer{color:#64748b;align-items:center;gap:6px;padding:8px 10px 4px;font-size:12px;display:flex}.workspace-menu .workspace-menu-footer kbd{color:#64748b;background:#f8fafc;border:1px solid #d8e1ea;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px}:root.dark .workspace-switcher-trigger{border-color:var(--border-color);background:var(--input-bg)}:root.dark .workspace-switcher-trigger:hover{border-color:color-mix(in srgb, var(--app-accent-color) 55%, var(--border-color));background:color-mix(in srgb, var(--app-accent-color) 10%, var(--input-bg))}:root.dark .workspace-switcher-trigger .trigger-name{color:var(--text-color)}:root.dark .workspace-switcher-trigger .trigger-count{background:var(--bg-color);color:var(--text-secondary)}:root.dark .workspace-switcher-trigger .trigger-chevron{color:var(--text-secondary)}:root.dark .workspace-menu{background:var(--card-bg);color:var(--text-color)}:root.dark .workspace-menu .workspace-menu-header,:root.dark .workspace-menu .workspace-count,:root.dark .workspace-menu .workspace-edit-btn,:root.dark .workspace-menu .workspace-menu-footer{color:var(--text-secondary)}:root.dark .workspace-menu .workspace-row:hover{background:color-mix(in srgb, var(--app-accent-color) 10%, var(--card-bg))}:root.dark .workspace-menu .workspace-row.active{background:color-mix(in srgb, var(--app-accent-color) 18%, var(--card-bg))}:root.dark .workspace-menu .workspace-row .workspace-name{color:var(--text-color)}:root.dark .workspace-menu .workspace-row .workspace-name-input{background:var(--input-bg);color:var(--text-color)}:root.dark .workspace-menu .workspace-row .workspace-edit-btn:hover{color:var(--text-color);background:var(--bg-color)}:root.dark .workspace-menu .workspace-menu-divider{background:var(--border-color)}:root.dark .workspace-menu .workspace-new-btn{color:var(--text-color)}:root.dark .workspace-menu .workspace-new-btn .plus{color:var(--text-secondary)}:root.dark .workspace-menu .workspace-new-btn:hover{background:var(--bg-color)}:root.dark .workspace-menu .workspace-menu-footer kbd{border-color:var(--border-color);background:var(--bg-color);color:var(--text-secondary)}@media screen and (max-width:480px){.workspace-menu{width:min(280px,100vw - 16px)}}
