/* Full viewport settings, independent of the legacy form sheet / desktop editor layout. */
#modal.r9-settings-page{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;background:var(--bg);color:var(--ink)}
#modal.r9-settings-page #modal-form{display:grid;grid-template: auto minmax(0,1fr) auto / minmax(0,1fr);height:100%;max-height:none}
#modal.r9-settings-page #modal-form>header{grid-row:1;grid-column:1;display:flex;gap:12px;align-items:center;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:var(--paper)}
#modal.r9-settings-page #modal-form>header>div:not(.ui-detail-top-actions){flex:1;min-width:0}
#modal.r9-settings-page #modal-body{display:block;grid-row:2;grid-column:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px max(16px,env(safe-area-inset-right)) 28px max(16px,env(safe-area-inset-left));width:100%;max-width:960px;justify-self:center;box-sizing:border-box}
#modal.r9-settings-page #modal-actions{grid-row:3;grid-column:1;display:flex;justify-content:flex-end;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--paper)}
#modal.r9-settings-page #modal-body>*{grid-column:auto}#modal.r9-settings-page h2{font-size:22px;margin:0}#modal.r9-settings-page .eyebrow{font-size:11px;letter-spacing:.08em}#r9-settings-back[hidden]{display:none}
#r9-theme-list{background:var(--paper);border-radius:18px;padding:18px;margin-bottom:24px}#r9-theme-list summary{cursor:pointer;font-weight:800;min-height:44px}#r9-theme-list summary small{display:block;color:var(--muted);font-weight:400;padding-top:6px}
.r9-setting-links{display:grid;gap:1px;border-radius:18px;overflow:hidden}.r9-setting-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:18px;border:0;background:var(--paper);color:var(--ink);min-height:60px;font-size:16px}.r9-setting-link:hover{background:var(--surface-2)}
.r9-art{display:inline-block;position:relative;overflow:hidden;width:36px;height:36px;flex-shrink:0;vertical-align:middle}.r9-art>img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}.r9-art[data-tile]>img{position:absolute;width:200%;height:200%;object-fit:fill;left:0;top:0}.r9-art[data-tile="1"]>img{left:-100%}.r9-art[data-tile="2"]>img{top:-100%}.r9-art[data-tile="3"]>img{top:-100%;left:-100%}
#fab .r9-art.r7-fab-cat{width:76px;height:76px;filter:drop-shadow(0 4px 5px #0003)}#fab .r9-art img{pointer-events:none}#theme-button,#notifications-button{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px}.r9-pack-hero{display:block;width:100%;max-height:200px;object-fit:contain}.r9-pack-icons{display:flex;gap:8px;flex-wrap:wrap}.r9-pack-icons img{object-fit:contain}.r9-theme-restoring #main{visibility:hidden}
@media(min-width:760px){#modal.r9-settings-page .r6-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}