/* Backup workspace, scoped so other settings retain their layout. */
#app .backup-page .backup-header{flex:none;padding:calc(env(safe-area-inset-top,0px) + 18px) 24px 20px}
.backup-title-button{border:0;background:none;color:var(--ink);font:750 36px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-1.2px;padding:0;min-height:44px;cursor:pointer;text-align:left}
.backup-header p{font-size:12px;color:var(--gray-2);margin:8px 0 0;letter-spacing:.04em}
.backup-tabs{display:flex;flex:none;margin:0 20px 16px;padding:4px;border-radius:18px;background:var(--fill);gap:3px}
.backup-tabs button{flex:1;min-width:0;border:0;background:none;border-radius:14px;min-height:42px;padding:8px 3px;font:inherit;font-size:12px;color:var(--gray-1);cursor:pointer;white-space:nowrap}
.backup-tabs button[aria-selected="true"]{background:var(--bg);color:var(--ink);box-shadow:0 2px 8px #00000009;font-weight:600}
.backup-page [role="tabpanel"][hidden]{display:none!important}
#app .backup-page .backup-scroll{padding:0 20px calc(24px + env(safe-area-inset-bottom,0px));min-height:0;overflow-y:auto}
.backup-page [role="tabpanel"]{outline-offset:-2px}.backup-page .tm-block{margin:0 0 16px!important;border-radius:22px}.backup-page .backup-card{border-radius:22px;padding:20px}.backup-page .backup-title{font-size:14px}.backup-page .backup-desc{font-size:12px;line-height:1.85}
.backup-page .save-btn{min-height:46px;font-size:14px}.backup-page .danger-card{margin-top:28px;padding-top:20px;border-top:1px solid var(--hairline)}
.backup-page .gh-step{min-width:0}.backup-page .pad-input{box-sizing:border-box;max-width:100%;min-width:0}.backup-page button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}