.share-sheet.reference-share{position:fixed!important;inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:760px!important;margin:0 auto!important;max-height:85dvh!important;overflow:auto!important;z-index:210!important;border:0!important;border-radius:28px 28px 0 0!important;background:#fff!important;color:#111!important;padding:14px 0 calc(18px + env(safe-area-inset-bottom))!important;box-shadow:0 -15px 100px #0009}.reference-share .send-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 16px!important}.reference-share .send-header h2{text-align:center;font-size:23px;margin:6px}.reference-share .send-header button{border:0;background:none;color:#111;font-size:30px;padding:4px}.send-row{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto;padding:20px 18px!important;border-top:1px solid #eee;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.reference-share .send-option{display:flex!important;align-items:center;flex-direction:column;text-align:center;flex:0 0 82px;gap:10px!important;background:none!important;color:#111!important;border:0!important;text-decoration:none!important;padding:0!important;white-space:normal!important;scroll-snap-align:start;font-size:12px!important}.send-option>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--send-color);color:#fff;font-size:34px;font-family:Arial,sans-serif;font-weight:800}.send-utilities .send-option>span{color:#555;font-size:30px}.send-option b{font-size:13px;font-weight:500;line-height:1.4}.send-people{display:flex;gap:14px;overflow-x:auto;padding:20px 18px}.send-person{flex:0 0 76px;background:none!important;color:#111!important;border:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:8px}.send-person>span{width:64px;height:64px;border-radius:50%;background:#eee;display:grid;place-items:center;font-size:28px;overflow:hidden}.send-person img{width:100%;height:100%;object-fit:cover}.send-person b{font-size:12px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-people p{font-size:13px;margin:0}.send-search{display:block;padding:10px 18px}.send-search input{display:block;width:100%;padding:10px;background:#f5f5f5;border:1px solid #ddd;border-radius:12px;color:#111}.reference-share .share-note{font-size:12px;line-height:1.6;color:#666;padding:6px 20px;margin:0}.reference-share .share-download-tools{padding:10px 20px;font-size:12px;border-block:1px solid #eee}.reference-share .share-download-tools button{background:#f2f2f2;color:#111;border:0;border-radius:18px;font-size:12px;margin:4px}.reference-share .share-download-tools p{font-size:11px;color:#666}.send-draft-banner{background:#f7f7f7;padding:12px 18px;display:flex;gap:14px;align-items:center;margin-bottom:10px}.send-draft-banner strong{font-size:13px;flex:1}.send-draft-banner button{background:#ed3d60;color:white;border:0;border-radius:20px;padding:9px 18px}.reference-share button:focus-visible,.reference-share a:focus-visible{outline:2px solid #1162dd;outline-offset:3px}@media(min-width:800px){.share-sheet.reference-share{bottom:20px!important;border-radius:24px!important}}

.reference-share .send-header{position:sticky;top:-14px;background:#fff;z-index:3;min-height:54px}.send-option svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.share-sheet.reference-share{max-width:640px!important;max-height:72dvh!important;padding-top:8px!important;border-radius:22px 22px 0 0!important}.reference-share .send-header{top:-8px;min-height:44px;padding:0 12px!important}.reference-share .send-header h2{font-size:19px}.reference-share .send-header button{font-size:26px}.send-row{gap:10px!important;padding:14px 10px!important;scrollbar-width:thin}.reference-share .send-option{flex-basis:60px;gap:7px!important}.send-option>span{width:48px;height:48px;font-size:28px}.send-option b{font-size:11px;line-height:1.35}.send-option svg{width:26px;height:26px}.send-option .send-brand{width:31px;height:31px;stroke:none}.send-people{gap:10px;padding:12px 10px;min-height:42px}.send-person{flex-basis:60px;gap:6px}.send-person>span{width:48px;height:48px}.send-person b{font-size:11px;max-width:60px}.send-people p{font-size:12px;display:flex;align-items:center;gap:8px}.send-people p>button{font-size:11px;padding:7px 10px}.send-draft-banner{display:none}.reference-share .share-note{font-size:11px;padding:7px 12px}.reference-share .share-download-tools{padding:6px 12px}.reference-share .share-download-tools p{margin:3px 0;font-size:11px}.reference-share .share-download-tools button{font-size:11px;padding:6px 9px}.send-utilities .send-option>span{font-size:24px}@media(min-width:800px){.share-sheet.reference-share{border-radius:22px!important;max-height:76dvh!important}}

.topak-export-dialog{width:min(94vw,620px);max-height:92dvh;overflow:auto;border:1px solid #ddd;border-radius:20px;background:#fff;color:#111;padding:18px}.topak-export-dialog::backdrop{background:#000a}.topak-export-dialog header{display:flex;justify-content:space-between;align-items:center}.topak-export-dialog h1{font-size:22px}.topak-export-dialog button{background:#efefef;color:#111;border:0;border-radius:16px;padding:10px 15px;margin:5px}.topak-export-dialog video{display:block;width:100%;max-height:35dvh;background:#111;border-radius:12px}.topak-export-dialog label{display:block;margin:14px 0}.topak-export-dialog input,.topak-export-dialog select{color:#111;background:#f6f6f6;border:1px solid #ddd;padding:9px;border-radius:8px;margin:6px;width:95%}.topak-export-dialog p{font-size:12px;line-height:1.6}.topak-export-dialog .export-make{background:#ed3d60;color:white}.export-result img{display:block;max-width:100%;max-height:32dvh;margin:14px auto;image-rendering:auto}
