.ref-share{--share-ink:#f3f3ed;--share-muted:#a9ada5;--share-green:#b2d987;--share-border:#373b35;box-sizing:border-box;width:min(1100px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:0;margin:auto;background:#191b19;color:var(--share-ink);border:1px solid #464b42;border-radius:16px;font:400 15px/1.4 "Diatype Variable",sans-serif;box-shadow:0 32px 100px #0008;color-scheme:dark;overscroll-behavior:contain}
.ref-share::backdrop{background:#070a08cc;backdrop-filter:blur(9px)}
.ref-share--selection{--share-green:#eeeeec;--share-border:#3b3b3b;--share-muted:#aaa;background:#191919}
.ref-share--selection .ref-share__preview{background:#252525}
.ref-share--selection .ref-share__primary{color:#111!important}
.ref-share--selection .ref-share__primary:hover:not(:disabled){background:#fff}
/* The archive cursor lives below the dialog's top layer; use the system cursor here. */
html[data-ref2d-desktop-cursor='on'] .ref-share,html[data-ref2d-desktop-cursor='on'] .ref-share *{cursor:auto!important}
html[data-ref2d-desktop-cursor='on'] .ref-share button,html[data-ref2d-desktop-cursor='on'] .ref-share button *{cursor:pointer!important}
html[data-ref2d-desktop-cursor='on'] .ref-share button:disabled,html[data-ref2d-desktop-cursor='on'] .ref-share button:disabled *{cursor:wait!important}
.ref-share::backdrop{cursor:auto}
.ref-share *{box-sizing:border-box}
.ref-share [hidden]{display:none!important}
.ref-share button,.ref-share input{font:inherit}
.ref-share button{cursor:pointer;color:inherit;touch-action:manipulation}
.ref-share button:disabled{opacity:.4;cursor:wait}
.ref-share button:focus-visible,.ref-share input:focus-visible{outline:2px solid var(--share-green);outline-offset:4px}
.ref-share p,.ref-share h2{margin:0}
.ref-share__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 32px;border-bottom:1px solid var(--share-border)}
.ref-share__header h2{font-size:26px;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.ref-share__close{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #464b42;border-radius:50%;background:transparent}
.ref-share__close:hover{background:#33382f}
.ref-share__body{display:grid;grid-template-columns:360px 1fr}
.ref-share__controls{padding:32px;display:flex;flex-direction:column;gap:38px}
.ref-share__project{padding-bottom:26px;border-bottom:1px solid var(--share-border)}
.ref-share__project-title{font-size:25px;line-height:1.08;font-weight:560;letter-spacing:-.035em;text-wrap:balance}
.ref-share__project-participation{margin-top:14px!important;color:#d0d6ca;font-size:13px;line-height:1.45;white-space:pre-line}
.ref-share__selection-projects{margin:24px 0 0;padding-left:22px;color:#c3c8bd;font-size:13px;line-height:1.45}
.ref-share__selection-projects li+li{margin-top:10px}
.ref-share__selection-projects li::marker{color:var(--share-green)}
.ref-share__backgrounds{margin-top:-18px}
.ref-share__backgrounds-title{margin-bottom:10px!important;color:#d4d5d1;font-size:13px;font-weight:500}
.ref-share__background-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ref-share__background-choice{display:flex;flex-direction:column;gap:7px;text-align:left;padding:6px;background:#292b29;border:2px solid transparent;border-radius:7px;color:#e8e9e5!important;font-size:12px!important}
.ref-share__background-choice[aria-pressed="true"]{border-color:#f3f3ed;background:#393b38}
.ref-share__background-choice img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.ref-share__participation-entry,.ref-share__participant,.ref-share__role{display:block}.ref-share__participation-entry+.ref-share__participation-entry{margin-top:9px}.ref-share__participant{font-weight:520}.ref-share__role{margin-top:2px;color:#929b8d;font-size:11px;font-weight:400}
.ref-share__actions{margin-top:auto}
.ref-share__primary,.ref-share__secondary,.ref-share__copy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border-radius:6px;padding:12px;border:1px solid var(--share-border)}
.ref-share__primary{background:var(--share-green);color:#10190e!important;border-color:var(--share-green);font-weight:550!important;margin-top:8px}
.ref-share__primary:hover:not(:disabled){background:#c8e7a8}
.ref-share__secondary{background:transparent;margin-top:8px}
.ref-share__copy{background:transparent}
.ref-share__secondary:hover:not(:disabled),.ref-share__copy:hover:not(:disabled){background:#30362c}
.ref-share__secondary small{margin-left:auto;font-size:10px;color:var(--share-muted)}
.ref-share__secondary span{margin-right:auto}
.ref-share__copy span{margin-right:auto}
.ref-share__copy svg{width:20px;height:20px}
.ref-share__manual-link{margin-top:10px;width:100%;background:#0f130d;color:var(--share-ink);border:1px solid var(--share-border);padding:8px}
.ref-share__preview{background:#252824;border-left:1px solid var(--share-border);padding:22px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0}
.ref-share__preview-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;color:#c3c8bd}
.ref-share__format{border:1px solid #535a4b;border-radius:20px;padding:5px 9px;font-size:8px}
.ref-share__canvas-wrap{position:relative;width:min(100%,330px);aspect-ratio:9/16;box-shadow:0 18px 36px #0004;background:#1d221b}
.ref-share__canvas{display:block;width:100%;height:100%}
.ref-share__loading{position:absolute;inset:0;display:grid;place-items:center;padding:28px;text-align:center;color:#b8c1b2;font-size:13px}
.ref-share__caption{display:flex;gap:7px;align-items:center;font-size:10px;color:#c3c8bd}
.ref-share__dot{height:5px;width:5px;border-radius:50%;background:var(--share-green)}
.ref-share__footer{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 32px;border-top:1px solid var(--share-border);font-size:11px;color:var(--share-muted)}
.ref-share__status.is-error{color:#ffbe9f}
.ref-share__retry{border:0;background:transparent;text-decoration:underline;color:var(--share-green)!important;padding:4px}
@media(min-width:761px) and (max-height:880px){.ref-share__canvas-wrap{width:min(100%,calc((100dvh - 235px)*.5625))}.ref-share__header{padding:19px 28px}.ref-share__controls{padding:24px 28px}}
@media(max-width:760px){.ref-share[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.ref-share{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.ref-share__header{padding:16px 20px;z-index:1;background:#191c19}.ref-share__header h2{font-size:21px}.ref-share__close{flex-basis:36px;height:36px}.ref-share__body{display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.ref-share__preview{order:0;flex:0 0 auto;padding:16px 20px;gap:12px;border-left:0;border-bottom:1px solid var(--share-border)}.ref-share__controls{order:1;flex:0 0 auto}.ref-share__canvas-wrap{width:min(65vw,calc(50dvh * .5625))}.ref-share__preview-top{font-size:9px}.ref-share__caption{font-size:9px}.ref-share__controls{padding:22px 20px;gap:24px}.ref-share__project{padding-bottom:18px}.ref-share__project-title{font-size:20px}.ref-share__footer{padding:12px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));font-size:10px}}
@media(prefers-reduced-motion:reduce){.ref-share *{transition:none!important}}