.share-page{color:#fff4dc;background:#080d10;min-height:100dvh;padding:18px;font-family:Aptos,Segoe UI Variable Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}.share-nav,.share-summary,.preview-list,.json-box{width:min(1120px,100%);margin-inline:auto}.share-nav{color:#a99d87;justify-content:space-between;align-items:center;gap:12px;min-height:50px;margin-bottom:12px;display:flex}.share-page a{color:#ffd337;text-decoration:none}.share-brand{align-items:center;min-height:46px;display:inline-flex}.share-brand img{object-fit:contain;width:min(214px,54vw);max-height:42px;display:block}.share-nav>span,.share-gallery-link,.share-context{color:#66d9ff;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:900}.share-gallery-link{border:1px solid #66d9ff47;border-radius:9px;align-items:center;min-height:36px;padding:0 11px;display:inline-flex}.share-gallery-link:hover{background:#66d9ff12;border-color:#66d9ff8c}.share-summary{background:#10171a;border:1px solid #fff4dc21;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:18px;padding:20px;display:grid}.share-summary-copy{min-width:0}.share-context{margin:0 0 7px}.share-summary h1{overflow-wrap:anywhere;color:#fff4dc;letter-spacing:-.025em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.02}.share-summary-copy>p:not(.share-context){color:#d8cbae;text-wrap:pretty;max-width:70ch;margin:8px 0 0;font-size:15px;line-height:1.45}.share-summary small{color:#a99d87;margin-top:7px;font-weight:800;display:block}.share-summary-action{text-align:center;justify-items:stretch;gap:7px;width:min(220px,100%);display:grid}.share-summary-action>span{color:#a99d87;font-size:11px}.share-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.share-tags span{color:#ffd337;background:#ffd33712;border:1px solid #ffd3373b;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.cta{white-space:nowrap;background:#ffd337;border:1px solid #ffd337;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:900;display:inline-flex;color:#080d10!important}.cta:hover,.cta:focus-visible{background:#ffe16b}.share-page a:focus-visible,.json-box summary:focus-visible{outline-offset:3px;outline:2px solid #66d9ff}.preview-list{margin-bottom:18px}.share-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px;display:flex}.share-section-heading h2{margin:0;font-size:20px}.share-section-heading p{color:#a99d87;margin:0;font-size:13px}.share-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.share-preview-grid article{background:#11191c;border:1px solid #fff4dc1f;border-radius:12px;min-width:0;padding:10px}.share-sample-label{color:#a99d87;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;min-width:0;margin-bottom:7px;font-size:10px;font-weight:900;display:flex}.share-sample-label span{color:#071014;background:#66d9ff;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.share-sample-label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-stream-result{background:#0b1012;border:1px solid #7d5cff33;border-radius:11px;align-content:center;gap:5px;min-height:106px;padding:12px;display:grid}.share-stream-result h3{overflow-wrap:anywhere;color:#fff4dc;white-space:pre-line;margin:0;font-size:15px;line-height:1.22}.share-stream-result p{overflow-wrap:anywhere;color:#cfc2a5;white-space:pre-line;margin:0;font-size:12px;line-height:1.35}.json-box{background:#10171a;border:1px solid #fff4dc1f;border-radius:12px;padding:14px;display:block}.json-box summary{cursor:pointer;color:#66d9ff;justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-weight:900;display:flex}.json-box summary strong{color:#a99d87;font-size:11px}.json-box>p{color:#a99d87;margin:10px 0;font-size:13px}.share-page pre{color:#b9fff0;white-space:pre-wrap;overflow-wrap:anywhere;background:#070b0d;border:1px solid #fff4dc1f;border-radius:10px;max-height:360px;margin:0;padding:12px;font-size:12px;overflow:auto}@media (max-width:820px){.share-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.share-page{padding:10px}.share-nav>span,.share-gallery-link{text-align:right;max-width:120px}.share-summary{grid-template-columns:1fr;gap:16px;padding:15px}.share-summary-action{width:100%}.share-section-heading{gap:4px;display:grid}.share-preview-grid{grid-template-columns:1fr}.share-stream-result{min-height:88px}}