.project-sharing-dialog{background:var(--surface-floating);--dialog-shadow:var(--shadow-dialog);flex-direction:column;gap:10px;width:min(520px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:24px;display:flex}.project-sharing-dialog [data-slot=dialog-title]{overflow-wrap:anywhere;padding-right:20px;font-size:18px;line-height:1.4}.project-access-body{overscroll-behavior:contain;gap:16px;min-height:0;padding:4px 1px;display:grid;overflow-y:auto}.project-access-body p,.project-access-body output,.project-join output,.project-join p{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.project-access-body label,.project-access-body h3{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500}.project-access-invite,.project-access-link{gap:8px;display:grid}.project-access-invite>button{justify-self:start}.project-access-link{background:var(--surface-inset);border:1px solid var(--border);border-radius:8px;padding:12px}.project-access-link output:empty{display:none}.project-access-invite-fields{gap:8px;min-width:0;display:flex}.project-access-body input,.project-join input{background:var(--surface-inset);font-size:13px}.project-access-body select{border:1px solid var(--input);background:var(--surface-inset);color:var(--foreground);border-radius:6px;min-height:32px;padding:5px 8px;font-size:12px}.project-access-body select:focus-visible{outline:1px solid var(--input-focus);outline-offset:-1px}.project-access-body select:disabled{opacity:.5}.project-access-heading,.project-access-list>li,.project-access-owner{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.project-access-list{margin:0;padding:0;list-style:none}.project-access-list>li{border-bottom:1px solid var(--border);flex-wrap:wrap;padding:8px 0}.project-access-email,.project-access-owner>span:first-child{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.project-access-owner>span:last-child{flex-shrink:0}.project-access-row-actions{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.project-access-person{flex-direction:column;flex:1;min-width:0;display:flex}.project-access-person small{color:var(--muted-foreground);font-size:11px}.project-access-body .project-access-error,.project-join .project-access-error{color:var(--destructive)}.project-access-open{text-underline-offset:3px;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;text-decoration:underline;display:flex}.project-access-open span{color:var(--muted-foreground);font-size:11px}.cloud-project-row{align-items:center;gap:4px;display:flex}.cloud-project-open{text-align:left;min-width:0;min-height:38px;color:var(--foreground);background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.cloud-project-open>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cloud-project-open>small{flex-shrink:0}.cloud-project-open:hover:not(:disabled){background:var(--control-hover)}.cloud-project-open:active:not(:disabled){background:var(--control-pressed)}.cloud-project-open:focus-visible{outline:1px solid var(--primary);outline-offset:-1px}.project-join{background:var(--background);min-height:100dvh;color:var(--foreground);align-content:center;justify-items:center;padding:32px 16px;display:grid}.project-join>section{border:1px solid var(--border-strong);background:var(--surface-floating);width:min(440px,100%);min-width:0;box-shadow:var(--shadow-dialog);border-radius:12px;gap:16px;padding:24px;display:grid}.project-join h1{overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:550;line-height:1.3}.project-join h2{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:500}.project-join form,.project-join-preview{gap:12px;display:grid}.project-join label{font-size:13px}.project-join a{text-underline-offset:3px;font-size:13px;text-decoration:underline}.project-join a:focus-visible{outline:1px solid var(--primary);outline-offset:3px}.project-access-open:focus-visible{outline:1px solid var(--primary);outline-offset:3px}@media (pointer:coarse){.project-access-body button,.project-access-body select,.cloud-project-row button,.project-join button{min-height:44px}.cloud-project-row [data-slot=dialog-trigger]{min-width:44px}}@media (max-width:450px){.project-sharing-dialog{padding:18px}.project-access-member{align-items:flex-start}.project-access-member>.project-access-email{flex-basis:100%}.cloud-project-open small{display:none}}