.roaster-editor{display:grid;gap:32px;min-width:0}
.roaster-editor h2,.roaster-editor h3{margin:0}
.roaster-editor h3{font-size:var(--type-lead);font-weight:400}
.roaster-editor-group{display:grid;gap:16px;min-width:0}
.roaster-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.roaster-editor .field{min-width:0;margin:0;display:grid;gap:8px}
.roaster-editor input,.roaster-editor textarea{width:100%;min-width:0;box-sizing:border-box}
.roaster-editor small{font-size:var(--type-body);color:var(--muted);line-height:1.5}
.roaster-editor footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.roaster-editor footer p{flex-basis:100%;margin:0}
.roaster-editor-error{color:var(--ink);padding:12px;border-left:4px solid var(--accent);margin:0}
.roaster-image-preview{background:var(--panel);padding:16px;display:grid;justify-items:center;gap:8px;border-radius:var(--radius-control)}
.roaster-image-preview img{max-width:100%;width:auto;max-height:160px;object-fit:contain}
.roaster-editor [hidden]{display:none!important}
.office-company-logo{width:64px;height:64px;object-fit:contain;flex:none}
.company-owner-tools div{flex-wrap:wrap}
@media(max-width:640px){.roaster-editor-grid{grid-template-columns:1fr}.roaster-editor{gap:24px}.roaster-editor footer>.button{width:100%}}