.sharing-page{padding-bottom:60px}.sharing-header h1{max-width:820px}.sharing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:16px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:16px}.sharing-summary span{display:grid;gap:2px;padding:13px 16px;color:var(--muted);background:color-mix(in srgb,var(--surface) 92%,transparent);font-size:.74rem}.sharing-summary strong{color:var(--ink);font-family:var(--font-display);font-size:1.5rem;font-weight:500}.sharing-tabs{display:flex;gap:4px;width:fit-content;max-width:100%;margin:0 0 18px;padding:4px;background:color-mix(in srgb,var(--surface-2) 84%,transparent);border:1px solid var(--line);border-radius:999px}.sharing-tabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;color:var(--muted);background:transparent;border:0;border-radius:999px;cursor:pointer}.sharing-tabs button.is-active{color:var(--accent-ink);background:var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 16%,transparent)}.sharing-tabs svg{width:16px;height:16px}.sharing-message{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;margin-bottom:15px;color:var(--moss);background:color-mix(in srgb,var(--moss) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--moss) 25%,var(--line));border-radius:13px;font-size:.78rem}.sharing-message.is-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 26%,var(--line))}.sharing-message>span{display:flex;align-items:center;gap:8px}.sharing-message svg{flex:0 0 auto;width:16px}.sharing-message>button{display:grid;place-items:center;width:28px;height:28px;color:inherit;background:transparent;border:0;border-radius:9px;cursor:pointer}.sharing-owner-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:var(--gap);align-items:start}.sharing-publish-panel,.invite-accept-panel{display:grid;gap:18px;padding:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-2) 72%,var(--accent)));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 45px color-mix(in srgb,var(--shadow) 72%,transparent)}.sharing-publish-panel{position:sticky;top:88px}.sharing-publish-panel h2,.invite-accept-panel h2,.sharing-section-heading h2{margin:5px 0 7px;font-family:var(--font-display);font-size:1.7rem}.sharing-publish-panel p,.invite-accept-panel p{margin:0;font-size:.85rem}.sharing-key-safety{display:grid;gap:11px;min-width:0;padding:13px;color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,var(--canvas));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:14px}.sharing-key-safety>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px}.sharing-key-safety>header>svg{width:19px;height:19px;margin-top:1px;color:var(--accent)}.sharing-key-safety>header>span:not(.sharing-key-status){display:grid;gap:2px;min-width:0}.sharing-key-safety>header strong{font-size:.78rem}.sharing-key-safety>header small{color:var(--muted);font-size:.65rem;line-height:1.35}.sharing-key-safety>p,.sharing-key-restore p,.sharing-trust-reset p,.sharing-recovery-reveal p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.48}.sharing-key-status{align-self:start;max-width:142px;padding:4px 7px;overflow-wrap:anywhere;color:var(--muted);background:var(--surface-2);border-radius:999px;font-size:.61rem;line-height:1.3;text-align:center}.sharing-key-status.is-ready{color:var(--moss);background:color-mix(in srgb,var(--moss) 11%,var(--surface))}.sharing-key-status.is-legacy{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface))}.sharing-key-spinner{animation:sharing-spin 1s linear infinite}.sharing-key-meta{display:grid;gap:6px;min-width:0;margin:0;padding-top:9px;border-top:1px solid var(--line)}.sharing-key-meta>div{display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);gap:8px}.sharing-key-meta dt,.sharing-key-meta dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.63rem;line-height:1.4}.sharing-key-meta dt{color:var(--muted)}.sharing-key-meta dd{color:var(--ink);text-align:right}.sharing-key-message{padding:8px 9px;color:var(--moss);background:color-mix(in srgb,var(--moss) 8%,var(--surface));border-radius:9px;font-size:.68rem;line-height:1.4}.sharing-key-message.is-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.sharing-recovery-reveal,.sharing-key-restore,.sharing-trust-reset{display:grid;gap:10px;min-width:0;padding:11px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.sharing-recovery-reveal{background:color-mix(in srgb,var(--moss) 7%,var(--surface));border-color:color-mix(in srgb,var(--moss) 24%,var(--line))}.sharing-recovery-reveal>div:first-child,.sharing-key-restore>div:first-child,.sharing-trust-reset>div:first-child{display:grid;gap:4px}.sharing-recovery-reveal code{width:100%;padding:10px;overflow-wrap:anywhere;color:var(--ink);background:var(--canvas);border:1px dashed color-mix(in srgb,var(--moss) 38%,var(--line));border-radius:9px;font-size:.72rem;line-height:1.45;-webkit-user-select:all;user-select:all}.sharing-recovery-reveal .secondary-button,.sharing-recovery-reveal .primary-button,.sharing-key-restore .secondary-button{justify-self:start}.sharing-key-restore label,.sharing-trust-reset label{display:grid;gap:6px;color:var(--muted);font-size:.7rem}.sharing-key-restore input,.sharing-trust-reset input{width:100%;min-width:0;padding:9px 10px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:9px}.sharing-trust-reset{background:color-mix(in srgb,var(--danger) 5%,var(--surface));border-color:color-mix(in srgb,var(--danger) 20%,var(--line))}.sharing-trust-reset label small{line-height:1.4}.sharing-text-button{justify-self:start;padding:3px 0;color:var(--accent);background:transparent;border:0;cursor:pointer;font-size:.68rem;text-decoration:underline;text-underline-offset:3px}.sharing-publish-blocked{display:flex;align-items:flex-start;gap:7px;padding:9px;margin:0;color:var(--muted);background:var(--surface-2);border-radius:10px;font-size:.7rem;line-height:1.4}.sharing-publish-blocked svg{flex:0 0 auto;width:15px;height:15px}.sharing-form{display:grid;gap:13px}.sharing-form>label,.sharing-form-grid>label,.invite-token-form label,.preference-row label{display:grid;gap:6px;color:var(--muted);font-size:.76rem}.sharing-form input:not([type=checkbox]),.sharing-form textarea,.sharing-form select,.invite-token-form input,.preference-row select{width:100%;min-width:0;padding:10px 11px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:11px}.sharing-form textarea{resize:vertical}.sharing-form label>small{line-height:1.4}.sharing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sharing-form fieldset,.sharing-capabilities{min-width:0;padding:12px;margin:0;border:1px solid var(--line);border-radius:13px}.sharing-form legend,.sharing-capabilities legend{padding:0 5px;color:var(--muted);font-size:.72rem}.sharing-check{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px!important;padding:8px 0;cursor:pointer}.sharing-check+.sharing-check{border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.sharing-check input{margin-top:2px;accent-color:var(--accent)}.sharing-check>span{display:grid;gap:3px}.sharing-check strong{color:var(--ink);font-size:.76rem;font-weight:500}.sharing-check small{line-height:1.4}.sharing-list,.received-packages{display:grid;gap:12px;min-width:0}.sharing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 3px}.sharing-section-heading>span{color:var(--muted);font-size:.75rem}.owned-package-card,.shared-package-card,.invitation-review{display:grid;gap:15px;min-width:0;padding:19px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:calc(var(--radius) * .88);box-shadow:0 14px 38px color-mix(in srgb,var(--shadow) 55%,transparent)}.owned-package-card>header,.shared-package-card>header,.invitation-review>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px}.owned-package-card h3,.shared-package-card h3,.invitation-review h3{margin:4px 0 2px;font-family:var(--font-display);font-size:1.45rem}.owned-package-card>p{margin:0}.sharing-package-mark{display:grid;place-items:center;width:40px;height:40px;color:var(--accent-ink);background:linear-gradient(145deg,var(--accent),var(--accent-2));border-radius:13px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.version-badge{padding:6px 9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:999px;font-size:.7rem}.package-facts{display:flex;flex-wrap:wrap;gap:7px}.package-facts span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;color:var(--muted);background:var(--surface-2);border-radius:999px;font-size:.68rem}.package-facts svg{width:13px;height:13px}.owned-package-card>.secondary-button,.shared-package-card>.danger-button{justify-self:start}.invite-form{padding:15px;background:color-mix(in srgb,var(--canvas) 72%,transparent);border:1px solid var(--line);border-radius:14px}.permission-checks{display:flex;flex-wrap:wrap;gap:14px}.permission-checks label{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:.75rem}.permission-checks input{accent-color:var(--accent)}.invite-token{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;color:var(--moss);background:color-mix(in srgb,var(--moss) 9%,var(--canvas));border:1px solid color-mix(in srgb,var(--moss) 24%,var(--line));border-radius:13px}.invite-token>span{display:grid;gap:5px;min-width:0}.invite-token code{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.invite-history,.version-history{overflow:hidden;border-top:1px solid var(--line)}.package-provenance{overflow:hidden;background:var(--canvas);border:1px solid var(--line);border-radius:13px}.package-provenance>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;color:var(--muted);cursor:pointer;list-style:none;font-size:.73rem}.package-provenance>summary::-webkit-details-marker{display:none}.package-provenance[open]>summary{border-bottom:1px solid var(--line)}.package-provenance[open]>summary svg{transform:rotate(180deg)}.package-provenance>div{display:grid;gap:12px;padding:12px}.package-provenance dl{display:grid;gap:8px;margin:0}.package-provenance dl>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px}.package-provenance dt{color:var(--muted);font-size:.69rem}.package-provenance dd{display:grid;gap:3px;min-width:0;margin:0;overflow-wrap:anywhere;font-size:.72rem}.capability-readout{display:grid;gap:7px}.capability-readout>span{display:grid;gap:3px;padding:9px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid var(--line);border-radius:10px}.capability-readout strong{font-size:.72rem}.capability-readout small{line-height:1.4}.invite-history>summary,.version-history>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 2px 0;color:var(--muted);cursor:pointer;font-size:.74rem;list-style:none}.invite-history>summary::-webkit-details-marker,.version-history>summary::-webkit-details-marker{display:none}.invite-history[open]>summary svg,.version-history[open]>summary svg{transform:rotate(180deg)}.invite-row,.version-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}.invite-row>span,.version-row>span{display:grid;gap:3px;min-width:0}.invite-row strong,.invite-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-row .danger-button,.version-row .secondary-button{flex:0 0 auto;min-height:34px;padding:6px 10px;font-size:.72rem}.sharing-recipient-layout{display:grid;gap:var(--gap)}.invite-accept-panel{box-shadow:none}.invite-token-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.invitation-review{background:var(--canvas);box-shadow:none}.invitation-review>header{grid-template-columns:auto minmax(0,1fr)}.invitation-review h3 small{color:var(--muted);font-family:var(--font-ui);font-size:.75rem}.invitation-review p{margin:6px 0 0}.received-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.received-packages>.sharing-section-heading,.received-packages>.sharing-empty{grid-column:1 / -1}.shared-actions,.preference-row{display:flex;flex-wrap:wrap;gap:8px}.shared-actions .secondary-button{min-height:35px;padding:6px 10px;text-transform:capitalize}.preference-row{align-items:end;padding:13px;background:var(--canvas);border:1px solid var(--line);border-radius:13px}.preference-row label{flex:1 1 150px}.preference-row .secondary-button{min-height:38px}.pending-update{display:grid;gap:11px;padding:14px;background:color-mix(in srgb,var(--accent-2) 10%,var(--canvas));border:1px solid color-mix(in srgb,var(--accent-2) 28%,var(--line));border-radius:14px}.pending-update>span{display:grid;gap:4px}.publisher-change-review{display:grid;gap:10px;padding:12px;background:color-mix(in srgb,var(--danger) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));border-radius:12px}.publisher-change-review>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px}.publisher-change-review>div>svg{width:17px;height:17px;color:var(--danger)}.publisher-change-review>div>span{display:grid;gap:3px}.publisher-change-review small{color:var(--muted);line-height:1.45}.publisher-change-review dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.publisher-change-review dl>div{display:grid;gap:3px;min-width:0;padding:8px;background:var(--canvas);border-radius:9px}.publisher-change-review dt,.publisher-change-review dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:.66rem}.publisher-change-review dt{color:var(--muted)}.sharing-empty{display:grid;justify-items:start;padding:26px 5px}.sharing-empty>span{display:grid;place-items:center;width:44px;height:44px;color:var(--accent);background:var(--surface-2);border-radius:14px}.sharing-empty h3{margin:12px 0 5px;font-family:var(--font-display);font-size:1.5rem}.sharing-empty p{max-width:520px;margin:0}.sharing-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:300px;color:var(--muted)}.sharing-loading svg{animation:sharing-spin 1s linear infinite}@keyframes sharing-spin{to{transform:rotate(360deg)}}@media(max-width:920px){.sharing-owner-layout{grid-template-columns:1fr}.sharing-publish-panel{position:static}.received-packages{grid-template-columns:1fr}}@media(max-width:620px){.sharing-page{padding-bottom:78px}.sharing-summary{grid-template-columns:1fr}.sharing-summary span{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.sharing-summary strong{font-size:1.15rem}.sharing-tabs{width:100%}.sharing-tabs button{flex:1;justify-content:center;padding-inline:8px;font-size:.74rem}.sharing-form-grid,.invite-token-form{grid-template-columns:1fr}.owned-package-card,.shared-package-card,.invitation-review,.sharing-publish-panel,.invite-accept-panel{padding:15px}.owned-package-card>header,.shared-package-card>header{grid-template-columns:auto minmax(0,1fr)}.owned-package-card .version-badge,.shared-package-card .version-badge{grid-column:2;justify-self:start}.invite-token{grid-template-columns:1fr}.invite-token .secondary-button{justify-self:start}.invite-row,.version-row{align-items:flex-start;flex-direction:column}.shared-actions .secondary-button{flex:1}.sharing-key-safety>header{grid-template-columns:auto minmax(0,1fr)}.sharing-key-status{grid-column:2;justify-self:start;max-width:100%}.sharing-key-meta>div{grid-template-columns:1fr;gap:2px}.sharing-key-meta dd{text-align:left}.publisher-change-review dl{grid-template-columns:1fr}.sharing-recovery-reveal .secondary-button,.sharing-recovery-reveal .primary-button,.sharing-key-restore .secondary-button{width:100%;justify-content:center}}
