/* The same composition is drawn in the PNG export. */
.fq-share{align-items:start;grid-template-columns:minmax(0,360px) minmax(0,1fr)}
.fq-share-poster{position:relative;isolation:isolate;overflow:hidden;min-width:0;width:100%;aspect-ratio:8/11;background:#fffdfa;color:#172033;border:1px solid #e9e7e6;border-radius:22px;padding:0;text-align:center;box-shadow:0 16px 36px rgba(35,53,77,.12);display:flex;flex-direction:column}
.fq-share-art{position:relative;flex:none;height:30%;overflow:hidden;background:#f6f9ff url('/assets/form-share-fluid-20261028.png') center top/100% auto no-repeat}
.fq-share-art span{display:none}
.fq-share-poster-main{position:relative;flex:1;min-height:0;margin-top:0;padding:1px 19px 0;background:#fffdfa;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px}
.fq-share-poster #fq-share-card-title{width:100%;min-height:38px;max-height:60px;display:grid;place-items:center;font-size:clamp(18px,2vw,22px);font-weight:650;line-height:1.35;overflow-wrap:anywhere;overflow:hidden;margin:0;color:#171d29}
.fq-share-poster .fq-share-scan{margin:0;color:#9a9fa8;font-size:12px;font-weight:400;letter-spacing:.02em;line-height:1.4}
.fq-share-poster .fq-share-credit{position:relative;flex:none;width:100%;margin:0;padding:8px 12px 12px;background:#fffdfa;color:#9a9fa8;font-size:10px;font-weight:400;line-height:1.25;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;gap:2px}
.fq-share-poster .fq-share-logo{display:block;width:108px;height:29px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.fq-share #fq-qr{flex:none;width:65%;max-width:242px;min-height:0!important;aspect-ratio:1;justify-self:center;align-self:center;overflow:hidden;background:#fff!important;border-radius:0}
.fq-share #fq-qr :is(canvas,svg,img){display:block;width:100%;max-width:300px;height:auto;aspect-ratio:1}
.fq-share-details{min-width:0}
.fq-share-name-row{display:flex;align-items:end;gap:12px}
.fq-share-name-row label{flex:1;min-width:0;margin:0}
.fq-share-name-row button{flex:none}
#fq-rename-status{margin:8px 0 20px;overflow-wrap:anywhere}
@media(max-width:800px){.fq-share{grid-template-columns:minmax(0,1fr)}.fq-share-poster{max-width:360px;box-sizing:border-box;margin-inline:auto}.fq-share-name-row{flex-wrap:wrap}.fq-share-name-row label{flex-basis:180px}}
@media(max-width:390px){.fq-share-poster-main{padding-inline:15px}}
@media(max-width:340px){.fq-share #fq-qr{width:62%}}
@media print{.fq-share-poster{width:360px;margin:auto;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fq-share #fq-qr{width:65%}}