:root{color-scheme:light;--ink:#173753;--muted:#506579;--line:#dbe3eb;--paper:#fff;--wash:#f4f7fa;--accent:#e7ab60;--error:#9d2929;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;color:var(--ink);background:var(--wash)}
*{box-sizing:border-box}body{margin:0;line-height:1.65;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select{font:inherit;color:inherit}button{min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px 18px;background:white;font-weight:600;cursor:pointer;touch-action:manipulation;line-height:1.45}button:hover{background:#edf2f7}button:active{background:#e1eaf2}button:disabled{opacity:.55;cursor:wait}input,select{min-height:48px;border:1px solid #9dadbd;border-radius:9px;background:white;padding:10px 12px;max-width:100%;width:100%}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:var(--ink)}:focus-visible{outline:3px solid #bc721b;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:1.85rem;letter-spacing:-.04em;line-height:1.3}h2{font-size:1.3rem;line-height:1.4}h3{font-size:1.05rem;margin-bottom:10px}p+p{margin-top:12px}a{color:var(--ink);overflow-wrap:anywhere}small{font-size:1rem}.app-header{max-width:1000px;padding:24px 28px 20px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:1.35rem;line-height:1.25;letter-spacing:.12em}.brand span{display:block;font-size:1rem;color:var(--muted)}nav{display:flex;gap:6px}nav button{background:transparent;border-color:transparent}nav button[aria-current=page]{background:white;border-color:var(--line);color:var(--ink)}main{max-width:900px;margin:0 auto;padding:16px 28px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 24px}.eyebrow{font-weight:600;color:var(--muted);margin-bottom:8px}.hero{padding:28px 30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.stat strong{font-size:2rem;line-height:1.15;display:block;font-weight:650}.stat span{color:var(--muted);display:block;margin-top:6px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filters button{font-weight:500;flex:1;white-space:nowrap}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.primary{background:var(--ink);border-color:var(--ink);color:#fff}.primary:hover{background:#244d70}.wide{width:100%}.quiet{background:transparent}.muted{color:var(--muted)}.section-gap{margin-top:28px}.study-card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:28px 30px;margin-top:24px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);margin-bottom:24px}.word-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.word{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,7vw,3.25rem);font-weight:600;line-height:1.2;overflow-wrap:anywhere;max-width:100%}.sound{min-width:48px;padding:10px 12px;display:inline-flex;gap:6px;align-items:center}.sound svg{width:19px;height:19px;flex-shrink:0}.prompt{font-size:1.2rem;font-weight:600;margin-top:22px}.example{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;margin-top:18px;line-height:1.7;overflow-wrap:anywhere}.reveal{margin-top:32px}.answer{border-top:1px solid var(--line);padding-top:26px;margin-top:26px}.answer-text{font-size:1.65rem;overflow-wrap:anywhere}.answer .translation{color:var(--muted);margin-top:8px}.rating-help{margin-top:28px}.ratings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.ratings button{padding:14px 10px}.ratings .again{background:#fff5ec;border-color:#eacbad;color:#754513}.ratings .good{background:var(--ink);border-color:var(--ink);color:#fff}.related{padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}.related ul{margin:0;padding:0;list-style:none}.related li{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 0;align-items:baseline}.related li strong{min-width:110px;overflow-wrap:anywhere}.related .pos{color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:20px}.empty{padding:36px 0;text-align:center}.empty p{margin:12px 0 22px}.notice{max-width:844px;margin:8px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:white;overflow-wrap:anywhere}.notice.error{background:#fff1f0;color:var(--error);border-color:#e6b5b1}.notice.success{background:#edf7f0;color:#285b39;border-color:#c5ddce}.login{max-width:480px;margin:48px auto}.login h1{margin-bottom:16px}.login form{margin-top:26px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.field label{font-weight:600}.check-field{display:flex;align-items:center;gap:12px;margin:0 0 24px;cursor:pointer;min-height:48px}.login button{margin-top:8px}.demo-code{background:#f0f3f7;padding:12px 16px;margin-top:24px;border-radius:9px;overflow-wrap:anywhere}.search-form{display:flex;align-items:end;gap:10px;margin-top:24px}.search-form .field{flex:1;margin:0;min-width:0}.library-summary{margin:18px 0;color:var(--muted)}.word-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.word-list button{border:none;border-bottom:1px solid var(--line);border-radius:0;width:100%;padding:17px 8px;display:flex;text-align:left;align-items:baseline;justify-content:space-between;gap:18px;background:transparent}.word-list strong{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;overflow-wrap:anywhere}.word-list span{text-align:right;font-weight:400;overflow-wrap:anywhere}.settings{max-width:620px}.settings-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.danger{color:var(--error)}details{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer;min-height:48px;display:list-item;font-weight:600;padding:8px 0}details p{margin:12px 0}dialog{border:1px solid var(--line);border-radius:20px;width:min(640px,calc(100% - 32px));max-height:85dvh;padding:26px;color:var(--ink);background:white}dialog::backdrop{background:#10273880}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}dialog .word{font-size:2.3rem}.loading{padding:40px 0;text-align:center}.target{margin-top:22px;color:var(--muted)}.busy-text{margin-top:12px;color:var(--muted)}
@media(max-width:580px){.app-header{padding:18px 18px 12px;flex-wrap:wrap;gap:16px}.brand{gap:10px}.brand strong{font-size:1.25rem}nav{width:100%;border-bottom:1px solid var(--line);padding-bottom:12px}nav button{flex:1}main{padding:8px 18px 36px}.hero,.study-card{padding:24px 20px}.page-heading{margin-top:16px}.stats{gap:12px}.stat strong{font-size:1.75rem}.filters{gap:6px}.filters button{flex-basis:calc(50% - 6px);padding:10px}.ratings{grid-template-columns:1fr}.ratings button{min-height:50px}.notice{margin:10px 18px}.login{margin:24px 0}.search-form{flex-wrap:wrap}.search-form .field{flex-basis:100%}.search-form button{width:100%}.word-list button{flex-wrap:wrap;gap:4px 12px}.word-list span{text-align:left}.toolbar{flex-wrap:wrap}.card-meta{margin-bottom:20px}.settings-actions button{flex:1}dialog{padding:20px}.page-heading h1{font-size:1.7rem}}
.brand strong{letter-spacing:.035em}.app-header nav{margin-inline-start:auto}#logout{flex-shrink:0}.daily-summary{color:var(--muted);margin-bottom:24px}.daily-summary strong{color:var(--ink)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode-entry{min-height:116px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:start;padding:24px;font-size:1.25rem;font-weight:600;background:var(--paper)}.mode-entry:first-child{border-top:4px solid var(--accent)}.mode-entry span:last-child{font-size:1.5rem;font-weight:400}.selection-actions{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.practice-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 20px}.practice-bar h1{font-size:1.15rem;letter-spacing:0}.practice-footer{display:flex;justify-content:flex-end;margin-top:16px}.practice-bar+#practice .study-card{margin-top:0}.card-direction{color:var(--muted);font-weight:600}.question-core{text-align:center;margin-top:24px}.question-core .word{margin-inline:auto}.question-core .sound{margin-top:14px}.phonetic{font-size:1.1rem;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.study-card .prompt{text-align:center}.example-label{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:1rem;font-weight:600;display:block;margin-bottom:6px}.study-card .answer{text-align:center}.study-card .answer .word-row{justify-content:center}.study-card .answer .translation{margin-top:20px}.ratings{margin-top:26px}.ratings button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0}.interval{display:block;font-weight:400;font-size:1rem}.empty.hero{padding-inline:24px}.empty.hero h2{margin-top:8px}
@media(max-width:580px){.app-header .brand{order:1}.app-header #logout{order:2;margin-inline-start:auto}.app-header nav{order:3;margin-inline-start:0}.mode-grid{gap:12px}.mode-entry{min-height:108px;padding:18px;font-size:1.15rem}.practice-bar{align-items:center;gap:12px}.practice-bar h1{font-size:1rem}.ratings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ratings button{padding:12px 6px}.question-core{margin-top:20px}.practice-bar+#practice .study-card{padding:22px 20px}}
.study-card .answer .word-row{flex-direction:column;gap:10px}.study-card .answer-text{margin-bottom:0}.example-label{display:inline;margin-bottom:0;margin-inline-end:4px}
/* App-only adaptation of ESTHER's blue/yellow palette; see frontend-controls.md. */
:root{--ink:#24364b;--muted:#556477;--line:#dfe5e9;--paper:#fff;--wash:#fdfcf8;--accent:#f4d758;--blue:#246fbe;--blue-soft:#edf5fd;--error:#aa3743}
::selection{background:#f4d758;color:#24364b}
.primary,.ratings .good{background:var(--blue);border-color:var(--blue);color:white}.primary:hover,.ratings .good:hover{background:#1c5d9f}.mode-entry{color:var(--blue);border-color:#d4e2f0}.mode-entry:hover{background:var(--blue-soft)}.mode-entry:first-child{border-top:1px solid #d4e2f0;background:#fff9df}.study-card{border-top:1px solid var(--line)}nav button[aria-current=page]{background:var(--blue-soft);color:#1b609e;border-color:#cfdfef}:focus-visible{outline-color:#b88b17}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}.ratings .again{background:#fff9df;border-color:#e8d99f;color:#715516}.ratings button{padding:10px 6px;gap:4px}.ratings .interval{font-size:1rem}.sound{border:0!important;box-shadow:none;background:transparent;min-width:48px;width:48px;min-height:48px;height:48px;padding:12px;justify-content:center;color:var(--blue);border-radius:8px}.sound:hover{background:var(--blue-soft)}.sound svg{width:21px;height:21px}.audio-word{display:grid;grid-template-columns:48px minmax(0,max-content) 48px;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;text-align:center;min-height:48px}.audio-word>.word,.audio-word>.answer-text{grid-column:2;grid-row:1;min-width:0;margin:0;overflow-wrap:anywhere}.audio-word>.sound{grid-column:3;grid-row:1;margin:0}.study-card .example,.study-card .answer .example,.study-card .answer .translation{text-align:left}.custom-entry{margin-top:24px;border-color:#ccdced;background:var(--blue-soft);color:#1b609e}.custom-note{margin-bottom:22px;color:var(--muted)}.custom-resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;margin-bottom:18px;border-bottom:1px solid var(--line)}.custom-fieldset{padding:0;border:0;margin:0 0 24px;min-width:0}.custom-fieldset legend{font-weight:600;margin-bottom:12px;padding:0}.book-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.book-check{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:48px;background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer;overflow-wrap:anywhere}.book-check input{flex:0 0 24px}.custom-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-radio{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:48px;background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer}.mode-radio input{width:20px;height:20px;min-height:20px;padding:0;flex:0 0 20px}.mode-radio:has(input:checked),.book-check:has(input:checked){border-color:#8db8e2;background:var(--blue-soft)}.custom-preview{margin:8px 0 24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preview-counts,.completion-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.preview-counts dt,.completion-counts dt{color:var(--muted);font-size:1rem}.preview-counts dd,.completion-counts dd{font-weight:600;font-size:1.65rem;margin:4px 0 0}.preview-error{color:var(--error)}.custom-progress{color:var(--muted);margin-bottom:12px;text-align:right}.custom-complete h2{text-align:center}.complete-total{font-size:1.3rem;text-align:center;margin:18px 0}.completion-counts{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 28px;text-align:center}.custom-complete .primary{display:block;margin-inline:auto}.custom-ratings button{min-height:48px;padding:12px 6px}.custom-progress+.study-card{margin-top:0}
@media(max-width:580px){.preview-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.book-checks,.custom-modes{gap:8px}.book-check,.mode-radio{padding:10px}.ratings button{padding:10px 5px}.custom-complete{padding:24px 18px}.completion-counts{gap:10px}}
@media(max-width:360px){.book-checks{grid-template-columns:1fr}}
.mode-badge{display:inline-block;padding:4px 10px;border-radius:7px;background:#fff4be;color:#655310;font-size:1rem;white-space:nowrap}.selected-card-count{margin-bottom:16px;font-size:1.05rem}.selected-card-count strong{color:var(--blue);font-size:1.4rem}.preview-counts{grid-template-columns:repeat(3,minmax(0,1fr))}input[type=range]{height:48px;padding:0;border:0;background:transparent;accent-color:var(--blue)}#custom-percent-value{margin-inline-start:8px;color:var(--blue)}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease}}
@media(forced-colors:active){button,nav button[aria-current=page],.study-card{border:1px solid ButtonText}.filters button[aria-pressed=true]{outline:2px solid Highlight}.notice.error{border:2px solid Mark}}

/* Immediate mode choice, live lookup, and accessible activity overview. */
.mode-setting{border:0;padding:0;margin:0 0 24px;min-width:0}.mode-setting legend{font-weight:600;margin-bottom:10px}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-switch button{min-width:0}.mode-switch button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.mode-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.mode-entry .mode-copy strong{font-size:1.2rem}.mode-entry .mode-copy small{font-size:1rem;font-weight:400;color:var(--muted)}.mode-entry .mode-arrow{font-size:1.5rem}.shared-quota{margin-top:14px;color:var(--muted);font-size:1rem}.practice-remaining{color:var(--muted);margin:-6px 0 16px}.practice-remaining+#practice .study-card{margin-top:0}.quiet:disabled{opacity:.65;cursor:default}.answer-image{display:block;aspect-ratio:3/2;width:min(100%,420px);height:auto;max-height:420px;object-fit:contain;border-radius:12px;margin:20px auto}.foundation-note{margin-top:12px;font-size:1rem}.custom-amount{display:inline-block;font-size:1rem;font-weight:400;margin-inline-start:12px;color:var(--muted)}.stats-section{margin-bottom:20px}.stats-section h2{margin-bottom:12px}.metric-grid,.coverage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.metric-grid dt,.coverage-grid dt{color:var(--muted)}.metric-grid dd,.coverage-grid dd{margin:4px 0 0;font-size:1.7rem;font-weight:600;overflow-wrap:anywhere}.metric-grid small{font-weight:400}.activity-chart{width:100%;height:auto;display:block;margin:24px 0 6px;overflow:visible}.kind-coverage{list-style:none;margin:12px 0 0;padding:0}.kind-coverage li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}
@media(max-width:580px){.app-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.app-header nav button{min-width:0;padding:10px 4px}.mode-entry{gap:8px;padding:16px 12px}.mode-entry .mode-copy strong{font-size:1.1rem}.stats-section{padding:22px 18px}.metric-grid,.coverage-grid{gap:14px}.metric-grid dd,.coverage-grid dd{font-size:1.5rem}.custom-amount{display:block;margin-inline-start:0;margin-top:4px}}

.chart-maximum{font-size:1rem;margin-top:18px}.chart-maximum+.activity-chart{margin-top:4px;margin-bottom:4px}.chart-dates{display:flex;justify-content:space-between;gap:8px;font-size:1rem;margin-bottom:12px}.chart-dates time{white-space:nowrap}

/* Focused learning home and saved settings ranges. */
.toast{position:fixed;z-index:20;top:calc(env(safe-area-inset-top) + 18px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);padding:12px 20px;border-radius:12px;background:#24364b;color:white;box-shadow:0 6px 24px #24364b26;font-size:1rem;pointer-events:none}.mode-entry{justify-content:center;text-align:center;min-height:96px}.mode-entry:first-child{background:white;border-top:1px solid #d4e2f0}.mode-entry[aria-pressed=true]{background:var(--blue-soft);border:2px solid var(--blue)}.mode-entry:hover{background:var(--blue-soft)}.daily-summary{text-align:center;font-size:1.15rem}.study-actions{display:flex;align-items:center;flex-direction:column;gap:12px;margin-top:28px}.study-actions>button{min-width:min(260px,100%);max-width:100%}.card-backtrack{display:flex;justify-content:center;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.card-backtrack button{font-weight:400}.cram-overview{text-align:center}.cram-amount{margin:22px 0;font-size:1.25rem;color:var(--blue);font-weight:600}.cram-overview .quiet{margin-top:8px}.home-preview:empty{display:none}.library-feedback{min-height:1.65em;margin-top:12px;font-size:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.library-feedback button{padding:6px 14px}.stats-overview .metric-grid{margin:0}.milestone{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.kind-coverage li{display:block}.coverage-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.kind-coverage progress{display:block;width:100%;height:10px;margin-top:12px;appearance:none;border:0;border-radius:6px;overflow:hidden;background:#edf1f5}.kind-coverage progress::-webkit-progress-bar{background:#edf1f5;border-radius:6px}.kind-coverage progress::-webkit-progress-value{background:var(--blue);border-radius:6px}.kind-coverage progress::-moz-progress-bar{background:var(--blue);border-radius:6px}

/* Feedback and serial, account-scoped automatic settings sync. */
.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:12px;border:0;background:transparent;color:var(--ink)}.feedback-icon svg{width:20px;height:20px;flex-shrink:0}.card-backtrack{flex-wrap:wrap;gap:4px 16px}.card-feedback{font-size:1rem;color:var(--muted);border-color:transparent;padding:8px 12px}textarea{font:inherit;color:inherit;line-height:1.6;width:100%;max-width:100%;resize:vertical;border:1px solid #9dadbd;border-radius:9px;padding:12px;min-height:150px}#feedback-context{margin-bottom:18px;overflow-wrap:anywhere}#feedback-error{margin-bottom:16px}#feedback-dialog form{margin:0}.settings-sync-status{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:28px;font-size:1rem;overflow-wrap:anywhere}.range-chip,.kind-chip{display:inline-block;max-width:100%;padding:4px 10px;border-radius:7px;margin:3px;background:#f1f5f8;font-size:1rem;overflow-wrap:anywhere}.kind-chip{background:var(--blue-soft);color:#1b609e}.cram-overview .muted{margin-top:10px}.header-actions #logout{margin-inline-start:0}
@media(max-width:580px){.app-header .header-actions{order:2;margin-inline-start:auto}.app-header .header-actions #logout{order:initial}.header-actions{gap:0}.app-header{column-gap:8px}.card-backtrack{gap:4px}.card-backtrack button{padding-inline:10px}}

/* Compact feedback dialog and settings synchronization beside the heading. */
.feedback-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.feedback-actions button{max-width:100%}.settings-heading{align-items:flex-start;flex-wrap:wrap;gap:12px 20px}.settings-heading h1{flex:0 0 auto}.settings-heading .settings-sync-status{flex:0 1 72%;min-width:0;max-width:100%;margin-inline-start:auto;align-items:flex-end;text-align:right}.settings-heading .settings-sync-status>span{max-width:100%;overflow-wrap:anywhere}.settings-heading .settings-sync-status button{white-space:normal;max-width:100%}
@media(max-width:580px){.settings-heading .settings-sync-status{flex-basis:65%}.feedback-actions{gap:10px}.feedback-actions button{padding-inline:14px}}

/* Read-only image trial reuses the learning card without ratings. */
.image-preview-entry{font-weight:400;color:var(--muted);border-color:transparent}.image-preview-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;color:var(--muted);margin:12px 0}.image-preview-meta p+p{margin:0}.image-preview-meta+.study-card{margin-top:12px}.image-preview-navigation{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.image-preview-navigation button{flex:1;max-width:220px}.image-preview-navigation button:disabled{cursor:default}