:root{font-family:system-ui,-apple-system,sans-serif;color:#35352e;background:#f8f7f2}*{box-sizing:border-box}body{margin:0}header{padding:24px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #e3e0d6}header span,.eyebrow{color:#9b5a3a}main{max-width:1060px;margin:auto;padding:64px 24px}h1{font-size:clamp(34px,5vw,60px);line-height:1.2;letter-spacing:-2px}p{line-height:1.8;color:#706f64;max-width:740px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}article,section{padding:26px;border:1px solid #e3e0d6;border-radius:18px;background:#fcfbf7}section{margin-top:48px}input{display:block;max-width:600px;width:100%;padding:12px;margin:12px 0;border:1px solid #cbc6b9;border-radius:8px;background:#f8f7f2}button{padding:12px 18px;background:#a95532;border:0;border-radius:8px;color:#fff;cursor:pointer;margin:4px}button:disabled{opacity:.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8}footer{margin-top:32px;font-size:13px;color:#777}@media(max-width:650px){.steps{grid-template-columns:1fr}main{padding-top:28px}}

[hidden]{display:none!important}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.toolbar label{flex:1;min-width:180px}select{display:block;padding:12px;border:1px solid #d9d5cb;border-radius:10px;background:#fcfbf7;color:inherit;width:100%;font:inherit;margin-top:8px}.hint,caption{color:#77756b;font-size:14px}caption{text-align:left;padding:14px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}th{background:#f0eee6;font-size:14px}td,th{padding:16px 12px;border-bottom:1px solid #e3e0d6;vertical-align:top}td:nth-child(2),td:nth-child(3){max-width:230px;overflow-wrap:anywhere}td small{display:block;color:#77756b;margin-top:8px}td button{padding:8px 12px;margin:0 5px 5px 0;font-size:14px}td button.secondary{background:#ede9df;color:#554b40}.badge{display:inline-block;white-space:nowrap;background:#f2e5d9;color:#8b492d;border-radius:20px;padding:5px 10px;font-size:13px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c47d4a;outline-offset:3px}dialog{width:min(740px,85vw);max-height:85vh;border:1px solid #ded9ce;border-radius:18px;background:#fcfbf7;color:inherit;padding:24px}dialog::backdrop{background:#28251d66}.dialog-head{display:flex;justify-content:space-between;align-items:center}dl{display:grid;grid-template-columns:130px 1fr;gap:0}dt,dd{margin:0;padding:12px 0;border-bottom:1px solid #e9e5db;white-space:pre-wrap;overflow-wrap:anywhere}dt{color:#77756b}body.connected main>h1,body.connected main>.eyebrow,body.connected main>.steps,body.connected main>p{display:none}body.connected main{padding-top:24px}body.connected #token,body.connected label:has(#token),body.connected #login{display:none}@media(max-width:650px){dl{grid-template-columns:1fr}dt{border:0;padding-bottom:0}dd{padding-top:6px}.toolbar button{width:100%}}

.workbench-head{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;background:#fcfbf7;z-index:2;padding:16px 0;border-bottom:1px solid #e3e0d6}.workbench-head h2{margin:4px 0 12px;font-size:28px}.workbench-head .eyebrow{margin:0;font-size:12px;letter-spacing:2px}#export-main{font-size:18px;min-height:52px;min-width:172px;box-shadow:0 4px 12px #a9553224}.secondary{background:#ede9df;color:#554b40}.export-options{display:grid;gap:12px}.export-options button{text-align:left;padding:20px;background:#f2eee5;color:#35352e;border:1px solid #ded6c8;margin:0}.export-options button:hover{background:#e9dfd0}.export-options strong,.export-options span{display:block}.export-options strong{font-size:18px;margin-bottom:8px}.export-options span{font-size:14px;color:#706b60}.row-export{white-space:nowrap;min-height:40px}#export-scope{padding:12px 0}button{transition:background-color 150ms,transform 150ms}button:active:not(:disabled){transform:scale(.96)}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}@media(max-width:650px){.workbench-head{gap:12px}#export-main{min-width:128px;font-size:16px}}

main{padding-top:24px}.service-intro{margin:24px 0;padding:20px;border:1px solid #e3e0d6;border-radius:12px}.service-intro summary{cursor:pointer;color:#77756b}.service-intro h1{font-size:28px}.service-intro .steps{margin:20px 0}