.workspace-selector{--workspace-background:#0f041e;--workspace-accent:#7938ff;--workspace-foreground:#fff;background:var(--workspace-background);min-height:100vh}.workspace-selector__main{width:min(100% - 64px,1160px);color:var(--workspace-foreground);margin:0 auto;padding:64px 0 80px}.workspace-selector__main>h1{text-align:center;letter-spacing:-.02em;color:var(--workspace-foreground);margin:0 0 24px;font-size:clamp(28px,3.5vw,38px);font-weight:750;line-height:1.2}.workspace-selector__filters{align-items:center;gap:16px;margin-bottom:20px;display:flex}.workspace-selector__search{flex:1;min-width:0}.workspace-selector__search input{color:#21182d;background:#fff;border:1px solid #d4cfe0;border-radius:6px;width:100%;min-height:44px;padding:10px 12px;font-size:14px}.workspace-selector__roles{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.workspace-selector__roles label{cursor:pointer;align-items:center;gap:6px;min-height:44px;font-size:14px;display:flex}.workspace-selector__roles input{width:16px;height:16px;accent-color:var(--workspace-accent);margin:0}.workspace-selector__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.workspace-selector__item,.workspace-tile{min-width:0}.workspace-tile{--workspace-art-size:220px;text-align:center;padding:8px 12px;position:relative}.workspace-tile__entry{cursor:pointer;width:100%;color:var(--workspace-foreground);background:0 0;border:0;flex-direction:column;align-items:center;gap:16px;padding:0;display:flex}.workspace-tile__entry img{width:min(100%, var(--workspace-art-size));height:var(--workspace-art-size);object-fit:contain}.workspace-tile__name{background:var(--workspace-accent);width:min(100%,200px);min-height:44px;color:var(--workspace-foreground);text-transform:uppercase;overflow-wrap:anywhere;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:750;line-height:1.4;transition:background .15s;display:flex}.workspace-tile__entry:hover .workspace-tile__name{background:#6224dd}.workspace-tile__actions{top:calc(var(--workspace-art-size) - 32px);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.workspace-tile__actions .workspace-option-icon,.workspace-rename-danger .workspace-option-icon{color:#251832;cursor:pointer;background:#fff;border:1px solid #dbd3e6;border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.workspace-tile__actions .workspace-option-icon:hover{background:#eee5ff}.workspace-tile__actions .workspace-option-icon--delete,.workspace-rename-danger .workspace-option-icon{color:#bc1937}.workspace-tile__actions .workspace-option-icon svg,.workspace-rename-danger .workspace-option-icon svg{width:18px;height:18px}.workspace-selector :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #ab89ff}.workspace-selector__empty{text-align:center;padding:24px}.workspace-selector__empty h2{color:#fff}.workspace-selector__empty p{color:#ded4ed}.workspace-selector__admin{color:#ded4ed;text-underline-offset:4px;width:fit-content;margin:36px auto 0;text-decoration:underline;display:block}.workspace-rename-danger{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.workspace-delete-confirmation{color:var(--ink);gap:20px;display:grid}.workspace-delete-confirmation p{overflow-wrap:anywhere;margin:0}.workspace-delete-confirmation__actions{justify-content:space-between;gap:12px;display:flex}@media (hover:hover) and (pointer:fine){.workspace-tile__actions{opacity:0;transition:opacity .15s}.workspace-tile:hover .workspace-tile__actions,.workspace-tile:focus-within .workspace-tile__actions{opacity:1}.workspace-tile__actions:has(dialog[open]){opacity:1}}@media (max-width:800px){.workspace-tile__actions{opacity:1}.workspace-selector__main{width:min(100% - 40px,1160px);padding-top:40px}.workspace-selector__filters{flex-direction:column;align-items:stretch;gap:4px}.workspace-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width:480px){.workspace-selector__grid{grid-template-columns:minmax(0,1fr)}.workspace-selector__roles{justify-content:center;gap:18px}.workspace-tile{--workspace-art-size:180px}.workspace-delete-confirmation__actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.workspace-tile__actions,.workspace-tile__name{transition:none}}