.share-page{padding:0 0 96px}.share-page .mono{font-family:var(--archive-font-mono);letter-spacing:var(--tracking-label)}.share-bar{align-items:center;gap:var(--space-4);min-height:var(--touch-target);padding:0 var(--gutter);border-bottom:var(--hairline) solid var(--line);font-size:var(--text-label);grid-template-columns:1fr auto 1fr;display:grid}.share-back{color:inherit;justify-self:start;text-decoration:none}.share-back:hover{text-underline-offset:var(--underline-offset);text-decoration:underline}.share-heading{font-size:var(--text-label);margin:0;font-weight:500}.share-body{box-sizing:border-box;height:100vh;padding:24px var(--gutter);background:var(--panel);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;gap:48px;display:grid}.share-stage{align-items:center;gap:var(--space-4);flex-direction:column;min-width:0;min-height:0;display:flex}.share-preview{touch-action:none;justify-content:center;align-items:center;width:100%;min-height:320px;display:flex}.share-canvas{outline:var(--hairline) solid var(--line);width:auto;max-width:100%;height:auto;max-height:calc(100vh - 220px);display:block}.share-status{font-size:var(--text-label);color:var(--mute)}.share-longpress{font-size:var(--text-label);color:var(--mute);margin:0;display:none}@media (pointer:coarse){.share-longpress{display:block}}.share-pages{gap:var(--space-2);font-size:var(--text-label);display:flex}.share-pages button{min-height:36px;padding:0 var(--space-3);border:var(--hairline) solid var(--line);background:var(--bg);color:var(--ink)}.share-pages button[aria-pressed=true]{border-color:var(--ink)}.share-panel{min-height:0;padding:var(--space-5);background:var(--bg);flex-direction:column;display:flex}.share-scroll{overscroll-behavior:contain;min-height:0;margin:0 calc(-1 * var(--space-5));padding:0 var(--space-5);flex:auto;overflow-y:auto}.share-tabs{display:none}.share-group{gap:var(--space-3);padding:var(--space-4) 0 var(--space-5);border-top:var(--hairline) solid var(--ink);flex-direction:column;display:flex}.share-group[hidden]{display:none}.share-key{color:var(--mute);margin:0;font-size:11px;font-weight:400}.share-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.share-chip{min-height:40px;padding:0 var(--space-3);border:var(--hairline) solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.share-chip:hover:not(:disabled){border-color:var(--ink)}.share-chip[aria-pressed=true],.share-chip[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.share-chip:disabled{color:var(--hint);cursor:default}.share-chip[hidden]{display:none}.share-hint{font-size:var(--text-note);color:var(--mute);margin:0;line-height:1.6}.share-hint a{color:inherit;text-underline-offset:var(--underline-offset)}.share-select,.share-name{min-height:44px;padding:0 var(--space-3);border:var(--hairline) solid var(--ink);background:var(--bg);color:var(--ink);font:inherit;font-size:14px}.share-photo{gap:var(--space-3);flex-direction:column;display:flex}.share-photo[hidden]{display:none}.share-file{align-self:flex-start}.share-range{align-items:center;gap:var(--space-3);color:var(--mute);grid-template-columns:64px minmax(0,1fr);font-size:11px;display:grid}.share-range input{accent-color:var(--ink)}.share-toggle{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:var(--hairline) solid var(--line);cursor:pointer;min-height:44px;font-size:14px;display:flex}.share-toggle[hidden]{display:none}.share-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--hairline) solid var(--ink);background:var(--bg);cursor:pointer;flex:none;width:30px;height:16px;margin:0;position:relative}.share-toggle input:after{content:"";background:var(--line);width:12px;height:12px;transition:left .15s;position:absolute;top:1px;left:1px}.share-toggle input:checked{background:var(--ink)}.share-toggle input:checked:after{background:var(--bg);left:15px}.share-toggle input:focus-visible{outline:var(--focus-width) solid var(--ink);outline-offset:var(--focus-offset)}.share-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:var(--hairline) solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.share-actions button{border:var(--hairline) solid var(--ink);cursor:pointer;justify-content:center;align-items:center;min-height:48px;font-size:14px;font-weight:700;display:flex}.share-actions button[hidden]{display:none}.share-actions:has(>button[hidden]){grid-template-columns:1fr}.share-save{background:var(--bg);color:var(--ink)}.share-send{background:var(--ink);color:var(--bg)}.share-actions button:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.share-toggle input:after{transition:none}}@media (width<=767px){.share-bar{grid-template-columns:1fr auto}.share-bar>span{display:none}.share-body{padding:var(--space-4) 0 0;grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:0;height:auto}.share-stage{padding:0 var(--gutter) var(--space-4)}.share-scroll{margin:0;padding:0;overflow:visible}.share-canvas{max-height:56vh}.share-preview{min-height:240px}.share-panel{padding:0 var(--gutter) var(--space-4)}.share-tabs{margin:0 0 var(--space-3);border-bottom:var(--hairline) solid var(--line);background:var(--bg);grid-template-columns:repeat(4,1fr);display:grid}.share-tabs button{min-height:44px;color:var(--mute);border-bottom:2px solid #0000;justify-content:center;align-items:center;font-size:12px;display:flex}.share-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.share-group{padding-top:var(--space-2);border-top:0}.share[data-tab=kind] .share-group:not([data-share-section=kind]),.share[data-tab=size] .share-group:not([data-share-section=size]),.share[data-tab=bg] .share-group:not([data-share-section=bg]),.share[data-tab=contents] .share-group:not([data-share-section=contents]){display:none}.share-actions{margin:0 calc(-1 * var(--gutter));padding:var(--space-3) var(--gutter);background:var(--bg);border-top:var(--hairline) solid var(--line);position:sticky;bottom:0}.share-chip{min-height:var(--touch-target)}}@media (pointer:coarse){.share-select,.share-name{font-size:16px}}