.export-bar{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);flex-wrap:wrap}.export-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-right:.5rem}.export-btn{padding:.4rem .85rem;font-family:Karla,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.03em;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--text);color:var(--surface);border-color:var(--text);transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}.export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.export-btn:disabled:hover{background:transparent;color:var(--text-secondary);border-color:var(--border);transform:none}.export-divider{width:1px;height:18px;background:var(--border);margin:0 .25rem}.export-btn-embed{color:var(--left);border-color:var(--left)}.export-btn-embed:hover{background:var(--left);color:var(--surface);border-color:var(--left)}.export-btn-share{color:var(--right);border-color:var(--right)}.export-btn-share:hover{background:var(--right);color:var(--surface);border-color:var(--right)}.social-dropdown-wrapper{position:relative}.export-btn-social.active{background:var(--text);color:var(--surface);border-color:var(--text)}.social-dropdown{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.35rem;z-index:20;min-width:180px;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.social-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;border-radius:7px;background:transparent;font-family:Karla,system-ui,sans-serif;font-size:.8rem;color:var(--text);cursor:pointer;transition:background .15s ease}.social-dropdown-item:hover{background:var(--left-light)}.social-dropdown-label{font-weight:600}.social-dropdown-dims{font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums}@media(max-width:600px){.export-bar{gap:.5rem}.export-btn{padding:.65rem 1.1rem;font-size:.85rem;min-height:44px}.social-dropdown{min-width:200px}.social-dropdown-item{padding:.65rem .85rem;min-height:44px}}.embed-overlay{position:fixed;inset:0;z-index:1000;background:#2a252059;display:flex;align-items:center;justify-content:center;animation:embedOverlayIn .2s ease both}@keyframes embedOverlayIn{0%{opacity:0}to{opacity:1}}.embed-sheet{width:90%;max-width:560px;background:var(--surface);border-radius:16px;box-shadow:0 8px 32px #2a252026;padding:1.5rem;animation:embedSheetIn .25s ease both}@keyframes embedSheetIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.embed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.embed-title{font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-weight:500;letter-spacing:-.01em}.embed-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer;border-radius:6px}.embed-close:hover{background:var(--bg);color:var(--text)}.embed-description{font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem}.embed-code{width:100%;box-sizing:border-box;font-family:Courier New,Courier,monospace;font-size:.78rem;line-height:1.5;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);resize:vertical}.embed-code:focus{outline:none;border-color:var(--border-hover)}.embed-copy-btn{display:block;width:100%;margin-top:.75rem;padding:.6rem;background:var(--text);color:var(--surface);border:none;border-radius:8px;font-family:Karla,system-ui,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.embed-copy-btn:hover{opacity:.85}@media(max-width:600px){.embed-overlay{align-items:flex-end}.embed-sheet{max-width:100%;width:100%;border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto;animation:embedSheetMobileIn .25s ease both}@keyframes embedSheetMobileIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}}