body{background:#0e0c16;color:#ece9f7}.developer-console{max-width:1180px;margin:auto;padding:28px 24px 64px}.developer-console header,.developer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.developer-console header a{margin-right:18px}.developer-intro{padding:64px 0 24px;max-width:760px}.developer-intro h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 20px}.developer-intro p{font-size:18px;color:#b9b2cc}.developer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.developer-console .panel{margin:20px 0;background:#171321;border:1px solid #352a47;border-radius:16px}.developer-grid .panel{margin:0}.developer-console h2{margin:0 0 18px;font-size:24px}.developer-console p{line-height:1.6}.developer-console a{color:#c9b6ff}.developer-console label{display:block;margin:18px 0 14px}.developer-console input,.developer-console select,.developer-console textarea{display:block;max-width:100%;width:100%;background:#0e0b16;color:#f0edf7;border:1px solid #54415f;border-radius:7px;padding:11px;margin-top:8px}.developer-console button,.developer-console .primary{cursor:pointer;display:inline-block;margin:6px 3px 6px 0}.developer-console .accept{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:13px}.developer-console .accept input{width:18px;margin:0}.developer-toolbar label{flex:1;max-width:480px}.developer-console pre{max-height:560px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:13px}.developer-console td{overflow-wrap:anywhere;vertical-align:top}.developer-console td:first-child{max-width:240px;font-family:monospace;font-size:12px}.developer-console footer{padding-top:28px;font-size:13px}.secret-panel{border-color:#b99aef!important}.key-row{border-top:1px solid #352a47;padding:15px 0;font-size:13px}.key-row p{margin:0 0 5px}.developer-console [hidden]{display:none!important}#notice:not(:empty){padding:14px 18px;border-left:3px solid #be9eea;background:#20182d}.developer-console .table-scroll{overflow:auto}.developer-console table{width:100%;min-width:560px}.developer-console th,.developer-console td{text-align:left;padding:12px 10px;border-bottom:1px solid #352a47}.developer-console .padded{padding:26px}.developer-console .muted{color:#b9b2cc}@media(max-width:760px){.developer-grid{grid-template-columns:1fr}.developer-console{padding:20px 16px 40px}.developer-console header{align-items:flex-start}.developer-console header div{font-size:12px}.developer-toolbar{flex-wrap:wrap;gap:8px}.developer-toolbar label{min-width:100%}.developer-intro{padding-top:40px}.developer-console .padded{padding:21px}}

.developer-sections,.result-actions{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.developer-sections a{padding:8px 0}.next-step{padding:16px;border:1px solid #54415f;border-radius:12px}.developer-console section,.developer-console form{scroll-margin-top:20px}.developer-console button:disabled{cursor:not-allowed;opacity:.55}#result-markdown{padding:20px;background:#0e0b16;border-radius:10px}.developer-console .skip:not(:focus){position:absolute;left:-10000px}
/* The standalone developer workspace uses the dark palette without changing Publish appearance. */
body{--text:#ece9f7;--muted:#b9b2cc;--line:#352a47;--surface:#171321;--surface-raised:#171321;--purple:#c9b6ff}
.developer-console header{flex-wrap:wrap;gap:16px}.developer-console header>div{display:flex;gap:18px;flex-wrap:wrap;min-width:0}.developer-console header a{margin:0}.developer-console .brand{font-size:0;flex:0 0 auto}.developer-console .brand::before{width:170px;flex-basis:170px;background-image:url('/brand/logo-white.svg')}.developer-console label{color:#ece9f7}
body{--purple:#7754c8;--text-secondary:#b9b2cc;--border:#54415f}.developer-console .primary{background:#7754c8;color:#fff}.developer-console .primary:hover{background:#6844b5}

.developer-sections a{min-height:44px;display:inline-flex;align-items:center}.developer-console pre:focus-visible{outline:2px solid #be9eea;outline-offset:3px}

#key-action-dialog{max-width:min(520px,calc(100vw - 32px));border:1px solid #54415f;border-radius:16px;padding:26px;background:#171321;color:#ece9f7}#key-action-dialog::backdrop{background:#000a}#key-action-dialog p{line-height:1.6;margin:18px 0}#key-action-dialog button{padding:10px 18px;border:1px solid #54415f;border-radius:8px;min-height:44px}#key-action-dialog .primary{background:#7754c8;color:white}#key-action-dialog .secondary{color:#ece9f7;background:#171321}

.table-scroll-hint{display:none}.developer-console .table-scroll:focus-visible{outline:2px solid #be9eea;outline-offset:3px}@media(max-width:760px){.table-scroll-hint{display:block;font-size:13px;color:#b9b2cc}.developer-console th:last-child,.developer-console td:last-child{position:sticky;right:0;background:#171321;box-shadow:-5px 0 8px #0003}}
/* Task-based console: one focused workspace view at a time. */
.developer-intro{padding:38px 0 18px;max-width:820px}.developer-intro h1{font-size:clamp(30px,4vw,44px);margin:10px 0 16px}.is-signed-in .developer-intro{padding:28px 0 8px}.is-signed-in .developer-intro h1{font-size:32px}.developer-toolbar{padding:12px 0;gap:14px}.developer-toolbar label{margin:0;max-width:360px}.developer-toolbar #beta-status{font-size:13px;color:#b9b2cc;flex:1}.developer-sections{border-bottom:1px solid #352a47;gap:24px;margin:20px 0 26px}.developer-sections a{text-decoration:none;border-bottom:3px solid transparent}.developer-sections a[aria-current]{border-color:#b99aef;color:#fff}.next-step{border:0;padding:0;margin:0 0 14px}.getting-started h2{margin-bottom:10px}.setup-progress{display:flex;gap:28px;flex-wrap:wrap;padding-left:20px;color:#b9b2cc;font-size:13px;margin-top:24px}.setup-progress .complete{color:#c9b6ff}.product-choices h2{margin:8px 0 12px}.product-choices .eyebrow{font-size:12px}#run-job{max-width:800px}#new-key{max-width:800px}.product-switch{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.product-switch button,.auth-navigation button{border:1px solid #54415f;border-radius:8px;padding:12px 18px;background:#171321;color:#b9b2cc;min-height:44px}.product-switch button[aria-pressed=true],.auth-navigation button[aria-pressed=true]{border-color:#c9b6ff;background:#2b2040;color:#fff}.publish-link{font-size:13px;color:#b9b2cc;padding:28px 0 0;border-top:1px solid #352a47;margin-top:32px}.publish-link strong{color:#ece9f7}.developer-console footer{padding-top:22px}.developer-console details summary{cursor:pointer;min-height:44px;padding:12px 0;color:#c9b6ff}#account-security details+details{border-top:1px solid #352a47;margin-top:20px}.auth-layout{max-width:620px}.auth-navigation{display:flex;gap:12px}.text-button{border:0;background:transparent;color:#c9b6ff;text-decoration:underline;padding:12px 0}.developer-console [data-console-panel]:focus{outline:none}
@media(max-width:760px){.developer-toolbar #beta-status{flex-basis:100%;order:2}.developer-sections{gap:6px 18px}.developer-sections a{font-size:14px}.developer-intro{padding-top:30px}.is-signed-in .developer-intro h1{font-size:28px}.setup-progress{display:block;line-height:2}.product-switch{display:grid;grid-template-columns:1fr}.product-switch button{text-align:left}#run-job .primary{width:100%}}
@media(max-width:760px){#recent-jobs table,#recent-jobs tbody{display:block;min-width:0}#recent-jobs thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#recent-jobs tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:18px 0;border-bottom:1px solid #352a47}#recent-jobs td{border:0;padding:0;min-width:0;max-width:none!important;background:none!important;box-shadow:none!important;position:static!important}#recent-jobs td:nth-child(2){grid-column:1;grid-row:1;font-weight:700;font-size:17px}#recent-jobs td:nth-child(3){grid-column:1;grid-row:2}#recent-jobs td:nth-child(4){grid-column:1;grid-row:3;color:#b9b2cc}#recent-jobs td:nth-child(4)::before{content:'Credits: '}#recent-jobs td:nth-child(5){grid-column:2;grid-row:1/4;align-self:center}#recent-jobs td:first-child{grid-column:1/-1;grid-row:4;color:#b9b2cc;font-size:11px;margin-top:6px}#recent-jobs td[colspan]{grid-column:1/-1;font-family:inherit;font-size:14px!important;color:#ece9f7!important}.table-scroll-hint{font-size:13px}}