/* Model detail and API key drawers: frosted shell, raised sections, recessed fields. */
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){
--dg-pane:rgba(238,242,250,.62);
 --dg-sheen:radial-gradient(ellipse at 100% 0,rgba(171,161,238,.16),transparent 55%),radial-gradient(ellipse at 0 85%,rgba(145,201,211,.12),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
 --dg-edge:rgba(255,255,255,.84);
 --dg-rule:rgba(103,115,157,.15);
 --dg-section:rgba(255,255,255,.24);
 --dg-section-sheen:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.045) 75%);
 --dg-section-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 0 0 1px rgba(83,95,145,.045),0 9px 24px -15px rgba(47,51,92,.23);
 --dg-inset:rgba(218,226,243,.28);
 --dg-control:rgba(255,255,255,.43);
 --dg-control-edge:rgba(112,121,167,.21);
 --dg-chrome:rgba(250,251,255,.38);
 --dg-accent:#5b4be7;
 --dg-selected:rgba(105,91,224,.11);
 --dg-active-edge:rgba(111,98,214,.25);
 --dg-ink:#263147;
 --dg-muted:#66728a;
 background-color:var(--dg-pane)!important;
 background-image:var(--dg-sheen)!important;
 border-color:var(--dg-edge)!important;
 box-shadow:inset 1px 0 0 rgba(255,255,255,.72),-18px 0 60px -20px rgba(34,44,83,.23)!important;
 backdrop-filter:blur(20px) saturate(1.18)!important;
 -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
 color:var(--dg-ink)!important;
}
html.dark body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){
--dg-pane:rgba(26,31,44,.78);
 --dg-sheen:radial-gradient(ellipse at 100% 0,rgba(115,98,190,.13),transparent 55%),linear-gradient(135deg,rgba(255,255,255,.025),transparent);
 --dg-edge:rgba(193,204,239,.17);
 --dg-rule:rgba(193,204,239,.13);
 --dg-section:rgba(255,255,255,.045);
 --dg-section-sheen:linear-gradient(135deg,rgba(255,255,255,.035),transparent 75%);
 --dg-section-shadow:inset 0 1px 0 rgba(216,224,255,.10),0 8px 24px -16px rgba(0,0,0,.55);
 --dg-inset:rgba(8,13,25,.23);
 --dg-control:rgba(10,15,28,.29);
 --dg-control-edge:rgba(193,204,239,.20);
 --dg-chrome:rgba(36,42,58,.55);
 --dg-accent:#b5a7ff;
 --dg-selected:rgba(145,128,248,.17);
 --dg-active-edge:rgba(162,145,255,.32);
 --dg-ink:#e5eaf5;
 --dg-muted:#a4b0c6;
 box-shadow:inset 1px 0 0 rgba(216,224,255,.12),-18px 0 60px -20px rgba(0,0,0,.48)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off):has([data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))) [data-slot="sheet-overlay"]{
background:rgba(30,40,65,.14)!important;
 backdrop-filter:blur(6px) saturate(.92)!important;
 -webkit-backdrop-filter:blur(6px) saturate(.92)!important;
}
html.dark body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off):has([data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))) [data-slot="sheet-overlay"]{
background:rgba(5,9,20,.30)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) > :is([data-slot="sheet-header"]:not(.sr-only),[data-slot="sheet-footer"]){
background:var(--dg-chrome)!important;
 border-color:var(--dg-rule)!important;
 box-shadow:inset 0 1px 0 var(--dg-edge)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) :is([data-slot="sheet-description"],.text-muted-foreground){
color:var(--dg-muted)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) :is([data-slot="sheet-title"],#api-key-form h3,[data-slot="form-label"]){
color:var(--dg-ink)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) #api-key-form{
gap:16px!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) #api-key-form > :is(section,[data-slot="collapsible"]){
padding:18px!important;
 border:1px solid var(--dg-edge)!important;
 border-radius:16px!important;
 background-color:var(--dg-section)!important;
 background-image:var(--dg-section-sheen)!important;
 box-shadow:var(--dg-section-shadow)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) #api-key-form section > .border-y{
border-color:var(--dg-rule)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,[data-slot="select-trigger"],[data-slot="popover-trigger"],[data-slot="input-group"],button[class~="bg-background"],[data-slot="sheet-close"]){
background:var(--dg-control)!important;
 border:1px solid var(--dg-control-edge)!important;
 box-shadow:inset 0 1px 2px rgba(49,63,103,.045),0 1px 0 var(--dg-edge)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,[data-slot="select-trigger"],[data-slot="popover-trigger"],[data-slot="input-group"],button[class~="bg-background"],[data-slot="sheet-close"]):is(:focus-visible,[data-popup-open]){
border-color:var(--dg-active-edge)!important;
 outline:2px solid rgba(124,108,231,.45)!important;outline-offset:2px;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) #api-key-form [data-slot="popover-trigger"][role="combobox"]{
background:var(--dg-inset)!important;
 border-color:var(--dg-control-edge)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) > button[data-slot="sheet-close"]{
border-radius:10px!important;
 box-shadow:0 3px 10px -7px rgba(47,51,92,.3),inset 0 1px 0 var(--dg-edge)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] section[class~="bg-card/60"]{
border:1px solid var(--dg-edge)!important;
 border-radius:18px!important;
 background-color:var(--dg-section)!important;
 background-image:var(--dg-section-sheen)!important;
 box-shadow:var(--dg-section-shadow)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] section[class~="bg-card/60"] div.border[class~="bg-muted/20"]{
background:var(--dg-inset)!important;
 border:1px solid var(--dg-rule)!important;
 border-radius:12px!important;
 box-shadow:inset 0 1px 2px rgba(49,63,103,.035),0 1px 0 var(--dg-edge)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] :is(div.border[class~="bg-muted/20"].grid,div.border[class~="bg-border/60"]){
background:var(--dg-section)!important;
 border:1px solid var(--dg-edge)!important;
 border-radius:14px!important;
 box-shadow:var(--dg-section-shadow)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] div.border[class~="bg-border/60"] > .bg-card{
background:var(--dg-inset)!important;
 box-shadow:0 0 0 1px var(--dg-rule)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] [data-slot="tabs-list"]{
background:var(--dg-inset)!important;
 border:1px solid var(--dg-rule)!important;
 border-radius:14px!important;
 padding:5px!important;gap:4px!important;
 box-shadow:inset 0 1px 2px rgba(49,63,103,.035),0 1px 0 var(--dg-edge)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] [data-slot="tabs-trigger"]{
--primary:var(--dg-accent);
 --ring:var(--dg-accent);
 background:transparent!important;
 border:1px solid transparent!important;
 border-radius:10px!important;box-shadow:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] [data-slot="tabs-trigger"][aria-selected="true"]{
background:var(--dg-selected)!important;
 border-color:var(--dg-active-edge)!important;
 color:var(--dg-accent)!important;
 box-shadow:inset 0 1px 0 var(--dg-edge),0 3px 8px -5px rgba(65,51,125,.18)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] [data-slot="tabs-trigger"]:focus-visible{
outline:2px solid var(--dg-accent)!important;
 outline-offset:2px!important;
 border-color:var(--dg-active-edge)!important;
 box-shadow:0 0 0 3px var(--dg-selected)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] [data-slot="tabs-trigger"][aria-selected="true"] :is(svg,span){
color:inherit!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] table :is(thead,tbody,tr,th,td){
background:transparent!important;border-color:var(--dg-rule)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] table thead{
background:var(--dg-inset)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] table tbody tr:hover{
background:var(--dg-selected)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] :is(section:has(canvas),[class~="group/code-block"],div.border.bg-background){
background:var(--dg-section)!important;
 border-color:var(--dg-edge)!important;
 border-radius:16px!important;box-shadow:var(--dg-section-shadow)!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) [class~="@container/details"] [class~="group/code-block"] :is(.cm-editor,.cm-scroller,.cm-gutters){
background:transparent!important;
}

@keyframes ad-drawer-enter {
 from { transform:translate3d(64px,0,0);opacity:0; }
 to { transform:translate3d(0,0,0);opacity:1; }
}
@keyframes ad-drawer-exit {
 from { transform:translate3d(0,0,0);opacity:1; }
 to { transform:translate3d(48px,0,0);opacity:0; }
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){
translate:none!important;
 transition-property:none!important;
 animation:ad-drawer-enter 300ms cubic-bezier(.22,1,.36,1) backwards!important;
 will-change:transform,opacity;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))[data-dg-motion="preparing"]:not([data-ending-style]){
animation-play-state:paused!important;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))[data-dg-motion="complete"]{
will-change:auto;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))[data-ending-style]{
animation:ad-drawer-exit 180ms cubic-bezier(.4,0,1,1) both!important;will-change:transform,opacity;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off):has([data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))) [data-slot="sheet-overlay"]{
transition-property:opacity!important;
 transition-duration:180ms!important;
 will-change:opacity;
}
html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) #api-key-form{
animation:none!important;
}
@media(prefers-reduced-motion:reduce){html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){animation:none!important;transition:none!important;will-change:auto;}html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off):has([data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))) [data-slot="sheet-overlay"]{transition:none!important;will-change:auto;} }
@media(max-width:639px){html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){backdrop-filter:blur(16px) saturate(1.15)!important;-webkit-backdrop-filter:blur(16px) saturate(1.15)!important;}html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])) #api-key-form > :is(section,[data-slot="collapsible"]){padding:14px!important;border-radius:14px!important;} }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){background:#edf1f9!important;}html.dark body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){background:#1b2230!important;} }
@media(prefers-reduced-transparency:reduce){html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){background:#edf1f9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}html.dark body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off) [data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"])){background:#1b2230!important;}html body:not(#ad-x):not(#ad-glass-off):not(#ad-material-off):not(#ad-drawer-off):has([data-slot="sheet-content"]:is(:has(#api-key-form),:has([class~="@container/details"]))) [data-slot="sheet-overlay"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} }