.page-share{position:relative;display:inline-flex;min-width:0}.page-share__button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.page-share__button:hover{background:var(--surface-hover)}.page-share__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-share__button svg{width:16px;height:16px;flex:none}.page-share__button--icon{width:36px;padding:0;justify-content:center}.page-share__panel{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:min(280px,calc(100vw - 32px));box-sizing:border-box;display:grid;gap:10px;padding:12px;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}.page-share--start .page-share__panel{right:auto;left:0}.page-share__status{margin:0;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600}.page-share__status svg{width:16px;height:16px;color:var(--accent);flex:none}.page-share__input{width:100%;box-sizing:border-box;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.75rem}.page-share__links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-share__link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:.75rem;font-weight:600;text-decoration:none}.page-share__link:hover{background:var(--surface-hover)}.page-share__link svg{width:15px;height:15px;flex:none}@media (max-width: 760px),(pointer: coarse){.page-share__button,.page-share__link,.page-share__input{min-height:44px;font-size:.875rem}.page-share__button--icon{width:44px}}