@font-face{font-family:"Archivo Social";src:url("/fonts/Archivo.ttf") format("truetype");font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}
.project-share{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px;cursor:pointer;pointer-events:auto}
.project-share svg{width:15px;height:15px}.sharing-open{overflow:hidden}
.share-dialog{width:min(860px,calc(100% - 36px));max-height:calc(100svh - 36px);padding:30px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.share-dialog::backdrop{background:#22271dcc;backdrop-filter:blur(7px)}
.share-dialog[open]{animation:share-open 220ms var(--ease)}
.share-brand{margin:0 0 12px}
.share-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.share-heading h2{font-weight:400;font-size:32px;line-height:1.1;letter-spacing:-.045em;margin:0}.share-heading .section-kicker{margin-bottom:9px}
.share-close{width:44px;min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink);font:inherit;font-size:26px;cursor:pointer}.share-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:14px 0 24px}
.share-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:28px;align-items:start}.share-preview-column{display:flex;flex-direction:column;align-items:center;gap:12px}
.share-preview{position:relative;width:100%;max-width:325px;background:#e8e9e2;overflow:hidden;border:1px solid var(--line);border-radius:3px}.share-preview img{display:block;width:100%;height:100%;object-fit:contain}.share-preview img:not([src]){visibility:hidden;min-height:300px}
.share-settings fieldset{border:0;padding:0;margin:0}.share-settings legend{font-size:11px;color:var(--muted);margin-bottom:12px}.share-formats{display:flex;flex-direction:column;gap:8px}.share-formats button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:49px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:none;font:inherit;font-size:12px;color:inherit;text-align:left;cursor:pointer}.share-formats small{font-size:10px;color:var(--muted)}.share-formats button[aria-pressed=true]{border-color:#73806b;background:#edf0e7}
.share-message{font-size:12px;line-height:1.5;min-height:18px;margin:20px 0 10px}
.share-main-actions{display:flex;flex-direction:column;gap:8px}.share-main-actions button,.share-main-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;gap:8px;border:1px solid var(--ink);border-radius:5px;font:inherit;font-size:12px;cursor:pointer;background:var(--ink);color:var(--paper);padding:10px;text-align:center}.share-main-actions a{background:none;color:var(--ink)}.share-main-actions [aria-disabled=true],.share-main-actions :disabled{opacity:.4;pointer-events:none}.share-main-actions [hidden]{display:none}
.share-link-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.share-link-actions button,.share-link-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:48px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#f0f1eb;font:inherit;font-size:13px;font-weight:500;line-height:1.35;text-align:center;text-decoration:none;color:var(--ink);cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
.share-link-actions button:disabled{opacity:.4;cursor:default;pointer-events:none}
.share-link-actions svg{width:19px;height:19px;flex:0 0 19px}
.share-link-actions .share-whatsapp{grid-column:1/-1;background:#178443;border-color:#178443;color:#fff}
.share-link-actions :is(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(hover:hover){.share-link-actions :is(a,button):hover{background:#e7e9df;border-color:#aab09f}.share-link-actions .share-whatsapp:hover{background:#126d37;border-color:#126d37}}
@media(prefers-reduced-motion:reduce){.share-link-actions :is(a,button){transition:none}}
.share-manual{display:block;font-size:12px;line-height:1.6}.share-manual[hidden]{display:none}.share-manual textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);padding:10px;font:inherit;font-size:16px;background:var(--paper);color:var(--ink)}
@keyframes share-open{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:640px){.share-dialog{width:100%;max-height:calc(100svh - 12px);margin:auto 0 0;padding:22px 20px max(20px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.share-layout{grid-template-columns:1fr;gap:12px}.share-heading h2{font-size:28px}.share-preview{max-width:230px;max-height:410px}.share-preview-column{gap:2px}.share-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.share-formats button{display:flex;flex-direction:column;justify-content:center;padding:10px 4px;gap:7px;font-size:10px;min-height:58px}.share-formats small{font-size:9px}.share-settings legend{margin-bottom:8px}.share-main-actions{flex-direction:row}.share-main-actions>*{flex:1}.share-intro{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.share-dialog[open]{animation:none}}

/* Only the body scrolls; dismiss and export remain in reach. */
.share-dialog{max-width:none;height:min(820px,calc(100svh - 36px));padding:0;overflow:hidden}
.share-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.share-heading{padding:22px 26px 16px;border-bottom:1px solid var(--line);background:var(--paper)}
.share-heading h2{font-size:28px}
.share-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px 20px}
.share-intro{font-size:14px;margin:14px 0 20px}
.share-footer{padding:10px 26px 20px;border-top:1px solid var(--line);background:var(--paper)}
.share-footer .share-message{margin:0 0 8px;min-height:18px}
.share-main-actions{flex-direction:row}
.share-main-actions>*{flex:1;font-size:14px!important;min-height:48px!important}
@media(max-width:640px){
 .share-dialog{width:100%;max-width:100%;height:calc(100svh - 12px);max-height:calc(100svh - 12px);margin:auto 0 0}
 .share-heading{padding:14px 18px 12px;gap:10px}
 .share-heading h2{font-size:23px}.share-heading .section-kicker{margin-bottom:5px}
 .share-scroll{padding:0 18px 12px}
 .share-intro{font-size:13px;margin:12px 0}
 .share-preview{width:min(210px,calc((100svh - 310px)*var(--preview-ratio)));max-width:100%;max-height:none}
 .share-preview img:not([src]){min-height:0;aspect-ratio:var(--preview-ratio)}
 .share-layout{gap:8px}
 .share-footer{padding:10px 18px max(14px,env(safe-area-inset-bottom))}
 .share-formats button{font-size:12px;min-height:52px}.share-formats small{font-size:10px}
}
@media(max-height:480px){.share-preview{width:120px}.share-heading{padding-block:8px}.share-footer{padding-block:8px}.share-intro{margin:8px 0}}