/* Personal workspace: one paper/illustration family, with local page ownership. */
.workspace-page,.workspace-dialog{--workspace-tone:#5d467c;--workspace-soft:#f2edf6;--workspace-ink:#28392f;--workspace-muted:#5c695f;--workspace-line:#d9dfd2;color:var(--workspace-ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
.workspace-users{--workspace-tone:#15584e;--workspace-soft:#edf4ed}
.workspace-account{--workspace-tone:#455f34;--workspace-soft:#eef3e7}
.workspace-settings{--workspace-tone:#875b21;--workspace-soft:#f8f0dd}
.workspace-stage{--workspace-tone:#345585;--workspace-soft:#edf1f8}
.workspace-guide{--workspace-tone:#15584e;--workspace-soft:#edf4ed}
.workspace:has(.workspace-page){width:100%;max-width:var(--content-width);margin-inline:auto;grid-template-columns:minmax(0,1fr)}
.main:has(.workspace-page){width:100%;max-width:none;margin-inline:auto;padding-inline:var(--content-gutter)}
.workspace-page{min-width:0;padding-bottom:36px}
.workspace-page *,.workspace-dialog *{box-sizing:border-box}
.workspace-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(210px,24vw,290px);gap:34px;align-items:center;margin:0 5px 22px;padding:10px 8px 18px;min-height:245px;border-bottom:1px solid var(--workspace-line)}
.workspace-hero-copy,.workspace-dialog-copy{position:relative;z-index:1;min-width:0}
.workspace-kicker{display:block;margin:0 0 10px;color:var(--workspace-tone);font-size:.61rem;font-weight:750;line-height:1.7;letter-spacing:.15em;overflow-wrap:anywhere}
.workspace-hero h1{margin:0;color:var(--workspace-ink);font:900 clamp(2.2rem,4.5vw,3.2rem)/1.25 "SimSun","宋体","Noto Serif SC",serif;letter-spacing:.04em}
.workspace-description{max-width:42em;margin:16px 0 0;color:var(--workspace-muted);font-size:.79rem;line-height:1.85;overflow-wrap:anywhere}
.workspace-hero-action{margin-top:20px}
.workspace-art{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:1;pointer-events:none;user-select:none}
.workspace-art-paper{position:absolute;z-index:-1;inset:15% 7% 8%;border:1px solid color-mix(in srgb,var(--workspace-tone) 16%,transparent);border-radius:45% 55% 38% 62%;background:color-mix(in srgb,var(--workspace-tone) 5%,transparent);transform:rotate(-10deg)}
.workspace-art:after{content:"";position:absolute;z-index:-1;inset:21% 3% 12%;border:1px solid color-mix(in srgb,var(--workspace-tone) 10%,transparent);border-radius:50%;transform:rotate(12deg)}
.workspace-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 9px color-mix(in srgb,var(--workspace-tone) 9%,transparent))}
.workspace-hero-art{width:100%;max-width:290px;justify-self:end;margin:-15px 0 -12px}
.workspace-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.workspace-page .workspace-panel,.workspace-dialog .workspace-panel{min-width:0;margin:0;padding:23px 25px;border:1px solid var(--workspace-line);border-radius:20px;background:linear-gradient(135deg,#fffefa 62%,color-mix(in srgb,var(--workspace-soft) 75%,#fffefa));box-shadow:0 7px 20px #293e2d08;color:var(--workspace-ink)}
.workspace-page .workspace-panel{display:flex;flex-direction:column;gap:0}
.workspace-page .workspace-return{height:auto;min-height:32px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--workspace-tone);font-size:.72rem;text-align:left}
.workspace-page .workspace-return:hover{background:transparent;text-decoration:underline;text-underline-offset:5px}
.workspace-settings.workspace-page .workspace-settings-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0}
.workspace-settings.workspace-page .settings-menu-item{display:grid;min-height:244px;grid-template-columns:minmax(0,1fr) 168px;grid-template-rows:auto;align-items:center;gap:12px;padding:26px 22px}
.workspace-settings.workspace-page .settings-menu-item strong{font-size:1.4rem;line-height:1.45}
.workspace-settings.workspace-page .settings-menu-item small{font-size:.78rem;line-height:1.8}
.workspace-settings.workspace-page .workspace-setting-enter{font-size:.64rem}
.workspace-settings.workspace-page .workspace-setting-art{width:168px;align-self:center;margin:0}
.workspace-settings.workspace-page [data-settings-target="guide"]{grid-column:auto;min-height:244px}
.workspace-settings.workspace-page .workspace-motion-form{margin-top:24px;padding:23px 26px}
.workspace-settings.workspace-page .workspace-motion-copy label{font-size:1.18rem}
.workspace-settings.workspace-page .workspace-motion-copy p{font-size:.73rem}
.workspace-stage .stage-edit-fields{min-width:0;margin:0;padding:0;border:0}
.workspace-stage .stage-edit-fields[disabled]{opacity:.72}
.workspace-stage .field input{width:100%;min-height:46px;height:auto;padding:11px 13px;border:1px solid #bac7b5;border-radius:11px;background:#fffefa;font-size:.78rem}
.workspace-guide .guide-content{display:block;columns:2;column-gap:60px;padding:30px 36px}
.workspace-guide .guide-content h3{break-after:avoid;font:900 1.2rem/1.6 "SimSun","宋体",serif;margin-top:25px;color:var(--workspace-tone)}
.workspace-guide .guide-content h3:first-of-type{margin-top:0}
.workspace-guide .guide-content p,.workspace-guide .guide-content li{font-size:.78rem;line-height:1.9;color:var(--workspace-muted)}
.workspace-guide .guide-flow{column-span:all;margin-bottom:25px}
@media(max-width:1100px){.workspace-settings.workspace-page .settings-menu-item{grid-template-columns:minmax(0,1fr) clamp(100px,12vw,132px);padding:23px 16px}.workspace-settings.workspace-page .settings-menu-item strong{font-size:1.25rem}.workspace-settings.workspace-page .workspace-setting-art{width:clamp(100px,12vw,132px)}}
@media(max-width:820px){.workspace-settings.workspace-page .workspace-settings-menu{grid-template-columns:minmax(0,1fr);gap:15px}.workspace-settings.workspace-page .settings-menu-item,.workspace-settings.workspace-page [data-settings-target="guide"]{min-height:166px;grid-template-columns:minmax(0,1fr) clamp(116px,21vw,154px);padding:20px 22px}.workspace-settings.workspace-page .settings-menu-item strong{font-size:1.35rem}.workspace-settings.workspace-page .workspace-setting-art{width:clamp(116px,21vw,154px)}.workspace-settings.workspace-page .workspace-motion-form{padding:20px}.workspace-guide .guide-content{columns:1;padding:22px}.workspace-stage .field input{font-size:.75rem}}
.workspace-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0;margin-bottom:13px}
.workspace-panel-head>div{min-width:0}
.workspace-panel-head .workspace-kicker{margin-bottom:6px;font-size:.57rem;letter-spacing:.1em}
.workspace-page .workspace-panel h2,.workspace-dialog .workspace-panel h3{margin:0;font:900 1.3rem/1.45 "SimSun","宋体","Noto Serif SC",serif;color:var(--workspace-ink);overflow-wrap:anywhere}
.workspace-panel-description{margin:0 0 17px;color:var(--workspace-muted);font-size:.74rem;line-height:1.85;overflow-wrap:anywhere}
.workspace-panel-head .workspace-panel-description{margin:8px 0 0}
.workspace-panel-actions{justify-content:flex-start;gap:9px;flex-wrap:wrap;margin:5px 0 16px}
.workspace-page .btn,.workspace-dialog .btn{max-width:100%;min-height:42px;height:auto;white-space:normal;overflow-wrap:anywhere;font-size:.73rem;line-height:1.55;box-shadow:none}
.workspace-page .btn-primary,.workspace-dialog .btn-primary{background:var(--workspace-tone);border-color:var(--workspace-tone);color:#fff;box-shadow:0 5px 11px color-mix(in srgb,var(--workspace-tone) 12%,transparent)}
.workspace-page .btn-soft,.workspace-dialog .btn-soft{background:var(--workspace-soft);border-color:color-mix(in srgb,var(--workspace-tone) 28%,#fff);color:var(--workspace-tone)}
.workspace-page .btn-ghost,.workspace-dialog .btn-ghost{background:#fffefa;border-color:#cfd7c8;color:#465849}
.workspace-page .btn-ghost:hover,.workspace-dialog .btn-ghost:hover{text-decoration:underline;text-underline-offset:4px}
.workspace-page .btn-danger,.workspace-dialog .btn-danger{background:#fff6f1;border-color:#dfbdb2;color:#923d2b}
.workspace-page .help,.workspace-dialog .help{margin:10px 0 0;color:var(--workspace-muted);font-size:.66rem;line-height:1.85;overflow-wrap:anywhere}
.workspace-page .workspace-panel-head .badge{font-size:.61rem;white-space:normal;line-height:1.5;flex-shrink:0}
.workspace-page .backup-notice{margin:0 0 16px;padding:13px 15px;border:1px solid #dcc8a4;border-radius:12px;background:#fbf4e5;color:#73532d;font-size:.68rem;line-height:1.85;overflow-wrap:anywhere}
.workspace-details{margin-top:auto;padding-top:16px;border-top:1px solid var(--workspace-line);color:var(--workspace-muted);font-size:.78rem;line-height:1.85}
.workspace-details h3{margin:0;color:var(--workspace-ink);font:900 .96rem/1.6 "SimSun","宋体","Noto Serif SC",serif}
.workspace-details p{margin:10px 0 0;overflow-wrap:anywhere}
.workspace-external-backup,.workspace-backup-runs{grid-column:1/-1}
.workspace-backup-grid:not(:has(.site-backup-card)) .workspace-personal-backup{grid-column:1/-1}
.workspace-page .backup-target{gap:22px;padding:16px 0;border:0;border-top:1px solid var(--workspace-line);border-radius:0;background:transparent;box-shadow:none}
.workspace-page .backup-target strong{font-size:.82rem;overflow-wrap:anywhere}
.workspace-page .backup-target p{margin:7px 0 0;font-size:.67rem;line-height:1.75;color:var(--workspace-muted);overflow-wrap:anywhere}
.workspace-empty{display:flex;justify-content:flex-start;align-items:center;gap:22px;min-width:0;padding:8px 12px}
.workspace-empty>div{min-width:0}
.workspace-empty h3{margin:0;font:900 1.45rem/1.55 "SimSun","宋体","Noto Serif SC",serif}
.workspace-empty p{margin:9px 0 0;color:var(--workspace-muted);font-size:.84rem;line-height:1.85;overflow-wrap:anywhere}
.workspace-empty-art{width:176px;flex:0 0 176px;--workspace-tone:#15584e}
.workspace-page .table{font-size:.73rem;table-layout:auto}
.workspace-page .table th{padding:12px 14px;border-bottom:1px solid #cbd6c4;color:#52654f;background:#f2f5ed;font-size:.65rem;font-weight:700}
.workspace-page .table td{padding:14px;border-bottom:1px solid #e0e5da;line-height:1.75;overflow-wrap:anywhere}
.workspace-page .table tbody tr:last-child td{border-bottom:0}
.workspace-page .workspace-empty-cell{padding:24px 14px;color:var(--workspace-muted);font-size:.72rem;white-space:normal}
.workspace-backup-runs .table th:first-child{width:190px}
.workspace-backup-runs .table th:nth-child(2){width:90px}
.workspace-backup-runs .table td:last-child{overflow-wrap:anywhere;word-break:break-word}
.workspace-users .users-card{padding:21px 24px}
.workspace-users-tools{align-items:flex-end;margin-bottom:22px}
.workspace-user-search{display:grid;gap:8px;width:min(380px,100%);min-width:0;font-size:.69rem;font-weight:700;color:#52654f}
.workspace-user-search input{width:100%;height:auto;min-height:44px;padding:10px 14px;border:1px solid #b9c9b7;border-radius:12px;background:#fffefa;font-size:.76rem}
.workspace-users .registration-toggle{align-self:center;margin:18px 0 0;font-size:.7rem;flex-shrink:0}
.workspace-person-name{display:block;color:var(--workspace-ink);font-weight:750}
.workspace-self{display:block;color:#65755f;font-size:.6rem;line-height:1.6;margin-top:3px}
.workspace-users .users-table{table-layout:fixed;font-size:.82rem}
.workspace-users .users-table th,.workspace-users .users-table td{text-align:left;vertical-align:top}
.workspace-users .users-table td{white-space:normal;overflow-wrap:anywhere}
.workspace-users .users-table th{font-size:.73rem}
.workspace-users .users-table th:nth-child(1),.workspace-users .users-table th:nth-child(2){width:20%}
.workspace-users .users-table th:nth-child(3),.workspace-users .users-table th:nth-child(4){width:17%}
.workspace-users .users-table th:nth-child(5),.workspace-users .users-table th:nth-child(6){width:13%}
.workspace-users .users-table:has(.inline-actions) th:nth-child(1),.workspace-users .users-table:has(.inline-actions) th:nth-child(2){width:18%}
.workspace-users .users-table:has(.inline-actions) th:nth-child(3){width:14%}
.workspace-users .users-table:has(.inline-actions) th:nth-child(4){width:13%}
.workspace-users .users-table:has(.inline-actions) th:nth-child(5){width:10%}
.workspace-users .users-table:has(.inline-actions) th:nth-child(6){width:27%}
.workspace-users .inline-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-start}
.workspace-users .inline-actions .btn{padding:6px 10px;min-height:36px;font-size:.64rem}
.workspace-page :focus-visible,.workspace-dialog :focus-visible{outline:2px solid #48634b;outline-offset:3px}

/* Account management brings personal security and permitted member tools together. */
.workspace-users .workspace-account-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-bottom:34px}
.workspace-users.workspace-page .workspace-identity-panel{position:relative;isolation:isolate;min-width:0;overflow:hidden;display:flex;flex-direction:column;min-height:355px;padding-right:45%}
.workspace-users .workspace-identity-panel h2{overflow-wrap:anywhere}
.workspace-identity-details{display:grid;gap:15px;margin:20px 0 22px;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
.workspace-identity-details>div{display:grid;gap:4px;min-width:0}
.workspace-identity-details dt{color:var(--workspace-muted);font-size:.65rem;line-height:1.6}
.workspace-identity-details dd{margin:0;color:var(--workspace-ink);font-size:.82rem;font-weight:650;line-height:1.7;overflow-wrap:anywhere}
.workspace-users .workspace-identity-art{position:absolute;z-index:-1;right:5px;top:46px;width:45%;max-width:225px}
.workspace-users .workspace-signout-panel{margin-top:auto}
.workspace-users .workspace-signout-panel .workspace-panel-description{font-size:.66rem}
.workspace-users .workspace-password-panel fieldset{margin:0;padding:0;border:0;min-width:0}
.workspace-users .workspace-password-panel .field{margin-bottom:20px}
.workspace-users .workspace-password-panel .field label{font-size:.72rem;color:var(--workspace-ink)}
.workspace-users .workspace-password-panel .field input{width:100%;min-height:46px;background:#fffefa;border:1px solid #b9c9b7;border-radius:11px;padding:11px 13px;font-size:.8rem}
.workspace-users .workspace-password-panel button{margin-top:2px}
.workspace-users .workspace-members{padding-top:27px;border-top:1px solid var(--workspace-line)}
.workspace-users .workspace-members-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 4px 21px}
.workspace-users .workspace-members-head h2{margin:0;color:var(--workspace-ink);font:900 1.65rem/1.4 "SimSun","宋体","Noto Serif SC",serif;letter-spacing:.03em}
.workspace-users .workspace-members-head .workspace-description{margin-top:10px;font-size:.72rem}
.workspace-users #users-content[aria-busy="true"]{opacity:.7}
@media(max-width:820px){
 .workspace-users .workspace-account-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .workspace-users.workspace-page .workspace-identity-panel{min-height:290px;padding-right:47%}
 .workspace-users .workspace-identity-art{width:210px;max-width:43%;top:28px;right:13px}
 .workspace-users .workspace-members-head{align-items:flex-start;flex-wrap:wrap;margin-inline:0;gap:15px}
}
@media(max-width:390px){
 .workspace-users.workspace-page .workspace-identity-panel{padding-right:18px}
 .workspace-users .workspace-identity-details{padding-right:38%}
 .workspace-users .workspace-identity-art{width:125px;right:5px;top:70px}
 .workspace-users .workspace-signout-panel{max-width:100%}
}

/* The same family remains inside the existing Radix Dialog, not a new route. */
.sd-dialog.modal.workspace-dialog{width:min(800px,calc(100vw - 32px));padding:25px 28px;border:1px solid #d4ddca;border-radius:24px;background:linear-gradient(145deg,#fffef9 38%,var(--workspace-soft));box-shadow:0 25px 70px #162b2633}
.sd-dialog.modal.wide.workspace-dialog{width:min(900px,calc(100vw - 32px))}
.workspace-dialog-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:24px;min-height:160px;margin:0 0 19px;padding:0 32px 17px 0;border-bottom:1px solid var(--workspace-line)}
.workspace-dialog-head .workspace-kicker{margin:0 0 10px;font-size:.58rem}
.workspace-dialog-head h2{margin:0;color:var(--workspace-ink);font:900 clamp(1.7rem,3.4vw,2.25rem)/1.35 "SimSun","宋体","Noto Serif SC",serif;letter-spacing:.035em;overflow-wrap:anywhere}
.workspace-dialog-head .workspace-description{margin:12px 0 0;color:var(--workspace-muted);font-size:.7rem;line-height:1.85}
.workspace-dialog-art{width:170px;justify-self:end;margin:-5px -14px -12px 0}
.workspace-dialog .modal-close{position:absolute;top:0;right:-8px;display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #cbd5c2;border-radius:50%;background:#fffefa;color:#53664c;box-shadow:none}
.workspace-dialog .settings-back{height:auto;min-height:32px;margin:0 0 8px;padding:3px 0;background:transparent;color:var(--workspace-tone);border:0;box-shadow:none;font-size:.69rem}
.workspace-dialog .settings-back:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}
.workspace-account-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:17px;align-items:start}
.workspace-account .workspace-panel{padding:21px}
.workspace-password-panel h3{margin-bottom:8px!important}
.workspace-password-panel .field{margin-bottom:17px}
.workspace-dialog .field label{font-size:.71rem;color:#465b43;line-height:1.6}
.workspace-dialog .field input,.workspace-dialog .field select{border:1px solid #becbb6;border-radius:11px;background:#fffefa;box-shadow:inset 0 1px 3px #2f422b06;padding:10px 12px;font-size:.76rem;min-height:42px}
.workspace-dialog .field input:focus,.workspace-dialog .field select:focus{border-color:var(--workspace-tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--workspace-tone) 12%,transparent)}
.workspace-dialog .workspace-signout-panel{background:#fff8f2;border-color:#e3ccba}
.workspace-signout-panel .workspace-kicker{color:#94603b}
.workspace-signout-panel .btn{margin-top:18px}
.workspace-dialog .workspace-settings-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}
.workspace-settings-menu .settings-menu-item{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;justify-items:stretch;gap:12px;width:100%;height:auto;min-height:156px;padding:20px 17px 17px 21px;border:1px solid #d8decf;border-radius:17px;background:#fffefa;text-align:left;white-space:normal;box-shadow:0 4px 12px #2c402d05;color:var(--workspace-ink)}
.workspace-settings-menu .settings-menu-item:hover{background:#fffefa;box-shadow:0 8px 19px #2c402d0d;border-color:#9fb093}
.workspace-setting-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.workspace-settings-menu .settings-menu-item strong{font:900 1.12rem/1.5 "SimSun","宋体","Noto Serif SC",serif;color:var(--workspace-ink);overflow-wrap:anywhere}
.workspace-settings-menu .settings-menu-item small{display:block;margin-top:7px;color:var(--workspace-muted);font-size:.64rem;line-height:1.75;overflow-wrap:anywhere}
.workspace-setting-enter{display:flex;align-items:center;gap:17px;margin-top:16px;color:#566a4b;font-size:.6rem;font-weight:650}
.workspace-setting-enter>span{font-size:.95rem}
.workspace-setting-art{width:100px;align-self:center}
.workspace-settings-menu [data-settings-target="account"]{--workspace-tone:#455f34}
.workspace-settings-menu [data-settings-target="stage"]{--workspace-tone:#345585}
.workspace-settings-menu [data-settings-target="guide"]{--workspace-tone:#15584e;grid-column:1/-1;min-height:112px}
.workspace-dialog .workspace-form{min-width:0}
.workspace-motion-form{margin-top:16px;padding:17px 20px;border:1px solid #d8decf;border-radius:17px;background:#faf7ee}
.workspace-motion-form fieldset{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;min-width:0;margin:0;padding:0;border:0}
.workspace-motion-copy{min-width:0}
.workspace-motion-copy label{color:var(--workspace-ink);font:900 1rem/1.6 "SimSun","宋体","Noto Serif SC",serif;cursor:pointer}
.workspace-motion-copy p{margin:5px 0 0;color:var(--workspace-muted);font-size:.66rem;line-height:1.8;overflow-wrap:anywhere}
.workspace-motion-form .btn{min-height:40px;padding:8px 15px;white-space:normal;font-size:.7rem;box-shadow:none}
.workspace-motion-form[aria-busy="true"]{opacity:.7}
.workspace-dialog .modal-actions{border-top:1px solid var(--workspace-line);padding-top:17px;margin-top:20px;flex-wrap:wrap}
.workspace-stage .stage-settings-section{margin:0 0 18px;padding:21px;border:1px solid var(--workspace-line);border-radius:18px;background:#fffefa}
.workspace-stage .settings-section-title h3{font:900 1.2rem/1.5 "SimSun","宋体","Noto Serif SC",serif;color:#2b3d35}
.workspace-stage .settings-section-title p{color:#5d6c60;font-size:.68rem;line-height:1.8}
.workspace-stage .settings-section-title>span{background:#edf1f8;border-color:#c6d1e0;color:#345585}
.workspace-stage .subsection h3{font-size:.9rem;color:#41584a}
.workspace-stage .template-panel{border-color:#d5ddce;background:#fffefa}
.workspace-stage .template-panel summary{min-height:62px}
.workspace-stage .template-panel-body{padding:16px}
.workspace-guide .guide-content{padding:23px}
.workspace-guide .guide-flow{margin:0 0 20px;gap:7px}
.workspace-guide .guide-step{padding:12px 7px;border-color:#d6dfcd;border-radius:11px;background:#f1f5eb}
.workspace-guide .guide-step b{color:#49694d;font-size:1rem}
.workspace-guide .guide-step span{color:#52664e;font-size:.66rem}
.workspace-guide .prose h3{margin:22px 0 8px;font:900 1.08rem/1.55 "SimSun","宋体","Noto Serif SC",serif;color:#2e4236}
.workspace-guide .prose p,.workspace-guide .prose li{font-size:.73rem;color:#566557;line-height:1.9}

@media(min-width:821px){
  .workspace-dialog .workspace-settings-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
  .workspace-settings-menu .settings-menu-item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(84px,1fr);align-items:start;gap:0;min-height:190px;padding:16px 18px 13px}
  .workspace-settings-menu [data-settings-target="guide"]{grid-column:auto;min-height:190px}
  .workspace-settings-menu .workspace-setting-enter{margin-top:8px;gap:10px;font-size:.56rem}
  .workspace-settings-menu .workspace-setting-enter>span{font-size:.8rem}
  .workspace-settings-menu .workspace-setting-art{width:84px;align-self:end;justify-self:end}
}

@media(max-width:960px){
  .workspace-hero{grid-template-columns:minmax(0,1fr) 230px;gap:24px;min-height:220px}
  .workspace-hero-art{width:230px}
  .workspace-backup-grid{gap:15px}
  .workspace-page .workspace-panel{padding:20px}
  .workspace-panel-head{gap:12px;flex-wrap:wrap}
}
@media(max-width:820px){
  .main:has(.workspace-page){padding-inline:20px}
  .workspace-backup-grid{grid-template-columns:minmax(0,1fr)}
  .workspace-hero{grid-template-columns:minmax(0,1fr) 195px;min-height:200px;gap:18px;margin-inline:0}
  .workspace-hero-art{width:195px}
  .workspace-description{font-size:.74rem}
  .workspace-users-tools{align-items:flex-start}
  .workspace-users .registration-toggle{margin-top:8px}
  .workspace-page .users-table-wrap{overflow:visible}
  .workspace-page .users-table,.workspace-page .users-table tbody,.workspace-page .users-table tr{display:block;width:100%}
  .workspace-page .users-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .workspace-page .users-table tbody{display:grid;gap:12px}
  .workspace-page .users-table td{display:grid;width:100%;grid-template-columns:74px minmax(0,1fr);align-items:start;gap:8px;padding:7px 0;border:0;white-space:normal}
  .workspace-page .users-table td:before{content:attr(data-label);color:var(--workspace-muted);font-size:.7rem;font-weight:700}
  .workspace-page .users-table tr{padding:14px 16px;border:1px solid #d6dfcd;border-radius:15px;background:#fffefa;box-shadow:0 5px 14px #281e1208}
  .workspace-person-name,.workspace-self{grid-column:2}
  .workspace-page .users-table .inline-actions{grid-column:2}
  .workspace-page .users-table .workspace-empty-row{display:block}
  .workspace-page .users-table .workspace-empty-row td{display:block;padding:10px 0}
  .workspace-page .users-table .workspace-empty-row td:before{display:none}
}
@media(max-width:620px){
  .main:has(.workspace-page){padding-inline:16px}
  .workspace-hero{grid-template-columns:minmax(0,1fr) 126px;gap:10px;align-items:start;min-height:0;padding:15px 0 20px;margin-bottom:18px}
  .workspace-hero h1{font-size:1.9rem;line-height:1.35}
  .workspace-hero .workspace-kicker{font-size:.54rem;letter-spacing:.08em;margin-bottom:8px}
  .workspace-hero .workspace-description{font-size:.68rem;line-height:1.85;margin-top:12px}
  .workspace-hero-art{width:126px;margin:14px -2px 0 0}
  .workspace-hero-action{margin-top:15px}
  .workspace-page .workspace-panel{padding:18px 16px;border-radius:17px}
  .workspace-page .workspace-panel h2{font-size:1.17rem}
  .workspace-panel-head .workspace-kicker{font-size:.53rem}
  .workspace-panel-description{font-size:.7rem;margin-bottom:14px}
  .workspace-panel-head{gap:11px;margin-bottom:12px}
  .workspace-panel-actions .btn{flex:1 1 120px}
  .workspace-panel-actions .btn-soft{flex-basis:100%}
  .workspace-page .backup-actions .btn{flex:1 1 105px}
  .workspace-empty{gap:13px;padding:3px 0}
  .workspace-empty-art{width:112px;flex-basis:112px}
  .workspace-empty h3{font-size:1.22rem}
  .workspace-empty p{font-size:.76rem}
  .workspace-page .table th,.workspace-page .table td{padding:10px 8px;font-size:.64rem}
  .workspace-backup-runs .table th:first-child{width:104px}
  .workspace-backup-runs .table th:nth-child(2){width:55px}
  .workspace-user-search{width:100%}
  .workspace-users-tools{flex-direction:column;align-items:stretch;gap:12px}
  .workspace-users .registration-toggle{align-self:flex-start;margin:0;font-size:.66rem}
  .workspace-page .users-table td{font-size:.72rem;grid-template-columns:66px minmax(0,1fr)}
  .workspace-page .users-table .inline-actions .btn{flex:1 1 100px;font-size:.63rem}
  .sd-dialog.modal.workspace-dialog,.sd-dialog.modal.wide.workspace-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:18px 16px;border-radius:20px}
  .workspace-dialog-head{grid-template-columns:minmax(0,1fr) 104px;gap:10px;min-height:140px;padding:0 17px 14px 0;margin-bottom:16px}
  .workspace-dialog-head h2{font-size:1.6rem}
  .workspace-dialog-head .workspace-kicker{font-size:.52rem;letter-spacing:.07em;margin-bottom:8px}
  .workspace-dialog-head .workspace-description{font-size:.65rem;margin-top:9px}
  .workspace-dialog-art{width:104px;margin:15px -8px -7px 0}
  .workspace-dialog .modal-close{width:34px;height:34px;min-width:34px;min-height:34px;top:-4px;right:-5px}
  .workspace-account-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .workspace-dialog .workspace-panel{padding:17px 15px;border-radius:15px}
  .workspace-dialog .workspace-panel h3{font-size:1.18rem}
  .workspace-password-panel .btn{width:100%}
  .workspace-signout-panel .btn{margin-top:13px}
  .workspace-dialog .workspace-settings-menu{gap:11px}
  .workspace-settings-menu .settings-menu-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;min-height:191px;padding:15px 12px 10px;border-radius:14px}
  .workspace-settings-menu .settings-menu-item strong{font-size:.93rem}
  .workspace-settings-menu .settings-menu-item small{font-size:.59rem;margin-top:5px}
  .workspace-setting-enter{display:none}
  .workspace-setting-art{width:90px;align-self:center;margin-top:auto}
  .workspace-settings-menu [data-settings-target="guide"]{display:grid;grid-template-columns:minmax(0,1fr) 78px;min-height:105px;gap:12px;padding:14px 15px}
  .workspace-settings-menu [data-settings-target="guide"] .workspace-setting-art{width:78px;margin:0}
  .workspace-motion-form{padding:14px 15px}
  .workspace-motion-form fieldset{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .workspace-motion-copy label{font-size:.92rem}
  .workspace-motion-copy p{font-size:.62rem}
  .workspace-motion-form .btn{grid-column:1/-1;width:100%}
  .workspace-dialog .modal-actions{gap:8px}
  .workspace-dialog .modal-actions .btn{flex:1 1 100px}
  .workspace-stage .stage-settings-section{padding:17px 14px;border-radius:15px}
  .workspace-stage .settings-section-title{gap:10px}
  .workspace-stage .settings-section-title h3{font-size:1.1rem}
  .workspace-stage .settings-section-title>span{width:32px;height:32px;flex-basis:32px}
  .workspace-guide .guide-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:360px){
  .workspace-hero{grid-template-columns:minmax(0,1fr) 102px;gap:8px}
  .workspace-hero-art{width:102px;margin-top:20px}
  .workspace-hero h1{font-size:1.68rem}
  .workspace-hero .workspace-description{font-size:.65rem}
  .workspace-dialog-head{grid-template-columns:minmax(0,1fr) 82px;padding-right:12px}
  .workspace-dialog-art{width:82px;margin-right:-7px}
  .workspace-dialog-head h2{font-size:1.45rem}
  .workspace-settings-menu .settings-menu-item{padding:13px 10px 8px;min-height:184px}
  .workspace-settings-menu .settings-menu-item strong{font-size:.86rem}
  .workspace-setting-art{width:82px}
}
@media(prefers-reduced-motion:reduce){.workspace-page *,.workspace-dialog *{animation:none!important;transition:none!important}}
body.reduce-motion .workspace-page *,body.reduce-motion .workspace-dialog *{animation:none!important;transition:none!important}

/* Operation dialogs keep their existing forms, confirmations and handlers. */
.sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)){
  --workspace-tone:#5d467c;--workspace-soft:#f2edf6;--workspace-ink:#28392f;--workspace-muted:#5c695f;--workspace-line:#d9dfd2;
  padding:25px 28px;border:1px solid #d4ddca;border-radius:24px;background:linear-gradient(145deg,#fffef9 45%,var(--workspace-soft));color:var(--workspace-ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;box-shadow:0 25px 70px #162b2633;
}
.sd-dialog.modal:has(form:is(#delete-user-form,#user-form)){--workspace-tone:#15584e;--workspace-soft:#edf4ed}
.sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-head{gap:18px;margin-bottom:21px;padding-bottom:18px;border-bottom:1px solid var(--workspace-line)}
.sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-head h2{margin:0;color:var(--workspace-ink);font:900 clamp(1.45rem,3vw,1.8rem)/1.45 "SimSun","宋体","Noto Serif SC",serif;letter-spacing:.025em;overflow-wrap:anywhere}
.sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-head p{margin:10px 0 0;color:var(--workspace-muted);font-size:.72rem;line-height:1.85;overflow-wrap:anywhere}
.sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-close{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #cbd5c2;border-radius:50%;background:#fffefa;color:#53664c;box-shadow:none}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form){min-width:0}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .field label{color:#465b43;font-size:.73rem;line-height:1.65}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .field :is(input:not([type="checkbox"]),select){min-width:0;min-height:44px;padding:10px 12px;border:1px solid #becbb6;border-radius:11px;background:#fffefa;color:#28392f;font-size:.77rem;box-shadow:inset 0 1px 3px #2f422b06}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .field :is(input,select):focus{border-color:var(--workspace-tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--workspace-tone) 12%,transparent)}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .modal-actions{gap:9px;flex-wrap:wrap;margin-top:21px;padding-top:17px;border-top:1px solid var(--workspace-line)}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .btn{height:auto;min-height:42px;max-width:100%;font-size:.73rem;line-height:1.6;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .btn-primary{background:var(--workspace-tone);border-color:var(--workspace-tone);color:#fff}
form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form) .btn-ghost{background:#fffefa;border-color:#cfd7c8;color:#465849}
.sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) :focus-visible{outline:2px solid #48634b;outline-offset:3px}
.sd-dialog.modal:has(form:is(#site-export-form,#site-inspect-form,#site-restore-form)) .lock-summary{padding:14px 16px;border:1px solid #d7dccc;border-radius:12px;background:#f3f5ec;color:#52634f;font-size:.72rem;line-height:1.9;overflow-wrap:anywhere}
.sd-dialog.modal:has(form:is(#delete-user-form,#site-restore-form)) .backup-notice{border:1px solid #d3a795;border-radius:12px;background:#fff2e9;color:#8b392c;font-size:.72rem;line-height:1.85;overflow-wrap:anywhere}
@media(max-width:620px){
  .sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)){padding:20px 17px;border-radius:20px}
  .sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-head{gap:12px;margin-bottom:18px;padding-bottom:15px}
  .sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-head h2{font-size:1.42rem}
  .sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-head p{font-size:.67rem}
  .sd-dialog.modal:has(form:is(#backup-pass-form,#restore-password-form,#site-export-form,#site-inspect-form,#site-restore-form,#target-form,#delete-user-form,#user-form)) .modal-close{width:34px;height:34px;min-width:34px;min-height:34px}
}