/* Workbench: task navigation, a focused document workspace, and saved details beside it. */
:root{--bg:#fffefa;--canvas:#f7f6f1;--panel:#f1f3ef;--ink:#19333b;--muted:#596d70;--line:#dce4df;--you:#294bc2;--you-soft:#edf0fc;--ok:#166b55;--ok-soft:#e9f4ed;--r:18px;--maxw:1440px;--f-head:"Noto Serif",Georgia,"Noto Sans",serif;--shadow:0 8px 32px -25px #17303925;--shadow-raised:0 8px 20px -12px #17303930}
@media(prefers-color-scheme:dark){:root{--bg:#18252f;--canvas:#111b24;--panel:#1c2d38;--ink:#e7eeeb;--muted:#a8b9b8;--line:#354750;--you:#a9bdff;--you-soft:#253653;--ok:#8bd6b6;--ok-soft:#1b3832;--shadow:0 8px 32px -24px #0007;--shadow-raised:0 8px 20px -12px #0007}}
body.bsp-workbench-site{background:var(--canvas);background-image:none}
.bsp-skip{position:absolute;inset-inline-start:16px;top:-100px;z-index:100;background:var(--bg);color:var(--you);padding:12px;border:1px solid var(--you);border-radius:8px}.bsp-skip:focus{top:12px}
.bsp-workbench-site .bsp-header{background:var(--bg)}
.bsp-workbench-site .bsp-header-in{max-width:1440px;padding:23px 28px;gap:16px;flex-wrap:wrap}
.bsp-workbench-site .bsp-brand{gap:11px;max-width:100%;min-width:0;align-items:center}
.bsp-workbench-site .bsp-brand-mark{width:39px;height:39px;padding:9px;border:0;border-radius:12px;background:var(--otp-soft);color:var(--otp);box-shadow:none;flex:0 0 39px}
.bsp-brand-mark svg{display:block;width:100%;height:100%}
.bsp-workbench-site .bsp-brand-text{font:700 1rem/1.4 var(--f-body);letter-spacing:-.025em;overflow-wrap:anywhere}
.bsp-brand-text small{display:block;font:500 .62rem/1.8 var(--f-body);color:var(--muted);letter-spacing:.13em;text-transform:uppercase}
.bsp-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bsp-header-menu{position:relative;font-size:.78rem}
.bsp-header-menu>summary{display:flex;align-items:center;gap:12px;padding:9px 13px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;cursor:pointer;list-style:none;min-height:40px}
.bsp-header-menu>summary::-webkit-details-marker{display:none}
.bsp-header-menu>summary::after{content:"⌄";color:var(--muted)}
.bsp-header-menu[open]>summary{background:var(--panel)}
.bsp-workbench-site .bsp-langbar,.bsp-header-menu .bsp-share{position:absolute;inset-inline-end:0;top:calc(100% + 9px);z-index:30;width:300px;max-width:calc(100vw - 32px);padding:15px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-raised)}
.bsp-workbench-site .bsp-langbar-label{display:block;font-size:.7rem;color:var(--muted);opacity:1;margin-bottom:10px}
.bsp-workbench-site .bsp-langnav{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.bsp-workbench-site .bsp-langnav a{border-radius:7px;padding:8px 10px;background:transparent;color:var(--ink);opacity:1;font-size:.76rem;min-height:36px}
.bsp-workbench-site .bsp-langnav a:hover,.bsp-workbench-site .bsp-langnav a.bsp-lang-cur{background:var(--you-soft);color:var(--you)}
.bsp-workbench-site .bsp-share{gap:8px}
.bsp-workbench-site .bsp-share a,.bsp-workbench-site .bsp-share button{box-shadow:none;border:1px solid var(--line);color:var(--ink);background:var(--panel);padding:8px 12px}
.bsp-workbench-site .bsp-privacy{font-size:.72rem;background:var(--bg);border:0;border-bottom:1px solid var(--line)}
.bsp-workbench-site .bsp-privacy-in{padding:8px 28px;max-width:1440px}
.bsp-workbench-site .bsp-privacy-msg{color:var(--muted)}
.bsp-workbench{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1440px;margin:0 auto;min-height:650px}
.bsp-workbench-content{min-width:0;border-inline-start:1px solid var(--line)}
.bsp-workbench-site .bsp-service-nav{display:flex;align-self:start;position:sticky;top:0;flex-direction:column;gap:8px;margin:0;padding:28px 13px;width:100%;min-width:0;border:0;max-height:none}
.bsp-nav-group{min-width:0;border:0}
.bsp-nav-group>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:47px;padding:11px 10px;border-radius:11px;font-size:.8rem;font-weight:650;color:var(--muted)}
.bsp-nav-group>summary::-webkit-details-marker{display:none}
.bsp-workbench-site .bsp-nav-icon{width:22px;height:22px;background:none;color:inherit;border-radius:0}
.bsp-workbench-site .bsp-nav-icon svg{width:18px;height:18px}
.bsp-nav-group>summary>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.bsp-nav-group>summary small{font-size:.62rem;font-weight:400;opacity:.8}
.bsp-nav-group[data-active=true]>summary,.bsp-nav-group[open]>summary{background:var(--you-soft);color:var(--you)}
.bsp-workbench-site .bsp-service-nav a{font-size:.73rem;line-height:1.65;border:0;border-radius:7px;background:transparent;padding:9px 10px;margin:3px 0 3px 15px;box-shadow:none;color:var(--muted);display:block;min-height:38px;transform:none}
.bsp-workbench-site .bsp-service-nav a:hover{background:var(--panel);color:var(--you)}
.bsp-workbench-site .bsp-service-nav a[aria-current=page]{background:var(--bg);color:var(--you);box-shadow:inset 3px 0 var(--you);font-weight:650}
.bsp-nav-note{font-size:.67rem;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);margin:24px 9px 0;padding-top:19px}
.bsp-workbench-site .bsp-main{max-width:none;padding:30px 30px 50px}
.bsp-workbench-site .bsp-crumbs{font-size:.66rem;margin-bottom:18px}
.bsp-workbench-site .bsp-h1,.bsp-workbench-site .bsp-service-intro h1,.bsp-workbench-site .bsp-x-h1{font-size:clamp(1.7rem,3vw,2.35rem);font-weight:600;letter-spacing:-.035em;margin-bottom:12px}
.bsp-workbench-site .bsp-lede{font-size:.88rem;line-height:1.8;max-width:74ch;margin-bottom:26px}
.bsp-workbench-site .bsp-card{background:var(--bg);padding:26px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);border-top-width:1px}
.bsp-workbench-site .bsp-tool-h{font-size:1.05rem;margin-top:0;line-height:1.6}
.bsp-unlock-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;margin-bottom:26px;min-width:0}
.bsp-unlock-workspace>.bsp-tool{min-width:0;margin:0}
.bsp-saved-panel{min-width:0}
.bsp-workbench-site .bsp-saved-panel .bsp-people{margin:0;padding:20px;border:1px solid color-mix(in srgb,var(--ok) 20%,var(--line));border-radius:17px;background:var(--ok-soft);box-shadow:none}
.bsp-saved-panel .bsp-multi-toggle{padding-left:0;padding-top:0;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:9px;row-gap:6px}
.bsp-saved-panel .bsp-multi-toggle input{position:relative;left:auto;top:auto;width:34px;height:20px;grid-row:1;grid-column:1;margin:1px 0 0}
.bsp-saved-panel .bsp-multi-toggle input::before{width:12px;height:12px;top:3px;left:3px}
.bsp-saved-panel .bsp-multi-toggle input:checked::before{transform:translateX(14px)}
.bsp-saved-panel .bsp-multi-ttl{font-size:.74rem;grid-column:2;grid-row:1;line-height:1.65}
.bsp-saved-panel .bsp-multi-toggle small{font-size:.72rem;grid-column:1/-1;line-height:1.7}
.bsp-saved-panel .bsp-people-head{font-size:.82rem;line-height:1.6}
.bsp-saved-panel .bsp-person{padding:11px;gap:7px;background:var(--bg);border-radius:11px}
.bsp-saved-panel .bsp-person-label{font-size:.8rem}
.bsp-saved-panel .bsp-person-sum{font-size:.7rem;white-space:normal;flex-basis:100%}
.bsp-saved-panel .bsp-person-acts{gap:14px;font-size:.7rem;flex-wrap:wrap}
.bsp-saved-panel .bsp-people-add.bsp-btn{font-size:.7rem;line-height:1.6;padding:10px;min-height:40px}
.bsp-saved-panel .bsp-passwords p{font-size:.72rem}
.bsp-saved-panel .bsp-password-entry{gap:8px}
.bsp-saved-panel .bsp-password-entry input{flex-basis:100%;min-width:0;font-size:.78rem;padding:10px}
.bsp-saved-panel .bsp-password-entry .bsp-btn{font-size:.7rem}
.bsp-saved-panel .bsp-password-list li{padding:10px;font-size:.7rem}
.bsp-saved-panel .bsp-password-list code{font-size:.73rem}
.bsp-saved-panel .bsp-adv{margin-top:18px}
.bsp-saved-panel .bsp-adv-body{padding:12px 0 0}
.bsp-saved-panel .bsp-adv-form{display:flex;flex-direction:column;align-items:stretch}
.bsp-saved-panel .bsp-adv-inp{flex:none;min-width:0;width:100%;font-size:.78rem}
.bsp-saved-panel .bsp-adv-sec .bsp-btn{font-size:.72rem;line-height:1.65}
.bsp-saved-panel .bsp-adv-file{width:100%;min-width:0;font-size:.69rem}
.bsp-saved-panel .bsp-tut-steps{grid-template-columns:1fr;gap:8px}
.bsp-saved-panel .bsp-tut-step{padding:10px;font-size:.7rem}
.bsp-workbench-site .bsp-field>span::before{display:none}
.bsp-workbench-site .bsp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;margin:24px 0}
.bsp-workbench-site .bsp-field{font-size:.76rem}
.bsp-workbench-site .bsp-field>span{min-height:1.6em}
.bsp-workbench-site .bsp-field input{background:var(--bg);border-radius:10px;min-height:46px;padding:11px 12px;font-size:.86rem}
.bsp-workbench-site .bsp-search{background:var(--bg);border-radius:10px;font-size:.87rem;padding:13px 15px}
.bsp-workbench-site .bsp-or,.bsp-workbench-site .bsp-rule-comment{font-size:.77rem;line-height:1.8}
.bsp-workbench-site .bsp-remember{font-size:.73rem;margin:20px 0}
.bsp-workbench-site .bsp-remember small{font-size:.66rem;line-height:1.65}
.bsp-details-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:-8px}
.bsp-details-actions .bsp-btn{font-size:.75rem;min-height:42px;padding:9px 14px;color:var(--you);border:1px solid var(--line);background:var(--bg)}
.bsp-details-actions p{flex:1 1 200px;min-width:0;margin:0;font-size:.72rem;line-height:1.7;overflow-wrap:anywhere}
.bsp-details-actions p:empty{display:none}
.bsp-workbench-site .bsp-builder{padding:16px;margin-block:20px;border-radius:12px}
.bsp-workbench-site .bsp-run{gap:12px;flex-wrap:wrap}
.bsp-workbench-site .bsp-run .bsp-upload{flex:1 1 100%;min-width:0;border-radius:12px;padding:20px 12px;background:var(--panel);border:1px dashed var(--line)}
.bsp-workbench-site .bsp-run>.bsp-btn-lg{flex:1 1 auto;border-radius:11px;min-height:47px;font-size:.83rem}
.bsp-workbench-site .bsp-btn{border-radius:10px;box-shadow:none}
.bsp-workbench-site .bsp-btn:hover{box-shadow:none;transform:translateY(-1px)}
.bsp-workbench-site .bsp-card.bsp-tool{border-top:1px solid var(--line)}
.bsp-unlock-steps{list-style:none;display:flex;gap:10px;padding:0;margin:22px 0;font-size:.68rem;color:var(--muted)}
.bsp-unlock-steps li{display:flex;align-items:center;gap:7px;flex:1;line-height:1.5;min-width:0}
.bsp-unlock-steps span{display:grid;place-items:center;border-radius:50%;width:22px;height:22px;flex:0 0 22px;background:var(--panel)}
.bsp-unlock-steps [aria-current=step]{color:var(--you)}
.bsp-unlock-steps [aria-current=step] span{background:var(--you-soft)}
.bsp-unlock-steps .is-done span{color:var(--ok);background:var(--ok-soft)}
.bsp-workbench-site .bsp-prose{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem;line-height:1.9}
.bsp-workbench-site .bsp-prose h2{font-size:1.1rem}
.bsp-workbench-site .bsp-form,.bsp-workbench-site .bsp-feedback{box-shadow:none}
.bsp-workbench-site .bsp-service-drop,.bsp-workbench-site .bsp-x-drop{background:var(--panel);border-color:var(--line);border-radius:13px}
.bsp-workbench-site .bsp-service-intro{margin-top:0}
.bsp-workbench-site .bsp-x-steps{margin:22px 0}
.bsp-workbench-site .bsp-x-steps li{border-radius:9px;box-shadow:none;background:transparent;border:0;border-bottom:2px solid var(--line)}
.bsp-workbench-site .bsp-x-steps li.is-active{background:var(--you-soft);border-color:var(--you)}
.bsp-workbench-site .bsp-service-kicker{background:transparent;color:var(--you);padding:0;font-size:.63rem;letter-spacing:.12em}
.bsp-workbench-site .bsp-service-kicker::before{display:none}
.bsp-workbench-site .bsp-local-badge{font-size:.64rem}
.bsp-workbench-site .bsp-output-panel{background:var(--panel);border-radius:13px}
.bsp-next-actions{padding:20px;border-radius:13px;background:var(--you-soft);margin-top:22px;text-align:start;color:var(--ink)}
.bsp-next-actions h3{font:650 .84rem/1.6 var(--f-body);margin:0 0 5px;color:var(--you)}
.bsp-next-actions p{font-size:.72rem;line-height:1.75;margin:0 0 12px;color:var(--muted)}
.bsp-next-links{display:flex;flex-wrap:wrap;gap:8px}
.bsp-next-links a{background:var(--bg);color:var(--you);border:1px solid var(--line);border-radius:9px;display:inline-flex;align-items:center;min-height:41px;padding:9px 12px;text-decoration:none;font-size:.72rem;line-height:1.5}
.bsp-next-links a:hover{border-color:var(--you)}
.bsp-next-links [aria-disabled=true]{opacity:.65;pointer-events:none}
.bsp-next-actions .bsp-transfer-status{margin-top:12px;margin-bottom:0;overflow-wrap:anywhere;white-space:pre-wrap}
.bsp-transfer-received{background:var(--ok-soft);color:var(--ok);padding:12px 16px;border-radius:10px;font-size:.76rem;margin:0 0 20px;overflow-wrap:anywhere}
.bsp-workbench-site .bsp-fileinfo{font-size:.75rem}
.bsp-site-search{margin-bottom:22px;max-width:600px}
.bsp-site-search>summary{cursor:pointer;color:var(--muted);font-size:.78rem;padding-block:8px}
.bsp-site-search .bsp-cse{padding:0;margin-top:10px}
.bsp-workbench-site .bsp-promo{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bsp-workbench-site .bsp-promo-in{padding:20px 28px}
.bsp-workbench-site .bsp-footer{background:var(--bg);margin-top:0}
@media(min-width:1180px){.bsp-unlock-workspace:has(.bsp-saved-panel){grid-template-columns:minmax(0,1fr) 296px}.bsp-saved-panel{position:relative}}
@media(min-width:761px) and (max-width:1179px){.bsp-workbench{grid-template-columns:165px minmax(0,1fr)}.bsp-workbench-site .bsp-main{padding:26px 22px}.bsp-workbench-site .bsp-saved-panel .bsp-people{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.bsp-saved-panel .bsp-multi-toggle,.bsp-saved-panel .bsp-adv,.bsp-saved-panel #bsp-people-msg{grid-column:1/-1}.bsp-saved-panel .bsp-passwords{margin-top:0;padding-top:15px}.bsp-saved-panel .bsp-people-body{margin-top:0}.bsp-saved-panel .bsp-tut-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .bsp-workbench-site .bsp-header-in{padding:17px 18px;gap:12px}.bsp-workbench-site .bsp-brand-text{font-size:.88rem}.bsp-workbench-site .bsp-header-actions{margin-left:auto;gap:7px}.bsp-header-menu>summary{padding:8px 10px;font-size:.73rem}
 .bsp-workbench-site .bsp-privacy-in{padding:8px 18px;font-size:.65rem}
 .bsp-workbench{display:block}.bsp-workbench-content{border:0}
 .bsp-workbench-site .bsp-service-nav{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 12px;gap:5px;background:var(--bg);border-bottom:1px solid var(--line);z-index:12}
 .bsp-nav-group>summary{flex-direction:column;justify-content:center;gap:5px;padding:9px 3px;min-height:66px;font-size:.67rem;text-align:center;line-height:1.5}.bsp-nav-group>summary>span:nth-child(2){flex:none}.bsp-nav-group>summary small{display:none}
 .bsp-nav-links{position:absolute;top:100%;inset-inline:12px;padding:12px;border:1px solid var(--line);background:var(--bg);border-radius:0 0 13px 13px;box-shadow:var(--shadow-raised);z-index:20}
 .bsp-workbench-site .bsp-service-nav a{margin:0;min-height:44px;font-size:.79rem;padding:12px}.bsp-nav-note{display:none}
 .bsp-workbench-site .bsp-main{padding:24px 16px 36px}.bsp-workbench-site .bsp-h1,.bsp-workbench-site .bsp-service-intro h1,.bsp-workbench-site .bsp-x-h1{font-size:1.8rem;letter-spacing:-.02em}
 .bsp-workbench-site .bsp-lede{font-size:.84rem;line-height:1.8}.bsp-workbench-site .bsp-card{padding:20px 17px;border-radius:14px}.bsp-workbench-site .bsp-fields{grid-template-columns:1fr 1fr;gap:16px 12px}.bsp-workbench-site .bsp-field>span{min-height:3em;align-items:flex-end;padding-bottom:2px;line-height:1.5}.bsp-workbench-site .bsp-field input{padding:10px;min-height:46px;font-size:16px}
 .bsp-workbench-site .bsp-saved-panel .bsp-people{padding:18px}.bsp-saved-panel .bsp-password-entry input{flex:1 1 180px}.bsp-saved-panel .bsp-password-entry .bsp-btn{font-size:.75rem}.bsp-saved-panel .bsp-multi-toggle small,.bsp-saved-panel .bsp-passwords p{font-size:.72rem}.bsp-saved-panel .bsp-multi-ttl{font-size:.8rem}.bsp-saved-panel .bsp-person-acts .bsp-link{min-height:36px;display:inline-flex;align-items:center}
 .bsp-saved-panel .bsp-adv-inp{font-size:16px}.bsp-next-actions{padding:17px}.bsp-next-links a{min-height:44px}.bsp-workbench-site .bsp-x-steps{gap:6px}.bsp-workbench-site .bsp-x-steps li{font-size:.69rem;padding:10px 7px}.bsp-workbench-site .bsp-promo-in{padding:20px 18px}
}
@media(max-width:420px){.bsp-workbench-site .bsp-header-in{align-items:flex-start}.bsp-workbench-site .bsp-brand{flex:1 1 100%}.bsp-header-actions{width:100%;justify-content:flex-end}.bsp-header-menu{position:static}.bsp-header-actions{position:relative}.bsp-workbench-site .bsp-langbar,.bsp-header-menu .bsp-share{top:calc(100% + 8px);width:100%;max-width:100%;inset-inline:0}.bsp-workbench-site .bsp-fields{grid-template-columns:1fr}.bsp-workbench-site .bsp-field>span{min-height:0}.bsp-workbench-site .bsp-h1,.bsp-workbench-site .bsp-service-intro h1{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.bsp-workbench-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Distinguish the current tool's group from a temporarily opened menu. */
.bsp-nav-group[open]>summary{background:var(--panel);color:var(--ink)}
.bsp-nav-group[data-active=true]>summary{background:var(--you-soft);color:var(--you)}
.bsp-header-menu>summary{min-height:44px}
.bsp-unlock-steps li{overflow-wrap:anywhere}
@media(max-width:760px){.bsp-workbench-site .bsp-langnav a{min-height:44px}.bsp-workbench-site .bsp-x-steps li{flex:1 1 0;width:auto;min-width:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px}.bsp-workbench-site .bsp-x-steps li span:not(.bsp-x-stepnum){display:block;font-size:.68rem;line-height:1.6;overflow-wrap:anywhere}}
.bsp-saved-panel #bsp-people-msg:empty,.bsp-saved-panel #bsp-passwords-msg:empty{display:none}
@media(min-width:761px) and (max-width:1179px){.bsp-saved-panel .bsp-people:not(:has(.bsp-people-body)) .bsp-passwords{grid-column:1/-1}}
.bsp-saved-panel .bsp-password-list code{flex:1 1 50px}
.bsp-password-help{margin-top:12px;font-size:.71rem;color:var(--muted)}
.bsp-password-help summary{cursor:pointer;padding:6px 0;color:var(--you);line-height:1.7}
.bsp-password-help p{margin:9px 0}
.bsp-saved-security{color:var(--muted)}