/* Variant two: one shared Studio workspace, smoked glass at 35% density. */
.studio-workbench-view{
 --wb-edge:#e5edff36;--wb-muted:#a9b5c8;--wb-ink:#e8edf7;
 --wb-glass:linear-gradient(130deg,#edf4ff1c,transparent 43%,#bac8e213),#11192559;
 --wb-control:linear-gradient(130deg,#e3edff12,#aabbd106 58%,#c4bde40b),#10182555;
 --wb-shadow:inset 0 1px #ffffff38,inset 1px 0 #ffffff12,inset 0 -1px #b7c9e40a,0 18px 45px #0004;
 position:relative;isolation:isolate;color:var(--wb-ink);
}
.studio-workbench-view:before{content:'';position:absolute;inset:0 -25px 0;mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent);z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 6% 22%,#657a9530,transparent 50%),radial-gradient(ellipse at 97% 65%,#7c6c902b,transparent 43%)}
.studio-workbench-view [hidden]{display:none!important}
.studio-workbench-view>.page-heading{padding-bottom:12px;gap:20px}
.studio-workbench-view>.page-heading h1{font-size:clamp(32px,3.5vw,54px);line-height:1.15;overflow-wrap:anywhere}
.studio-workbench-view>.page-heading .eyebrow{display:none}
.studio-workbench-view .studio-workbench-intro{margin:0 0 32px;color:var(--wb-muted);font-size:13px;line-height:1.7}
.studio-workbench-view .studio-glass-workbench,#view-admin.studio-workbench-view .admin-overview{border:1px solid var(--wb-edge);border-radius:24px;background:var(--wb-glass);box-shadow:var(--wb-shadow);backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%)}
.studio-workbench-tabs{display:flex;flex-wrap:wrap;position:relative;isolation:isolate;gap:5px;width:max-content;max-width:100%;padding:4px;margin:0 0 24px;border:1px solid #d9e5fa22;border-radius:28px;background:var(--wb-control);box-shadow:inset 0 1px #ffffff1c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.studio-workbench-tabs>button{position:relative;z-index:1;border:0;background:transparent;box-shadow:none;border-radius:24px;padding:10px 18px;min-height:42px;font:400 13px/1.4 var(--sans);color:var(--wb-muted);transition:color .2s}
.studio-workbench-tabs>button[aria-selected=true]{color:#eef1fa}
.studio-workbench-tabs>.studio-nav-glider{background:linear-gradient(135deg,#eef2ff25,#d0c5ef10);border-color:#e5eaff40;box-shadow:inset 0 1px #ffffff35,0 4px 12px #0002}
.studio-workbench-view :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #bdb9e6;outline-offset:3px}
.studio-workbench-view :is(.outline-button,.text-button,.bare-button,.studio-job-filter button){border:1px solid #dce8ff29;border-radius:24px;min-height:36px;padding:8px 13px;background:var(--wb-control);box-shadow:inset 0 1px #ffffff1c;color:#c3cde0;font:400 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;transition:background .2s,border-color .2s}
.studio-workbench-view :is(.outline-button,.text-button,.bare-button,.studio-job-filter button):hover{background:linear-gradient(130deg,#edf4ff26,#c5cfe910);border-color:#e2eaff58;color:#edf0f7}
.studio-workbench-view button:disabled{opacity:.45;cursor:not-allowed}
.studio-workbench-view .action-button{border-radius:28px;min-height:44px;background:linear-gradient(135deg,#ffffffee,#e3e6f2ce 55%,#c7cfe3cf);border:1px solid #ffffffc2;color:#161921;box-shadow:inset 0 2px #ffffffd0,inset 0 -1px #ffffff45,0 8px 24px #02050c40;font-size:13px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.studio-workbench-view :is(input:not([type=checkbox]),select,textarea){min-width:0;width:100%;min-height:44px;border:1px solid #e1e9fa30;border-radius:13px;padding:11px 14px;background:linear-gradient(120deg,#e6efff0d,transparent 60%),#10172555;color:#e4e9f3;box-shadow:inset 0 1px #ffffff16,inset 0 2px 7px #0002,0 1px #ffffff08;font:400 13px/1.6 var(--sans)}
.studio-workbench-view select{-webkit-appearance:none;appearance:none;height:46px;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#c3cde0 50%),linear-gradient(135deg,#c3cde0 50%,transparent 50%),linear-gradient(120deg,#e6efff0d,transparent 60%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}
.studio-workbench-view select option{background:#17202c;color:#edf0f7}
.studio-workbench-view input[type=checkbox]{accent-color:#c4bfdf;width:17px;height:17px}
/* API: keys and examples on the left; existing creation form and one-time secret on the right. */
#view-api.studio-workbench-view .studio-api-content{max-width:none;margin:0 0 40px}
#view-api .api-workbench{margin-bottom:24px;overflow:hidden}
#view-api .api-workbench-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);align-items:start}
#view-api #api-workbench-overview{display:contents}
#view-api .api-workbench-keys{grid-column:1;grid-row:1;min-width:0}
#view-api .api-workbench-side{grid-column:2;grid-row:1/span 2;border-left:1px solid #d9e5fa25;align-self:stretch;background:linear-gradient(140deg,#d8e1fc0c,#121a2940);min-width:0}
#view-api .api-workbench .api-access-panel{margin:0;padding:28px;border:0;border-radius:0;background:none;box-shadow:none;min-width:0}
#view-api .api-access-panel>header{align-items:center;flex-wrap:wrap;gap:12px}
#view-api .api-access-panel h3,#view-api .api-reference-heading h3{font-size:20px;line-height:1.35;font-weight:400;letter-spacing:-.4px}
#view-api .api-access-panel p{color:var(--wb-muted);line-height:1.7;font-size:12px}
#view-api .api-access-panel label,#view-api .api-access-panel legend{color:#b7c0d0;font-size:12px;line-height:1.5}
#view-api .api-access-panel fieldset{margin:22px 0 18px}
#view-api .api-access-panel fieldset label{gap:11px;padding:7px 0}
#view-api .api-access-panel fieldset input{margin:0}
#view-api #api-key-form>.action-button{width:100%;justify-content:center}
#view-api .api-key-empty{padding:24px 0 12px;min-height:110px;display:flex;align-items:center}
#view-api .api-key-card{padding:20px 0;gap:8px;border-color:#d9e5fa18}
#view-api .api-key-card strong{font-size:14px;font-weight:500;color:#e4e9f3}
#view-api .api-key-card small{color:var(--wb-muted);line-height:1.6}
#view-api .api-key-card .danger-text{border:1px solid #dfb2b424;border-radius:20px;background:#ecc9cd06;color:#cbaebc;font-size:11px;padding:6px 12px;min-height:32px}
#view-api .api-key-card>div{flex-wrap:wrap}
#view-api .api-workbench-connection{grid-column:1;grid-row:2;min-width:0;padding:26px 28px;border-top:1px solid #d9e5fa1e}
#view-api .api-reference-heading{margin:0 0 15px;gap:12px;flex-wrap:wrap}
#view-api .api-workbench-connection>p{font-size:12px;color:var(--wb-muted);line-height:1.8;margin:0 0 19px;overflow-wrap:anywhere}
#view-api .api-terminal{background:var(--wb-control);border-color:#d9e5fa24;border-radius:16px;box-shadow:inset 0 1px #ffffff18}
#view-api .api-terminal pre{font:12px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;margin:0;color:#c5d0e4}
#view-api .api-terminal>header{padding:14px 18px;gap:12px;border-color:#d9e5fa17}
#view-api .api-terminal header button{min-height:30px;color:#bdc8db}
#view-api .api-response-label{padding:16px 20px 0;border-color:#d9e5fa15;color:var(--wb-muted);font-size:11px}
#view-api .api-workbench[data-mode=keys] #api-response-example{max-height:240px;overflow:auto}
#view-api .api-workbench[data-mode=keys] .api-workbench-connection>p{display:none}
#view-api .api-workbench:not([data-mode=keys]) .api-workbench-main{display:block}
#view-api .api-workbench:not([data-mode=keys]) .api-workbench-connection{border-top:0}
#view-api .api-workbench-reference{padding:28px;min-width:0}
#view-api .api-methods{margin:0;border-color:#d9e5fa20;border-radius:16px;background:#111a2729}
#view-api .api-methods th,#view-api .api-methods td{padding:14px 18px;border-color:#d9e5fa15;color:#bbc7da}
#view-api .api-methods th{color:#e0e7f3}
#view-api .api-methods caption{font-size:18px;color:#edf0f7}
#view-api .api-guide{background:var(--wb-control);border-color:#d9e5fa24;box-shadow:inset 0 1px #fff1}
#view-api .api-guide pre{white-space:pre-wrap;overflow-wrap:anywhere}
#view-api .api-workbench #api-key-secret{margin:0 24px 24px;padding:20px;background:var(--wb-control);border:1px solid #bfc1e04a;border-radius:16px}
#view-api .api-development{background:var(--wb-control);box-shadow:inset 0 1px #ffffff21;color:#a6c8b8;border-color:#accbb52b}
#view-api #api-examples.api-motion-tabs{background:var(--wb-control);border-color:#d9e5fa22;margin-bottom:18px}
/* Administration: the same single shell for overview, user access and audit. */
#view-admin .admin-overview{margin:0 0 24px;padding:20px 6px;gap:0}
#view-admin .admin-overview article{min-height:90px;padding:0 24px;background:none;border:0;border-right:1px solid #d9e5fa18;border-radius:0;box-shadow:none;gap:5px}
#view-admin .admin-overview article:last-child{border:0}
#view-admin .admin-overview span{font-size:12px;color:#b7c2d4;letter-spacing:0;text-transform:none}
#view-admin .admin-overview b{font:400 34px/1.2 var(--sans);color:#edf0f7;letter-spacing:-1px}
#view-admin .admin-overview small{font-size:11px;color:var(--wb-muted)}
#view-admin .admin-operations{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);margin:0 0 32px;gap:0;overflow:hidden;align-items:stretch}
#view-admin .admin-operation-panel{padding:28px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#view-admin .admin-operation-panel+.admin-operation-panel{border-left:1px solid #d9e5fa25;background:linear-gradient(140deg,#d8e1fc0c,#121a2940)}
#view-admin .admin-operation-panel>header{align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}
#view-admin .admin-operation-panel h2,#view-admin .admin-stage h2,#view-admin .audit-zone h2{font:400 20px/1.35 var(--sans);color:#edf0f7;letter-spacing:-.4px;text-transform:none;margin:0}
#view-admin .admin-operation-panel .eyebrow,#view-admin .precision-form .eyebrow,#view-admin .form-index{display:none}
#view-admin .admin-worker-list,#view-admin .admin-job-list{display:grid;border:0;background:transparent;gap:2px}
#view-admin .admin-worker-row,#view-admin .admin-job-row{background:linear-gradient(110deg,#e2eaff06,transparent);border:0;border-radius:12px;min-height:76px;padding:14px 8px;gap:12px}
#view-admin .admin-worker-row+.admin-worker-row,#view-admin .admin-job-row+.admin-job-row{border-top:1px solid #d9e5fa13}
#view-admin .admin-worker-row{grid-template-columns:34px minmax(0,1fr) auto auto}
#view-admin .admin-worker-row:hover,#view-admin .admin-job-row:hover{background:linear-gradient(120deg,#e5efff14,#c6c2dc08)}
#view-admin .admin-worker-avatar{display:grid;place-items:center;position:relative;width:32px;height:32px;border-radius:50%;border:1px solid #e1e9ff36;background:linear-gradient(130deg,#e1e9ff20,#bac9e409);box-shadow:inset 0 1px #ffffff29;color:#d6ddec;font:400 11px/1 var(--sans);letter-spacing:0}
#view-admin .admin-worker-avatar:after{content:'';position:absolute;width:6px;height:6px;right:-1px;bottom:0;border-radius:50%;background:#98c4af;box-shadow:0 0 0 2px #182130}
#view-admin .admin-worker-avatar.offline:after{background:#a7989d}
#view-admin .admin-worker-row b,#view-admin .admin-job-row b,#view-admin .user-row b{font:500 13px/1.5 var(--sans);color:#e1e8f5;overflow-wrap:anywhere}
#view-admin .admin-worker-row p,#view-admin .admin-job-row p{color:var(--wb-muted);font:400 11px/1.6 var(--sans);letter-spacing:0;white-space:normal;overflow-wrap:anywhere;margin:4px 0 0}
#view-admin .admin-worker-row>span:not(.admin-worker-avatar){color:#a9c8ba;font-size:11px;letter-spacing:0}
#view-admin .admin-worker-row>button{display:block;font-size:11px;padding:6px 11px;min-height:32px}
#view-admin .admin-job-row{grid-template-columns:30px minmax(0,1fr) auto;align-items:start;padding-top:18px;padding-bottom:18px}
#view-admin .admin-job-row>.job-platform{grid-column:1;grid-row:1;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--wb-control);border:1px solid #d9e5fa2b;color:#cbd6e8;font-size:10px}
#view-admin .admin-job-row>div{grid-column:2/-1;grid-row:1}
#view-admin .admin-job-row>time{grid-column:2;grid-row:2;display:block;align-self:center;color:var(--wb-muted);font:400 11px/1.5 var(--sans);letter-spacing:0}
#view-admin .admin-job-row>button{grid-column:3;grid-row:2;font-size:11px;min-height:32px;padding:6px 11px}
#view-admin .studio-job-filter{display:flex;flex-wrap:wrap;gap:5px;padding:4px;width:max-content;max-width:100%;margin-bottom:12px;border:1px solid #d9e5fa21;border-radius:28px;background:var(--wb-control);box-shadow:inset 0 1px #ffffff18}
#view-admin .studio-job-filter button{border:0;box-shadow:none;background:transparent;font-size:12px;min-height:34px;padding:8px 12px}
#view-admin .studio-job-filter button[aria-pressed=true]{background:linear-gradient(135deg,#eef2ff25,#d0c5ef10);box-shadow:inset 0 1px #ffffff35;color:#edf1fa}
#view-admin .admin-empty-state,#view-admin .quiet-state{min-height:170px;display:flex;gap:12px;align-items:center;justify-content:center;padding:24px;color:var(--wb-muted);font-size:12px;line-height:1.6}
#view-admin .admin-empty-state b{font:400 14px/1.5 var(--sans);color:#dbe3f1}
#view-admin .admin-empty-state p{font:400 12px/1.7 var(--sans);color:var(--wb-muted)}
#view-admin .admin-stage{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);margin:0 0 32px;overflow:hidden}
#view-admin .admin-stage>.precision-form{padding:28px;border-right:1px solid #d9e5fa25;background:linear-gradient(140deg,#d8e1fc0c,#121a2940)}
#view-admin .precision-form h2{margin-bottom:24px}
#view-admin .precision-form label{font-size:12px;color:#b7c0d0;line-height:1.5;margin-bottom:18px}
#view-admin .precision-form label>span{display:block;margin-bottom:9px}
#view-admin .precision-form input{margin:0}
#view-admin .precision-form .action-button{margin-top:8px}
#view-admin .admin-list{padding:28px;background:none;border:0;border-radius:0;box-shadow:none}
#view-admin .admin-list>header{margin-bottom:20px}
#view-admin #users-count{font-size:12px;color:var(--wb-muted);margin-left:7px}
#view-admin .user-row{border-color:#d9e5fa19;gap:12px;padding:17px 0;min-height:80px}
#view-admin .user-row p{font-size:11px;color:var(--wb-muted);line-height:1.6;overflow-wrap:anywhere}
#view-admin .role-badge{font-size:10px;color:#b3bfd3;letter-spacing:.04em}
#view-admin .audit-zone{padding:28px;margin:0 0 32px}
#view-admin .audit-zone>header{align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
#view-admin .audit-zone>header span{font-size:12px;color:var(--wb-muted)}
#view-admin .audit-list{grid-template-columns:1fr;gap:0;border:0;background:none}
#view-admin .audit-row{grid-template-columns:120px minmax(0,1fr) 100px;gap:20px;min-height:72px;padding:16px 10px;background:none;border-top:1px solid #d9e5fa15}
#view-admin .audit-row time{font:400 12px/1.5 var(--sans);color:#bec9dd}
#view-admin .audit-row b{font:400 13px/1.5 var(--sans);color:#e1e8f5}
#view-admin .audit-row p{font-size:11px;line-height:1.5;color:var(--wb-muted);overflow-wrap:anywhere}
#view-admin .audit-row>span{display:block;font-size:11px;color:var(--wb-muted);overflow-wrap:anywhere}
@media(max-width:1100px){#view-admin .admin-worker-row{grid-template-columns:32px minmax(0,1fr) auto}#view-admin .admin-worker-row>span:not(.admin-worker-avatar){display:none}#view-admin .admin-operation-panel{padding:22px}#view-api .api-workbench .api-access-panel,#view-api .api-workbench-connection{padding:24px}}
@media(max-width:850px){#view-api .api-workbench-main{display:block}#view-api .api-workbench-side{border-left:0;border-top:1px solid #d9e5fa25}#view-api #api-workbench-overview{display:flex;flex-direction:column}#view-admin .admin-operations,#view-admin .admin-stage{grid-template-columns:1fr}#view-admin .admin-operation-panel+.admin-operation-panel{border-left:0;border-top:1px solid #d9e5fa25}#view-admin .admin-stage>.precision-form{border-right:0;border-bottom:1px solid #d9e5fa25}.studio-workbench-view>.page-heading h1{font-size:clamp(29px,5.5vw,42px)}#view-admin .admin-worker-row{grid-template-columns:32px minmax(0,1fr) auto auto}#view-admin .admin-worker-row>span:not(.admin-worker-avatar){display:block}}
@media(max-width:600px){.studio-workbench-view:before{inset:70px -10px 0}.studio-workbench-view>.page-heading h1{font-size:clamp(25px,7vw,37px)}.studio-workbench-view .studio-workbench-intro{font-size:12px;margin-bottom:24px}.studio-workbench-tabs{margin-bottom:20px;gap:2px;max-width:100%}.studio-workbench-tabs>button{font-size:12px;padding:9px 12px;min-height:42px}.studio-workbench-view :is(input:not([type=checkbox]),select,textarea){font-size:16px}#view-admin .admin-overview{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;padding:18px 2px}#view-admin .admin-overview article{padding:0 17px;min-height:83px}#view-admin .admin-overview article:nth-child(2){border-right:0}#view-admin .admin-overview b{font-size:30px}#view-admin .admin-overview span{font-size:11px}#view-admin .admin-overview small{font-size:11px}#view-admin .admin-operation-panel,#view-admin .admin-list,#view-admin .admin-stage>.precision-form,#view-admin .audit-zone{padding:20px}#view-api .api-workbench .api-access-panel,#view-api .api-workbench-connection,#view-api .api-workbench-reference{padding:20px}#view-admin .admin-worker-row{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:13px 0}#view-admin .admin-worker-row>span:not(.admin-worker-avatar){display:none}#view-admin .admin-worker-row b{font-size:12px}#view-admin .admin-worker-row>button{min-height:40px;padding:8px 11px}#view-admin .admin-job-row>button{min-height:40px}#view-admin .user-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}#view-admin .user-row>.role-badge{grid-column:1;grid-row:2}#view-admin .user-row>button{grid-column:2;grid-row:1/span 2;min-height:42px}#view-admin .audit-row{grid-template-columns:minmax(65px,.28fr) minmax(0,1fr);gap:10px;padding:15px 0}#view-admin .audit-row>span{grid-column:2}#view-api .api-field-pair{grid-template-columns:minmax(0,1fr) 90px;gap:12px}#view-api .api-terminal pre{font-size:11px;padding:16px}#view-api .api-terminal>header{gap:8px;padding:12px}#view-api .api-terminal .terminal-dots{display:none}#view-api #api-key-secret{margin:0 18px 20px}.studio-workbench-view .studio-glass-workbench{border-radius:22px}}
@media(prefers-reduced-motion:reduce){.studio-workbench-view *{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.studio-workbench-view{--wb-glass:#17202e;--wb-control:#1b2637}.studio-workbench-view .studio-glass-workbench,#view-admin.studio-workbench-view .admin-overview{backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.studio-workbench-view{--wb-glass:#17202e;--wb-control:#1b2637}}