.account-ui{--color-muted:var(--color-reading-muted);--background:var(--color-canvas);--foreground:var(--color-paper);--card:var(--color-panel);--primary:var(--color-paper);--primary-foreground:var(--color-canvas);--secondary:var(--color-panel);--accent:var(--color-signal);--accent-foreground:var(--color-canvas);color:var(--color-paper);background:var(--color-canvas);font:14px/1.5 var(--font-inter), sans-serif}.account-ui :is(button,input,select){font:inherit}.account-ui svg{flex-shrink:0;width:20px;height:20px}.account-ui [data-slot=alert]:has(>svg){grid-template-columns:20px 1fr;gap:12px}.account-ui a{text-decoration:none}.account-ui [data-slot=button]{height:auto;min-height:44px;transition:opacity var(--motion-feedback);white-space:normal;border-radius:999px;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.4}.account-ui [data-slot=button][data-size=icon]{width:44px;height:44px;padding:12px}.account-ui [data-slot=button][data-variant=default]{background:var(--color-paper);color:var(--color-canvas)}.account-ui [data-slot=button][data-variant=outline]{background:var(--color-panel);border:1px solid var(--color-line);color:var(--color-paper)}.account-ui [data-slot=button][data-variant=ghost]{color:var(--color-muted);background:0 0}.account-ui [data-slot=button]:not(:disabled):hover{background:var(--color-signal);color:var(--color-canvas)}.account-ui [data-slot=button]:disabled{opacity:.45;cursor:not-allowed}.account-ui [data-slot=input]{background:var(--color-canvas);height:48px;color:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;padding:0 16px;font-size:14px}.account-ui [data-slot=input]::placeholder{color:var(--color-muted)}.account-ui [data-slot=field-label]{color:var(--color-muted);font-size:13px}.account-ui [data-slot=field-group]{gap:16px}.account-ui [data-slot=field]{gap:8px}.account-ui [data-slot=field-description]{color:var(--color-muted);font-size:13px}.account-ui [data-slot=switch]{background:var(--color-line);flex-shrink:0;width:44px;height:26px}.account-ui [data-slot=switch][data-state=checked]{background:var(--color-signal)}.account-ui [data-slot=switch-thumb]{background:var(--color-canvas);width:20px;height:20px}.account-ui [data-slot=card]{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-paper);box-shadow:none;border-radius:16px;gap:0;padding:0}.account-ui [data-slot=card-header]{flex-direction:column;gap:14px;padding:24px;display:flex}.account-ui [data-slot=card-title]{font-size:18px;font-weight:600;line-height:1.3}.account-ui [data-slot=card-description]{color:var(--color-muted);font-size:13px;line-height:1.5}.account-ui [data-slot=card-content]{padding:0 24px}.account-ui [data-slot=card-footer]{padding:0 24px 24px}.account-ui [data-slot=separator]{background:var(--color-line)}.account-ui [data-slot=alert]{border:1px solid var(--color-signal)}@supports (color:color-mix(in lab, red, red)){.account-ui [data-slot=alert]{border:1px solid color-mix(in srgb,var(--color-signal) 15%,transparent)}}.account-ui [data-slot=alert]{background:var(--color-signal);border-radius:12px;padding:20px}@supports (color:color-mix(in lab, red, red)){.account-ui [data-slot=alert]{background:color-mix(in srgb,var(--color-signal) 9%,var(--color-canvas))}}.account-ui [data-slot=alert]{color:var(--color-paper)}.account-ui [data-slot=alert-title]{font-size:14px;font-weight:600}.account-ui [data-slot=alert-description]{color:var(--color-paper);opacity:.8;font-size:14px;line-height:1.5}.account-ui [data-slot=badge]{color:var(--color-muted);white-space:normal;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:400}.account-ui [data-slot=badge][data-status="0001"],.account-verified{color:var(--pen-color-8deab8)}.account-ui [data-slot=badge][data-status="0002"]{color:var(--pen-color-ffd48a,var(--color-signal))}.account-shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.account-sidebar,.account-mobile-sheet{background:var(--color-panel);flex-direction:column;justify-content:space-between;gap:32px;padding:32px 20px;display:flex}.account-sidebar{height:100dvh;position:sticky;top:0;overflow-y:auto}.account-sidebar-top{flex-direction:column;gap:36px;display:flex}.account-logo{align-items:center;width:fit-content;min-height:44px;display:flex}.account-logo-image{object-fit:contain;width:104px;height:27px}.account-sidebar nav,.account-mobile-sheet nav{flex-direction:column;gap:1px;display:flex}.account-sidebar nav a,.account-mobile-sheet nav a{min-height:48px;color:var(--color-muted);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.account-sidebar nav a[aria-current],.account-mobile-sheet nav a[aria-current]{color:var(--color-paper);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.account-sidebar nav a[aria-current],.account-mobile-sheet nav a[aria-current]{background:color-mix(in srgb,var(--color-paper) 8%,transparent)}}.account-sidebar nav a[aria-current],.account-mobile-sheet nav a[aria-current]{font-weight:600}.account-sidebar nav a:hover,.account-mobile-sheet nav a:hover{color:var(--color-paper);background:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.account-sidebar nav a:hover,.account-mobile-sheet nav a:hover{background:color-mix(in srgb,var(--color-paper) 8%,transparent)}}.account-sidebar nav a[aria-current] svg,.account-mobile-sheet nav a[aria-current] svg{color:var(--color-signal)}.account-sidebar :is(svg),.account-mobile-sheet nav svg{flex-shrink:0;width:20px;height:20px}.account-sidebar-bottom{flex-direction:column;gap:18px;display:flex}.account-help{min-height:44px;color:var(--color-muted);align-items:center;gap:12px;display:flex}.account-person{border-top:1px solid var(--color-line);overflow-wrap:anywhere;flex-direction:column;gap:4px;padding-top:24px;display:flex}.account-person small{color:var(--color-muted);font-size:12px}.account-ui .account-logout{text-align:center;justify-content:center;padding:10px 0}.account-workspace{min-width:0}.account-content{flex-direction:column;gap:32px;max-width:1312px;padding:56px;display:flex}.account-mobile-header{display:none}.account-heading{flex-direction:column;gap:12px;display:flex}.account-heading h1{font:700 40px/1.15 var(--font-figtree),sans-serif;letter-spacing:-1px;margin:0}.account-heading p,.account-muted{color:var(--color-muted)}.account-demo{border-bottom:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;font-size:12px;display:flex}.account-demo label{align-items:center;gap:12px;display:flex}.account-demo select{border:1px solid var(--color-line);max-width:180px;min-height:36px;color:var(--color-paper);background:var(--color-panel);border-radius:6px;padding:4px 8px}.account-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.account-product{overflow:hidden}.account-product-description{overflow-wrap:anywhere}.account-cover{background:var(--color-paper);min-height:170px;padding:24px}@supports (color:color-mix(in lab, red, red)){.account-cover{background:color-mix(in srgb,var(--color-paper) 4%,var(--color-panel))}}.account-cover{flex-direction:column;justify-content:space-between;gap:32px;display:flex}.account-cover-image{object-fit:cover;width:100%;height:170px;display:block}.account-cover:has(.account-cover-image){padding:0;overflow:hidden}.account-cover[data-tone="1"]{background:var(--color-signal)}@supports (color:color-mix(in lab, red, red)){.account-cover[data-tone="1"]{background:color-mix(in srgb,var(--color-signal) 9%,var(--color-panel))}}.account-cover small{font:10px/1.5 var(--font-ibm-plex-mono);color:var(--color-muted);letter-spacing:1px}.account-cover span{max-width:260px;font:700 30px/1.1 var(--font-figtree)}.account-product [data-slot=button]{width:100%}.account-back{color:var(--color-muted);align-items:center;gap:8px;width:fit-content;min-height:32px;display:flex}.account-back svg{width:16px;height:16px}.account-reading{grid-template-columns:190px minmax(0,1fr);gap:40px;display:grid}.account-toc{color:var(--color-muted);flex-direction:column;align-self:start;gap:16px;font-size:13px;display:flex;position:sticky;top:32px}.account-toc a:hover{color:var(--color-signal)}.account-toc{max-height:calc(100dvh - 64px);overflow-y:auto}.account-toc nav ol,.account-mobile-toc nav ol{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.account-toc a,.account-mobile-toc nav a{min-height:24px;display:block}.account-toc a[aria-current=location],.account-mobile-toc a[aria-current=location]{color:var(--color-signal);font-weight:600}.account-article{max-width:760px;color:var(--color-reading);flex-direction:column;gap:32px;font-size:16px;display:flex}.account-article section{flex-direction:column;align-items:flex-start;gap:24px;scroll-margin-top:32px;display:flex}.account-article h2{color:var(--color-paper);font:600 24px/1.3 var(--font-figtree)}.account-article ol{padding-left:32px;list-style:decimal-leading-zero}.account-article li{padding:6px 0 6px 8px}.account-article :is([data-slot=alert],.account-file){width:100%}.account-file{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.account-file>svg{width:20px;height:20px;color:var(--color-signal);flex-shrink:0}.account-file>div{flex:1;min-width:0}.account-file strong{font-size:14px;font-weight:500;display:block}.account-file small{color:var(--color-muted);margin-top:4px;font-size:12px;display:block}.account-mobile-toc{display:none}.account-orders{border:1px solid var(--color-line);border-radius:12px;overflow:hidden}.account-orders table{border-collapse:collapse;text-align:left;width:100%}.account-orders th{background:var(--color-panel);color:var(--color-muted);font-size:12px;font-weight:400}.account-orders :is(th,td){padding:20px}.account-orders td{border-top:1px solid var(--color-line)}.account-orders td:first-child{color:var(--color-muted);white-space:nowrap;font-size:12px}.account-orders td:nth-child(3){white-space:nowrap}.account-orders td:last-child{text-align:right}.account-order-detail{max-width:720px}.account-order-detail [data-slot=card-header]{gap:24px;padding:32px}.account-order-detail [data-slot=card-title]{font-size:24px}.account-order-detail [data-slot=card-content]{flex-direction:column;align-items:flex-start;gap:24px;padding:0 32px;display:flex}.account-order-detail [data-slot=card-content]:last-child{padding-bottom:32px}.account-order-detail [data-slot=card-footer]{padding:0 32px 32px}.account-order-detail [data-slot=card-footer] p{margin-bottom:16px}.account-order-detail [data-slot=separator]{width:100%}.account-order-detail h2{font-size:18px;font-weight:600}.account-order-total{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-order-total strong{font-size:28px;font-weight:600}.account-empty{text-align:center;justify-content:center;align-items:center;min-height:400px}.account-empty [data-slot=card-header]{align-items:center;gap:20px;width:100%;max-width:500px}.account-empty [data-slot=card-header]>svg{width:24px;height:24px;color:var(--color-signal)}.account-empty [data-slot=card-title]{font-size:28px}.account-settings{flex-direction:column;gap:28px;max-width:760px;display:flex}.account-settings section{flex-direction:column;gap:20px;display:flex}.account-settings h2{font-size:22px;font-weight:600;line-height:1.3}.account-settings section>p{color:var(--color-muted)}.account-settings form{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.account-ui .account-name-fields{grid-template-columns:1fr 1fr;display:grid}.account-setting-row,.account-provider-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-provider-row{background:var(--color-panel);border-radius:12px;padding:16px}.account-setting-row strong,.account-provider-row strong{font-size:15px;font-weight:500}.account-setting-row small,.account-provider-row small{margin-top:4px;font-size:12px;display:block}.account-settings .account-caption{color:var(--color-muted);font-size:12px}.account-settings section>[data-slot=button]{align-self:flex-start}.account-status{color:var(--pen-color-8deab8);align-items:center;gap:10px;display:flex}.account-status svg{width:20px;height:20px}.account-signed-out{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:24px;display:flex}.account-signed-out h1{font:700 32px/1.2 var(--font-figtree)}.account-ui[data-slot=dialog-content]{border:1px solid var(--color-line);background:var(--color-panel);border-radius:20px;gap:20px;max-height:calc(100dvh - 40px);padding:32px;overflow-y:auto}.account-ui [data-slot=dialog-title]{padding-right:20px;font-size:24px;font-weight:600;line-height:1.3}.account-ui [data-slot=dialog-description]{color:var(--color-muted);font-size:14px;line-height:1.5}.account-ui [data-slot=dialog-close],.account-mobile-sheet>button:last-child{justify-content:center;align-items:center;width:44px;height:44px;display:flex;top:8px;right:8px}.account-ui [data-slot=dialog-header]{text-align:left;gap:16px}.account-ui [data-slot=dialog-footer]{flex-direction:column;display:flex}.account-ui [data-slot=dialog-footer] button{width:100%}.account-dialog-form{flex-direction:column;gap:20px;display:flex}.account-ui.account-mobile-sheet{width:min(320px,100vw - 48px);max-width:none;overflow-y:auto}@media (max-width:1100px){.account-content{padding:40px 32px}.account-reading{grid-template-columns:minmax(0,1fr)}.account-toc{display:none}.account-mobile-toc{background:var(--color-panel);color:var(--color-muted);border-radius:10px;padding:16px;display:block}.account-mobile-toc summary{cursor:pointer}.account-mobile-toc nav{flex-direction:column;gap:16px;margin-top:20px;display:flex}.account-orders :is(th,td){padding:16px 12px}}@media (max-width:900px){.account-shell{display:block}.account-sidebar{display:none}.account-mobile-header{background:var(--color-panel);align-items:center;gap:12px;height:72px;padding:12px 16px;display:flex}.account-mobile-header>span{flex:1;font-weight:600}.account-mobile-header .account-logo-image{width:70px;height:20px}.account-demo{padding:12px 24px}.account-content{max-width:900px;margin:auto}}@media (max-width:600px){.account-content{gap:32px;padding:24px}.account-heading h1{font-size:30px}.account-demo{flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}.account-demo select{font-size:12px}.account-product-grid{grid-template-columns:1fr}.account-cover{min-height:170px}.account-file{flex-wrap:wrap;align-items:flex-start}.account-file>div{flex-basis:calc(100% - 40px)}.account-file [data-slot=button]{width:100%}.account-orders table,.account-orders tbody{display:block}.account-orders thead{display:none}.account-orders tr{border-top:1px solid var(--color-line);flex-direction:column;gap:12px;padding:20px;display:flex}.account-orders tr:first-child{border:0}.account-orders td{border:0;padding:0;display:block}.account-orders td:last-child [data-slot=button]{width:100%}.account-order-detail [data-slot=card-header]{padding:20px}.account-order-detail [data-slot=card-content]{padding:0 20px}.account-order-detail [data-slot=card-content]:last-child{padding-bottom:20px}.account-order-detail [data-slot=card-footer]{padding:0 20px 20px}.account-order-detail [data-slot=button]{width:100%}.account-ui .account-name-fields{grid-template-columns:1fr}.account-settings form>[data-slot=button]{width:100%}.account-setting-row,.account-provider-row{flex-direction:column;align-items:stretch}.account-settings section>[data-slot=button]{align-self:stretch}.account-ui[data-slot=dialog-content]{padding:24px}.account-empty{min-height:380px}.account-empty [data-slot=card-title]{font-size:24px}}@media (prefers-reduced-motion:reduce){.account-ui *,.account-ui :before,.account-ui :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.instruction-step{min-width:0;margin-block:0 48px}.instruction-step h2{scroll-margin-top:100px}.account-ui .account-instruction :is(h1,h2,h3,h4,h5,h6){color:var(--color-paper);-webkit-text-fill-color:currentColor;background-image:none}.account-instruction{overflow-wrap:anywhere;gap:48px;width:100%;min-width:0;font-size:17px;line-height:1.75}.account-instruction .instruction-step{align-items:stretch;gap:24px;margin:0}.account-instruction .instruction-rich-text{width:100%;min-width:0;color:var(--color-reading)}.instruction-rich-text>*+*{margin-block-start:20px}.instruction-rich-text :is(h2,h3,h4){font-family:var(--font-figtree);margin-block:32px 16px;font-weight:600;line-height:1.35}.instruction-rich-text h3{font-size:22px}.instruction-rich-text h4{font-size:18px}.instruction-rich-text>:first-child{margin-block-start:0}.instruction-rich-text>:last-child{margin-block-end:0}.instruction-rich-text :is(ul,ol){padding-inline-start:24px}.instruction-rich-text ul{list-style:outside}.instruction-rich-text ol{list-style:decimal}.instruction-rich-text li{margin-block:8px;padding:0 0 0 4px}.instruction-rich-text li::marker{color:var(--color-signal)}.instruction-rich-text li :is(ul,ol){margin-block:12px}.account-instruction .instruction-rich-text a{color:var(--color-signal);text-underline-offset:4px;text-decoration:underline}.instruction-rich-text blockquote{border-inline-start:3px solid var(--color-signal);padding-inline-start:20px}.instruction-rich-text code{font-family:var(--font-ibm-plex-mono),monospace;font-size:.875em}.instruction-rich-text :not(pre)>code{background:var(--color-panel);border-radius:4px;padding:2px 6px}.instruction-rich-text pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-panel);border-radius:12px;max-width:100%;padding:20px;overflow:auto}.instruction-rich-text table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.instruction-rich-text :is(th,td){border:1px solid var(--color-line);padding:12px 16px}.account-instruction .instruction-step>:is(.instruction-note,.instruction-copy,.instruction-image,.instruction-video){margin-block:0}.account-instruction .instruction-note{width:100%}.account-instruction .instruction-note>strong+.instruction-note-text{margin-block-start:12px}.instruction-note-text p+p{margin-block-start:16px}.instruction-note-text a{color:var(--color-signal);text-underline-offset:4px;text-decoration:underline}.instruction-note-text code{font-family:var(--font-ibm-plex-mono),monospace;font-size:.875em}@media (max-width:600px){.account-instruction{gap:40px;font-size:16px}.instruction-rich-text h3{font-size:20px}.account-mobile-toc nav a{align-items:center;min-height:44px;display:flex}}.instruction-note,.instruction-copy{border:1px solid var(--color-line);border-radius:16px;margin-block:24px;padding:24px}.instruction-note{border-inline-start:3px solid var(--color-signal)}.instruction-note p{white-space:pre-wrap}.instruction-copy-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.instruction-copy{width:100%;min-width:0}.instruction-copy-heading strong{overflow-wrap:anywhere;min-width:0}.instruction-copy pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;-webkit-user-select:text;user-select:text;block-size:6em;margin-block:16px 0;line-height:1.5;overflow:auto}.instruction-copy pre:focus-visible{outline:2px solid var(--color-signal);outline-offset:4px}.instruction-copy [role=status]:empty{display:none}.instruction-image{margin:24px 0}.instruction-image img{border-radius:12px;width:auto;max-width:100%;height:auto}.instruction-image figcaption{margin-top:12px;font-size:.875em}@media (max-width:600px){.instruction-note,.instruction-copy{padding:16px}}.instruction-video{width:100%;min-width:0;margin:24px 0}.instruction-video video{background:#000;border-radius:12px;width:100%;max-height:75vh;margin-block:12px;display:block}.instruction-video figcaption{font-weight:600}.instruction-video details{margin-top:12px}.instruction-video button{cursor:pointer;margin-block:12px;padding:12px 18px}.instruction-screenshot-pair{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;min-width:0;display:grid}.instruction-screenshot{min-width:0;margin:0}.account-ui .instruction-screenshot-trigger{border-radius:12px;width:100%;min-height:44px;padding:0;display:block;overflow:hidden}.instruction-screenshot-trigger img{width:100%;height:auto;display:block}.instruction-screenshot figcaption{color:var(--color-muted);margin-top:12px;font-size:13px}.instruction-screenshot-error,.instruction-lightbox-error{overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:16px;display:flex}.instruction-screenshot-error{white-space:normal;padding:16px}.account-ui.instruction-lightbox[data-slot=dialog-content]{border:0;border-radius:0;justify-content:center;align-items:center;gap:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh;padding:56px 24px 24px;display:flex;inset:0;transform:translate(0)}.instruction-lightbox>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.instruction-screenshot-demo{border:1px solid var(--color-line);border-radius:12px;max-width:760px;padding:20px}.instruction-screenshot-demo summary{cursor:pointer;font-weight:600}.instruction-screenshot-demo>p{color:var(--color-muted);margin-top:16px}.instruction-screenshot-demo .instruction-screenshot-pair{margin-top:20px}@media (max-width:600px){.instruction-screenshot-pair{gap:12px}.account-ui.instruction-lightbox[data-slot=dialog-content]{padding:56px 16px 16px}}
