PS5_RetroArch/webui/app.css

@font-face{font-family:'Encode Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('assets/ui.woff2') format('woff2')}
:root{color-scheme:light;--rail:#37184a;--ground:#ede7f6;--surface:#fcfaff;--ink:#2d1447;--muted:#6c6f90;--accent:#7544b7;--accent-hover:#63339f;--line:#e0d6ef;--control:#cbcbe0;--green:#19af68;--sidebar-width:15.6667rem;--radius:0.722222rem;--r-page-title-font:2.77778rem;font:1rem/1.45 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--ground);accent-color:var(--accent);scrollbar-color:#b09acb var(--ground)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-underline-offset:0.222222rem}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:0.166667rem solid #a566ef;outline-offset:0.222222rem}::selection{background:#d4b5fb;color:#27133e}input{caret-color:var(--accent)}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.44444rem;height:1.44444rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}h1{font-family:'Encode Sans Condensed',Arial,sans-serif;font-size:var(--r-page-title-font);font-weight:700;line-height:1.15;letter-spacing:-.025em}h2{font-size:1.38889rem;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}.skip-link{position:fixed;left:0.666667rem;top:-80px;z-index:10;padding:0.666667rem;background:var(--surface)}.skip-link:focus{top:0.666667rem}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--rail);color:#fff;display:flex;flex-direction:column;padding:5.05556rem 0.722222rem 1.27778rem}.brand{display:flex;gap:0.833333rem;align-items:center;margin:0 0.666667rem 2rem;color:#fff;text-decoration:none;white-space:nowrap}.brand img{width:3.55556rem;height:2.38889rem;object-fit:contain}.brand strong{font-size:1.83333rem;line-height:1.1;letter-spacing:-.025em}.brand small{display:block;font-size:1.11111rem;color:#d5c4ec;line-height:1.4;margin-top:0.111111rem}.sidebar nav{display:grid;gap:0.277778rem}.sidebar nav a{display:flex;align-items:center;gap:1.55556rem;min-height:3.11111rem;padding:0.666667rem 1.22222rem;border-radius:0.666667rem;text-decoration:none;color:#fff;font-size:1.11111rem}.sidebar nav .icon{width:1.55556rem;height:1.55556rem}.sidebar nav a[aria-current=page]{background:#6c3b9d}.sidebar nav a:hover{background:#62378d}.credit{margin-top:auto;display:flex;align-items:flex-end;gap:0.777778rem;color:#d5c4ec;font-size:0.888889rem;text-decoration:none;padding:0 0.333333rem;white-space:nowrap}.credit img{width:4.27778rem;height:4.44444rem;object-fit:contain;border-radius:0.222222rem}.credit span{padding-bottom:0.388889rem}
.workspace{margin-left:var(--sidebar-width);min-height:100vh}.release-bar{min-height:3.44444rem;background:var(--surface);border-bottom:0.0555556rem solid #d8c8ef;display:flex;align-items:center;gap:1.11111rem;padding:0.444444rem 1.66667rem;font-size:0.944444rem}.release-icon{color:var(--accent);width:1.44444rem;height:1.44444rem}.release-status{display:flex;gap:1rem;align-items:center;flex:1;min-width:0}.release-status strong{white-space:nowrap}.release-status span{color:#55337d;border-left:0.0555556rem solid #b799df;padding-left:1rem}.repository{display:flex;align-items:center;gap:0.555556rem;margin-left:0.555556rem;white-space:nowrap}.repository .icon{width:1.11111rem;height:1.11111rem}.primary{display:inline-flex;align-items:center;justify-content:center;gap:0.722222rem;border:0;border-radius:0.444444rem;background:var(--accent);color:white;text-decoration:none;min-height:2.77778rem;padding:0.666667rem 1.22222rem;font-size:1rem}.primary:hover{background:var(--accent-hover)}.compact{min-height:2.22222rem;padding:0.444444rem 1.27778rem;font-size:0.888889rem;white-space:nowrap}.primary .icon{width:1.27778rem;height:1.27778rem}main{padding:0 1.66667rem 1.38889rem}.page-heading{min-height:5.72222rem;display:flex;align-items:center;justify-content:space-between;gap:1.11111rem}.connection{display:flex;gap:0.777778rem;align-items:center;font-size:1.11111rem;color:var(--ink)}.status-dot{width:1rem;height:1rem;background:var(--green);border-radius:50%;flex:none}.overview-top{display:grid;grid-template-columns:minmax(0,.486fr) minmax(0,.514fr);gap:0.944444rem}.panel{background:var(--surface);border:0.0555556rem solid var(--line);border-radius:var(--radius);padding:1rem 1.05556rem 1.22222rem}.panel-heading{display:flex;align-items:flex-start;gap:1.05556rem;min-height:3.27778rem}.section-icon{width:2.88889rem;height:2.88889rem;color:var(--accent);margin-top:0.166667rem;stroke-width:1.9}.panel-heading p{font-size:1rem;margin-top:0.166667rem}.upload-panel,.library-panel{min-height:23.3889rem}.destination-label{display:block;font-size:0.944444rem;margin-top:1.05556rem;margin-bottom:0.388889rem}select{width:100%;min-height:2.5rem;padding:0.388889rem 0.833333rem;background:var(--surface);border:0.0555556rem solid var(--control);border-radius:0.333333rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:7.88889rem;background:transparent;border:0.111111rem dashed #b3b5ce;border-radius:0.444444rem;margin-top:1rem;padding:0.833333rem;color:var(--muted)}.dropzone .icon{width:2.11111rem;height:2.11111rem;margin-bottom:0.555556rem}.dropzone strong{font-size:1.11111rem;color:var(--ink)}.dropzone span{font-size:1rem}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#f2eafb}.browse-files{width:100%;margin-top:1rem}.library-folders{margin-top:1.16667rem;border:0.0555556rem solid var(--line);border-radius:0.666667rem;overflow:hidden}.folder-row{display:flex;align-items:center;gap:1.38889rem;min-height:4.33333rem;padding:0.888889rem 1.05556rem;text-decoration:none;border-bottom:0.0555556rem solid var(--line)}.folder-row:last-child{border-bottom:0}.folder-row>.icon:first-child{width:2.27778rem;height:2.27778rem;fill:var(--accent);stroke-width:1.5}.folder-row strong{font-size:1.05556rem;color:var(--ink);flex:1;min-width:0;overflow-wrap:anywhere}.folder-row span{font-size:0.888889rem;font-weight:600;white-space:nowrap}.folder-row>.icon:last-child{width:1.05556rem;height:1.05556rem;margin-left:-12px}.folder-row:hover{background:#f2eafb}.transfers-panel{margin-top:1.11111rem;min-height:12.2222rem}.transfers-panel .section-icon{color:var(--ink);width:2.77778rem;height:2.77778rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0.888889rem;min-height:7.5rem;color:var(--muted)}.empty-state>.icon{width:2.38889rem;height:2.38889rem}.empty-state p{font-size:1.05556rem}.quick-panel{margin-top:1.11111rem;min-height:9.66667rem;padding-bottom:1rem}.quick-panel .panel-heading{min-height:2.88889rem}.quick-panel .section-icon{width:2.77778rem;height:2.77778rem}.quick-settings{display:grid;grid-template-columns:1.15fr 1.1fr 1fr auto;gap:1.5rem;margin-top:0.666667rem;align-items:end}.quick-field{min-width:0}.quick-field label{display:flex;align-items:center;gap:0.833333rem;font-size:0.888889rem;margin-bottom:0.277778rem;white-space:nowrap}.quick-field label .icon{width:1.5rem;height:1.5rem}.range-field{display:flex;align-items:center;gap:0.944444rem;padding-left:2.38889rem;min-height:2.05556rem}.range-field input{width:100%;min-width:0;margin:0;height:1.44444rem}.range-field output{font-size:0.888889rem;color:var(--muted);min-width:2.44444rem;font-variant-numeric:tabular-nums}.quick-field select{margin-left:2.33333rem;width:calc(100% - 2.33333rem);min-height:2.38889rem;font-size:0.888889rem}.settings-open{min-height:3.11111rem;font-size:0.888889rem;gap:0.777778rem;padding:0.777778rem 1.38889rem}
h2{line-height:1.2}.destination-label{line-height:1.2}.library-panel .section-icon{fill:#d5b6f7;margin-left:0.277778rem}.transfers-panel .empty-state{min-height:6.5rem}.quick-panel{padding:0.666667rem 1.05556rem 0.777778rem}.quick-panel .panel-heading p{font-size:0.888889rem}.quick-panel .section-icon{fill:var(--accent)}.quick-panel .section-icon circle{fill:var(--surface)}.settings-open{min-width:11.3889rem}.settings-open .icon{fill:currentColor}.settings-open .icon circle{fill:var(--accent)}
.quick-panel .section-icon{padding:0.277778rem;margin-top:0}.quick-panel .section-icon circle{stroke:none}
:root[data-theme=dark]{color-scheme:dark;--rail:#21112f;--ground:#291d35;--surface:#33243f;--ink:#f3eafa;--muted:#c4b7d1;--accent:#ae80ea;--accent-hover:#9e6cde;--line:#51405f;--control:#715d80;--green:#59d394}.release-bar{flex-wrap:wrap;gap:0.666667rem 1.11111rem}.release-status{flex-wrap:wrap;gap:0.444444rem 1rem}.release-status span{color:var(--ink);font-size:0.888889rem}.release-bar[data-state=current] .release-icon{color:#15834f}.release-bar[data-state=update]{background:#fff5d8}.release-bar[data-state=update] .release-icon{color:#9a6800}.release-bar[data-state=update] .release-status{color:#583b00}.release-bar[data-state=update] .release-status span{color:#583b00}:root[data-theme=dark] .release-bar[data-state=update]{background:#4d3b1c}:root[data-theme=dark] .release-bar[data-state=update] .release-status,:root[data-theme=dark] .release-bar[data-state=update] .release-status span{color:#ffe09d}.connection.offline .status-dot{background:#987caa}.connection.offline{color:var(--muted)}.secondary,.text-button{border:0.0555556rem solid var(--control);background:var(--surface);color:var(--accent);border-radius:0.388889rem;padding:0.444444rem 0.777778rem;min-height:2.33333rem;font-size:0.888889rem}.secondary:hover{border-color:var(--accent);background:var(--ground)}.text-button{border:0;background:transparent;padding:0.222222rem 0;white-space:nowrap;text-decoration:underline;text-underline-offset:0.222222rem}.text-button:hover{color:var(--accent-hover)}.text-button:disabled{opacity:1;color:var(--ink);text-decoration:none}.announcement:empty{display:none}.announcement{padding:0.777778rem 0;color:var(--ink);font-size:0.888889rem}.error,.inline-error{color:#a32c51}.notice{margin:1.11111rem 0 0;border:0.0555556rem solid var(--line);border-radius:0.444444rem;background:var(--surface);padding:0.777778rem 1rem;display:flex;gap:0.888889rem;align-items:center;justify-content:space-between}.notice span{font-size:0.888889rem}.list-message{display:block;padding:1.11111rem;font-size:0.888889rem}.list-message p{margin-bottom:0.666667rem}.library-folders .list-message{min-height:4.22222rem}.library-folders .list-message:last-child{border:0}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.11111rem;margin-bottom:1.22222rem}.section-toolbar p{margin-top:0.333333rem;font-size:0.888889rem}.content-tools{display:flex;gap:1.11111rem;align-items:end;margin:1.11111rem 0}.search-field{flex:1;max-width:30.5556rem;font-size:0.888889rem}.search-field input{display:block;width:100%;margin-top:0.333333rem}.content-tools input,.folder-form input,.setting-row input[type=number]{min-height:2.44444rem;padding:0.444444rem 0.666667rem;border:0.0555556rem solid var(--control);border-radius:0.333333rem;background:var(--surface)}#breadcrumbs{display:flex;gap:0.666667rem;flex-wrap:wrap;padding-bottom:0.888889rem;border-bottom:0.0555556rem solid var(--line)}#breadcrumbs button+button:before{content:'/';display:inline-block;margin-right:0.666667rem;color:var(--muted);text-decoration:none}.folder-form{display:flex;align-items:center;gap:0.666667rem;flex-wrap:wrap;margin:1.33333rem 0;font-size:0.888889rem}.folder-form input{min-width:0;width:14.4444rem}.muted{color:var(--muted)}#folder-caption{font-size:0.833333rem;margin:0.888889rem 0 0.333333rem}.content-list{border-top:0.0555556rem solid var(--line)}.content-row{display:grid;grid-template-columns:1.55556rem minmax(0,1fr) 5rem 5rem;align-items:center;gap:1rem;padding:0.944444rem 0;border-bottom:0.0555556rem solid var(--line);font-size:0.888889rem}.content-row .icon{color:var(--accent);width:1.44444rem;height:1.44444rem}.file-name{border:0;background:transparent;text-align:left;text-decoration:none;padding:0;min-width:0;overflow-wrap:anywhere;font-size:0.888889rem;color:var(--ink)}.file-name:hover{text-decoration:underline}.file-size{font-size:0.777778rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.content-row>a:last-child{text-align:right}.help-text{font-size:0.888889rem;margin-bottom:1.33333rem;max-width:75ch}.transfer-row{display:flex;align-items:center;gap:1.11111rem;padding:0.777778rem 0;border-bottom:0.0555556rem solid var(--line);animation:transfer-added .35s ease-out}.transfer-row:last-child{border-bottom:0}.transfer-details{flex:1;min-width:0}.transfer-details strong,.transfer-details span{display:block;overflow-wrap:anywhere}.transfer-details strong{font-size:0.888889rem}.transfer-details span{font-size:0.777778rem;margin-top:0.222222rem}.transfer-details progress{width:100%;height:0.388889rem;margin-top:0.555556rem;border:0;border-radius:0.222222rem;overflow:hidden;accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.settings-intro{font-size:0.888889rem;max-width:75ch;margin:0.666667rem 0 1.55556rem}fieldset{padding:0;margin:0;border:0}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) 10.5556rem;align-items:center;gap:0.444444rem 1.33333rem;padding:1rem 0;border-bottom:0.0555556rem solid var(--line);font-size:0.944444rem}.setting-row input[type=checkbox]{justify-self:end;width:1.22222rem;height:1.22222rem;margin:0}.setting-row small{grid-column:1/-1;color:var(--muted);font-size:0.777778rem}.setting-row input[type=number]{width:100%;text-align:right}.form-actions{display:flex;align-items:center;gap:1.11111rem;margin-top:1.38889rem;font-size:0.888889rem}.release-details{margin-top:1.33333rem}.release-details pre{font:0.888889rem/1.7 Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;max-width:85ch;margin:1.11111rem 0;color:var(--ink)}#release-date{font-size:0.833333rem}.range-field output{white-space:nowrap;min-width:2.77778rem}.visually-hidden{position:absolute;width:0.0555556rem;height:0.0555556rem;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.primary:disabled:hover{background:var(--accent)}.folder-row:hover,.dropzone:hover,.dropzone.dragging{background:var(--ground)}:root[data-theme=dark] .primary{color:#251434}:root[data-theme=dark] .error,:root[data-theme=dark] .inline-error{color:#ff9db7}:root[data-theme=dark] .release-bar[data-state=current] .release-icon{color:#59d394}
@keyframes transfer-added{from{background:var(--ground)}to{background:transparent}}
@media(min-width:769px) and (max-width:1300px){:root{--sidebar-width:12.7778rem}.sidebar{padding-top:3.88889rem}.brand{gap:0.555556rem;margin-left:0.277778rem;margin-right:0}.brand strong{font-size:1.5rem}.brand img{width:2.66667rem}.sidebar nav a{gap:1.11111rem;padding-left:0.944444rem}.credit{gap:0.555556rem;font-size:0.777778rem}.credit img{width:2.77778rem;height:3rem}.panel-heading{gap:0.666667rem}.panel-heading p{font-size:0.888889rem}.panel-heading h2{font-size:1.27778rem}.section-icon{width:2.44444rem;height:2.44444rem}.overview-top{grid-template-columns:1fr 1fr}.release-status{min-width:15rem}.repository{font-size:0.833333rem}.quick-settings{grid-template-columns:1fr 1fr;gap:1.11111rem}.quick-panel{padding:1.11111rem}.settings-open{min-width:0}.folder-row{gap:0.833333rem;padding:0.888889rem 0.666667rem}.folder-row span{font-size:0.777778rem}.folder-row>.icon:first-child{width:1.66667rem}.release-bar,main{padding-left:1.33333rem;padding-right:1.33333rem}}
@media(max-width:768px){:root{--sidebar-width:0rem;--r-page-title-font:2.11111rem}.sidebar{position:relative;width:100%;padding:1.22222rem 0.888889rem 0.666667rem}.brand{margin:0 0 1.27778rem;gap:0.611111rem;max-width:calc(100% - 5.55556rem)}.brand img{width:2.5rem;height:1.94444rem}.brand strong{font-size:1.44444rem}.brand small{font-size:0.833333rem}.credit{position:absolute;right:0.888889rem;top:1rem;padding:0;display:flex;flex-direction:column;align-items:center;gap:0.166667rem;font-size:0.611111rem}.credit img{width:1.94444rem;height:1.94444rem}.credit span{padding:0}.sidebar nav{display:flex;gap:0.222222rem}.sidebar nav a{flex:1;flex-direction:column;justify-content:center;gap:0.277778rem;min-height:3.33333rem;padding:0.444444rem 0.111111rem;font-size:0.722222rem;border-radius:0.444444rem}.sidebar nav .icon{width:1.27778rem;height:1.27778rem}.workspace{margin:0}.release-bar{padding:0.666667rem 0.888889rem;gap:0.444444rem 0.722222rem;font-size:0.777778rem}.release-status{flex-basis:calc(100% - 2.5rem);gap:0.166667rem 0.555556rem}.release-status span{font-size:0.722222rem;border:0;padding:0}.release-status strong{font-size:0.777778rem}.release-icon{width:1.22222rem;height:1.22222rem}.release-bar .compact{font-size:0.777778rem;min-height:2.11111rem;padding:0.388889rem 0.777778rem}.repository{font-size:0.722222rem;margin-left:auto;gap:0.277778rem}.repository .icon{width:0.944444rem;height:0.944444rem}.release-bar>.text-button{font-size:0.777778rem}.release-bar:has(#show-notes:not([hidden])) .repository{flex-basis:100%;justify-content:flex-end}main{padding:0 0.888889rem 1.11111rem}.page-heading{min-height:5.05556rem;gap:0.555556rem;align-items:center}.connection{font-size:0.666667rem;gap:0.388889rem;max-width:8.05556rem;line-height:1.4}.status-dot{width:0.611111rem;height:0.611111rem}.overview-top{grid-template-columns:minmax(0,1fr);gap:0.888889rem}.panel{padding:1rem 0.888889rem;border-radius:0.666667rem}.panel-heading{gap:0.722222rem;min-height:3.05556rem}.panel-heading h2{font-size:1.22222rem}.panel-heading p{font-size:0.833333rem;line-height:1.45}.section-icon{width:2.22222rem;height:2.22222rem}.upload-panel,.library-panel{min-height:0}.destination-label{margin-top:1rem}.dropzone{min-height:7.88889rem}.library-panel .section-icon{margin-left:0}.library-folders{margin-top:1.22222rem}.folder-row{gap:0.888889rem;padding:0.777778rem;min-height:3.88889rem}.folder-row>.icon:first-child{width:1.77778rem;height:1.77778rem}.folder-row strong{font-size:0.888889rem}.folder-row span{font-size:0.722222rem}.transfers-panel,.quick-panel{margin-top:0.888889rem;min-height:0}.transfers-panel .section-icon,.quick-panel .section-icon{width:2.22222rem;height:2.22222rem}.transfers-panel .empty-state{min-height:7.5rem}.empty-state p{font-size:0.888889rem}.quick-settings{grid-template-columns:1fr;gap:1.11111rem;margin-top:1.38889rem}.quick-panel .panel-heading p{font-size:0.833333rem}.quick-field label{font-size:0.833333rem}.quick-field select{font-size:0.888889rem}.quick-field .range-field{min-height:1.94444rem}.settings-open{width:100%;min-height:2.66667rem;margin-top:0.111111rem}.section-toolbar{align-items:flex-start;gap:0.666667rem;flex-wrap:wrap}.section-toolbar h2{font-size:1.22222rem}.section-toolbar p{font-size:0.777778rem}.content-tools{flex-wrap:wrap;gap:0.666667rem}.search-field{flex-basis:100%}.content-tools .primary{width:100%}.folder-form{gap:0.555556rem}.folder-form label{flex-basis:100%}.folder-form input{flex:1;width:8.33333rem}.folder-form button{font-size:0.777778rem;padding:0.444444rem 0.555556rem}.content-row{grid-template-columns:1.33333rem minmax(0,1fr) auto;gap:0.555556rem}.content-row>a:last-child:not(.file-name){grid-column:2/4;justify-self:start;font-size:0.777778rem}.file-size{font-size:0.666667rem}.setting-row{grid-template-columns:minmax(0,1fr) 5rem;gap:0.444444rem 0.666667rem;font-size:0.833333rem}.setting-row select{padding:0.333333rem;font-size:0.777778rem}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .primary{width:100%}.notice{align-items:flex-start;gap:0.555556rem;padding:0.666667rem}.notice span{font-size:0.777778rem}.notice button{font-size:0.777778rem;padding:0.388889rem}.release-details pre{font-size:0.833333rem}.release-details .primary{width:100%;font-size:0.888889rem}.transfer-row{gap:0.555556rem}.transfer-row .secondary{font-size:0.777778rem;padding:0.444444rem 0.555556rem}.transfer-details strong{font-size:0.833333rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

:root{font-size:16px}

@media(min-width:769px){.sidebar{padding-top:2.5rem}.page-heading{min-height:5.5rem}.upload-panel,.library-panel{min-height:0}.transfers-panel{min-height:10rem}.transfers-panel .empty-state{min-height:4.5rem}.dropzone{min-height:7rem}.credit img{width:3rem;height:3rem}.workspace{min-width:0}.skip-link{transform:translateY(-200%);top:0}.skip-link:focus{transform:none}}
.settings-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:end;margin:1.25rem 0}.settings-controls label{display:grid;gap:.4rem;font-size:.875rem}.settings-controls select{min-width:12rem;max-width:100%}.settings-search{flex:1}.settings-controls input,.setting-row input[type=text]{min-height:2.5rem;padding:.5rem .75rem;border:1px solid var(--control);border-radius:.35rem;background:var(--surface);min-width:0;width:100%}.settings-controls input{max-width:32rem}.setting-row{grid-template-columns:minmax(0,1fr) minmax(12rem,40%)}.setting-label small{display:block;overflow-wrap:anywhere;margin-top:.2rem}.settings-paging{display:flex;gap:1rem;align-items:center;justify-content:flex-end;margin-top:1rem}.settings-paging span,#settings-count{font-size:.875rem;color:var(--muted)}.settings-actions{position:sticky;bottom:0;background:var(--surface);padding:1rem 0;margin-top:1rem;border-top:1px solid var(--line)}.setting-row input:invalid{border-color:#a32c51}@media(max-width:768px){.settings-controls{align-items:stretch}.settings-controls label{flex:1 1 100%}.setting-row{grid-template-columns:minmax(0,1fr)}.setting-row input[type=checkbox]{grid-column:1;justify-self:start}.settings-actions{position:static}}

main{max-width:100rem;margin-inline:auto}

.settings-view-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0 1.25rem}.settings-view-bar>span{font-size:.875rem;color:var(--muted)}.settings-mode{display:flex;border:1px solid var(--control);border-radius:.45rem;padding:.2rem;gap:.2rem}.settings-mode button,#settings-categories button{font-size:.875rem;border:0;background:transparent;color:var(--ink);padding:.65rem 1rem;border-radius:.333333rem;min-height:2.75rem}.settings-mode button[aria-pressed=true]{background:var(--accent);color:#fff}.settings-mode button:hover,#settings-categories button:hover{background:var(--ground);color:var(--ink)}#settings-categories{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--line);padding-bottom:.75rem;margin-bottom:1.5rem}#settings-categories button[aria-pressed=true]{color:var(--accent);background:var(--ground);font-weight:700}.settings-category-heading h3{font-size:1.11111rem;margin:0 0 .3rem}.settings-category-heading p{font-size:.875rem;max-width:70ch}.settings-category-heading{margin-bottom:1.25rem}#settings-coverage{font-size:.875rem;margin:.75rem 0;color:var(--muted)}.setting-details{min-width:0}.setting-label{font-weight:600;display:block}.setting-label small{font-weight:400}.setting-description{font-size:.875rem;line-height:1.55;max-width:70ch;margin-top:.4rem}.setting-control{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-width:0}.setting-control input[type=range]{width:100%;min-width:0}.setting-control output{white-space:nowrap;font-size:.875rem;min-width:3rem;font-variant-numeric:tabular-nums}.setting-control input[type=checkbox]{width:1.375rem;height:1.375rem;min-width:1.375rem;cursor:pointer}.setting-row{padding:1.25rem 0;grid-template-columns:minmax(0,1fr) minmax(12rem,28%);gap:1.5rem}.setting-edited .setting-label::after{content:'Unsaved';font-weight:400;font-size:.777778rem;margin-left:.6rem;color:var(--accent)}:root[data-theme=dark] .settings-mode button[aria-pressed=true]{color:#251434}@media(max-width:768px){.setting-row{grid-template-columns:minmax(0,1fr);gap:.85rem}.setting-control{justify-content:flex-start}.setting-control select{font-size:.875rem;min-height:2.75rem;padding:.5rem .75rem}.settings-view-bar{gap:.65rem}#settings-categories{gap:.2rem}#settings-categories button{padding:.55rem .75rem}.setting-description{font-size:.875rem}.settings-mode button{min-width:6rem}}

/* Maintenance controls share the Overview's compact rhythm. */
.alerts-panel{margin-bottom:1.25rem;padding:1.15rem 1.4rem}.alerts-panel .section-toolbar{margin-bottom:0}.alerts-panel h2{font-size:1.38889rem}.alert-count{display:inline-block;margin-left:.4rem;padding:.12rem .45rem;border-radius:.35rem;background:#fff5d8;color:#583b00;font-size:.888889rem;vertical-align:middle;font-variant-numeric:tabular-nums}.alerts-panel details{margin-top:.85rem}.alerts-panel summary{cursor:pointer;color:var(--accent);font-weight:600;width:fit-content}.alerts-panel details>.help-text{margin:.8rem 0;color:var(--muted)}#alerts-list{max-height:24rem;overflow:auto;padding-right:.35rem}.alert-group{padding:.85rem 0;border-top:1px solid var(--line)}.alert-group h3{font-size:1rem;margin:0 0 .5rem}.alert-item{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,2fr);gap:.3rem 1rem;padding:.4rem 0;font-size:.888889rem}.alert-item strong{font-weight:400}.alert-item code{overflow-wrap:anywhere;font-size:.888889rem;color:var(--muted)}.alert-item p{overflow-wrap:anywhere}.update-panel{margin-top:1.25rem}.update-panel .section-toolbar{margin-bottom:.7rem}.update-panel .help-text{margin:1rem 0;color:var(--muted)}#update-progress{display:block;width:min(100%,32rem);height:.4rem;margin-top:1rem;accent-color:var(--accent)}#update-error{margin-top:.75rem}.release-bar #download-update{white-space:nowrap}.alerts-panel summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:.333333rem}
@media(max-width:600px){.alert-item{grid-template-columns:1fr}.alerts-panel{padding:1rem}.alerts-panel .section-toolbar{align-items:flex-start}.update-panel .section-toolbar{align-items:flex-start;flex-direction:column}}