.mlfd-app { max-width: 1040px; margin-top: 28px; }
.mlfd-app .mlfd-brand { color: #425a4f; font-size: 12px; letter-spacing: .14em; font-weight: 700; margin-bottom: 12px; }
.mlfd-brand span { margin-left: 10px; color: #646970; font-size: 10px; }
.mlfd-app h1 { font-size: 30px; font-weight: 600; color: #182c24; margin-bottom: 24px; }
.mlfd-card { background: #fff; border: 1px solid #dcdcde; border-radius: 8px; padding: 24px; margin-bottom: 20px; }
.mlfd-card h2 { margin: 0 0 12px; font-size: 19px; }
.mlfd-card p { max-width: 760px; }
.mlfd-actions, .mlfd-file-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.mlfd-actions { margin: 20px 0 12px; }
.mlfd-actions form { margin: 0; }
.mlfd-app .button-primary { background: #285c45; border-color: #285c45; }
.mlfd-app .button-primary:hover { background: #1e4735; border-color: #1e4735; }
.mlfd-badge { display: inline-block; margin-left: 8px; padding: 2px 7px; font-size: 10px; vertical-align: middle; color: #285c45; background: #eef5ef; border-radius: 3px; }
.mlfd-upgrade { border-left: 3px solid #8aa294; }
.mlfd-footer { color: #646970; font-size: 12px; margin-top: 28px; }
.mlfd-dialog { border: 1px solid #c3c4c7; border-radius: 8px; padding: 26px; width: min(460px, calc(100vw - 80px)); box-shadow: 0 16px 60px #0003; }
.mlfd-dialog::backdrop { background: #0007; }
.mlfd-dialog h2 { margin-top: 0; }
.mlfd-dialog label { display: block; font-weight: 600; }
.mlfd-dialog input[type=file] { display: block; margin-top: 10px; max-width: 100%; }
.mlfd-dialog p[role=status] { overflow-wrap: anywhere; }
.mlfd-library-tools { display: inline-flex; flex-wrap: wrap; gap: 4px; margin-left: 8px; vertical-align: middle; }
@media (max-width: 600px) { .mlfd-card { padding: 18px; } .mlfd-app h1 { font-size: 25px; } }