/* Export UI belongs to the standalone prototype, not the original hein layout. */
.export-setting{border-top:1px solid #efeded;padding-top:20px;margin-top:20px;grid-column:1/-1}
.export-setting h3{font-size:13px;font-weight:600;margin:0}
.export-setting .field-note{font-size:10px}
.export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.export-buttons button{border:1px solid #ded8da;background:#fff;color:#a6003a;border-radius:7px;padding:10px 7px;font-size:11px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:6px}
.export-buttons button:hover:not(:disabled){background:#fff6f9;border-color:#f50056}
.export-buttons button:disabled{opacity:.4;cursor:not-allowed}
.export-dialog{width:calc(100% - 32px);max-width:620px;max-height:92svh;overflow:auto;padding:24px;border:1px solid #e8dce1;border-radius:15px;color:#292025;box-shadow:0 20px 80px #34252d40}
.export-dialog::backdrop{background:#21151d66;backdrop-filter:blur(3px)}
.export-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
.export-header h2{margin:5px 0 0;font-size:24px;line-height:1.3;letter-spacing:-.03em}
#export-close{border:0;background:#f4f0f2;border-radius:7px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#6b5e66;flex-shrink:0}
#export-status{font-size:12px;line-height:1.7;color:#76666f;margin-bottom:15px}
.export-preview{background:#f7f7f6;border-radius:10px;overflow:hidden;min-height:80px;display:flex;align-items:center;justify-content:center}
.export-preview canvas,.export-preview img,.export-preview video{display:block;max-width:100%;max-height:51svh;width:auto;height:auto;margin:0 auto}
#export-progress{width:100%;height:7px;margin:20px 0 0;accent-color:#f50056}
.export-result{display:flex;gap:10px;align-items:center;margin-top:18px}
.export-result .btn,#export-share{padding:12px 18px;font-size:13px;font-weight:600;border-radius:8px;line-height:1.4}
#export-share{border:1px solid #d9cdd3;background:#fff;color:#a6003a}
.export-footnote{font-size:10px;line-height:1.8;color:#8b7a84;margin-top:16px}
@media(max-width:700px){.export-buttons button{font-size:12px;padding:13px 10px}.export-dialog{padding:20px}.export-header h2{font-size:22px}.export-preview canvas,.export-preview img,.export-preview video{max-height:47svh}.export-result{flex-wrap:wrap}.export-result .btn,#export-share{flex:1;text-align:center}}