.board-gif-export {
    position: fixed;
    inset: 0;
    z-index: 2147482000;
    display: grid;
    place-items: center;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
    background: #000a;
    color: var(--theme-text-secondary, #f7f7f2);
    font-family: Poppins, Arial, sans-serif;
}
.board-gif-export *, .board-gif-export *::before, .board-gif-export *::after { box-sizing: border-box; }
.board-gif-export [hidden] { display: none !important; }
.board-gif-export__dialog {
    width: min(580px, 100%);
    min-width: 0;
    max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    background: var(--theme-bg-secondary, #171919);
    border: 1px solid var(--theme-accent-primary, #d4af37);
    border-radius: 20px;
    box-shadow: 0 20px 70px #0008;
    overflow: hidden;
    outline: none;
}
.board-gif-export header, .board-gif-export footer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}
.board-gif-export header { justify-content: space-between; border-bottom: 1px solid var(--theme-border, #6666); }
.board-gif-export h2 { margin: 3px 0 0; font-size: clamp(19px, 4vw, 23px); color: inherit; line-height: 1.3; }
.board-gif-export small { font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.board-gif-export__body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px 20px 12px; }
.board-gif-export p { font-size: 13px; line-height: 1.6; margin: 14px 0; overflow-wrap: anywhere; }
.board-gif-export__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.board-gif-export label { display: grid; gap: 7px; font-size: 13px; font-weight: 600; min-width: 0; }
.board-gif-export select, .board-gif-export button {
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--theme-accent-primary, #d4af37);
    border-radius: 10px;
    background: var(--theme-bg-tertiary, #262929);
    color: inherit;
    font: inherit;
}
.board-gif-export select { width: 100%; font-size: 14px; }
.board-gif-export button { cursor: pointer; font-size: 13px; font-weight: 600; }
.board-gif-export button[data-gif-close] { width: 44px; flex: 0 0 44px; font-size: 24px; padding: 0; }
.board-gif-export button:disabled { opacity: .5; cursor: not-allowed; }
.board-gif-export footer { justify-content: flex-end; border-top: 1px solid var(--theme-border, #6666); }
.board-gif-export [data-gif-start] { box-shadow: inset 0 0 0 1px var(--theme-accent-primary, #d4af37); }
.board-gif-export :is(button, select):focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.board-gif-export progress { width: 100%; accent-color: var(--theme-accent-primary, #d4af37); }
[data-theme="light-matrix"] .board-gif-export { color: #182522; }
@media (max-width: 360px) {
    .board-gif-export header, .board-gif-export footer { padding: 12px; }
    .board-gif-export__body { padding-inline: 12px; }
    .board-gif-export__fields { grid-template-columns: minmax(0, 1fr); }
}