.access-workspace{display:grid;gap:var(--space-5);max-width:1440px;margin:auto}.access-workspace>header{display:flex;justify-content:space-between;align-items:end}.access-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-4)}.access-layout>aside,.access-layout>main{background:var(--surface-raised,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.access-role{width:100%;display:grid;grid-template-columns:1fr auto;gap:.25rem;text-align:left;padding:.75rem;border:0;border-radius:var(--radius-md);background:transparent;color:inherit}.access-role[aria-pressed="true"]{background:var(--surface-selected,#f0eef9);outline:1px solid var(--border-strong)}.access-role small{grid-column:1;color:var(--text-secondary)}.access-editor-heading,.access-preview,.access-capability label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.access-preview{align-items:stretch;margin:var(--space-4) 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-subtle,#f6f7f8)}.access-preview>div{display:grid;align-content:start;gap:.25rem;min-width:0;flex:1}.access-preview ul{display:grid;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none}.access-preview li{display:flex;justify-content:space-between;gap:1rem;padding-top:.35rem;border-top:1px solid var(--border-subtle);font-size:.8125rem}.access-preview li span{overflow:hidden;text-overflow:ellipsis}.access-preview p{margin:.5rem 0 0;color:var(--text-secondary);font-size:.8125rem}.access-capability-group{padding-block:var(--space-3);border-top:1px solid var(--border-subtle)}.access-capability{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:.65rem 0}.access-capability select{min-width:10rem}.access-delegate{font-size:.875rem}.access-status{min-height:1.5rem;color:var(--text-secondary)}@media(max-width:767px){.access-layout{grid-template-columns:1fr}.access-layout>aside{display:flex;overflow:auto;gap:.5rem}.access-layout>aside h3{position:absolute;inline-size:1px;block-size:1px;overflow:hidden}.access-role{min-width:10rem}.access-editor-heading{align-items:flex-start;flex-direction:column}.access-preview{display:grid}.access-capability{grid-template-columns:1fr}.access-capability label{align-items:flex-start;flex-direction:column}.access-capability select{width:100%}}