/* GENERATED by overlay/v3/build.mjs: the kit pages (docs, import, token, studio) in the v3 chrome */
/* overlay/v3/css/chrome/kit.css */
@media (max-width: 900px) {
  body[data-page="docs"] .dnav { display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; padding-block: 4px 12px; margin-inline: -4px; }
  body[data-page="docs"] .dnav::-webkit-scrollbar { display: none; }
  body[data-page="docs"] .dnav .dl { display: none; }
  body[data-page="docs"] .art { grid-template-columns: minmax(0, 1fr); }
  body[data-page="docs"] :is(.dtable td:first-child, .tag) { white-space: normal; }
  body[data-page="docs"] .dnav a { flex: none; display: inline-flex; align-items: center; min-block-size: 44px; padding: 0 14px; border: 1px solid var(--ln2); border-radius: 999px; background: var(--sf); color: var(--fgl); white-space: nowrap; }
}
body:is([data-page="docs"], [data-page="import"], [data-page="token"]) .btn { min-block-size: 44px; clip-path: none; border-radius: 3px; }
body[data-page="docs"] .dsum { border-top: 0; padding-top: 4px; }
body[data-page="docs"] .dsum-l { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
body[data-page="docs"] .dsum-l li { display: grid; grid-template-rows: auto 1fr auto; gap: 8px; padding: 16px 16px 8px; border: 1px solid var(--ln); border-radius: var(--r2); background: var(--sf); }
body[data-page="docs"] .dsum-l h3 { margin: 0; font: 700 17px/1.25 var(--head); }
body[data-page="docs"] .dsum-l p { margin: 0; font-size: 14px; color: var(--fgl); }
body[data-page="docs"] .dsum-l .lnk { display: inline-flex; align-items: center; justify-self: start; min-block-size: 44px; }
body[data-page="docs"] .dsec > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-block-size: 44px; list-style: none; cursor: pointer; border-radius: 8px; }
body[data-page="docs"] .dsec > summary::-webkit-details-marker { display: none; }
body[data-page="docs"] .dsec > summary::after { content: ""; flex: none; inline-size: 9px; block-size: 9px; margin-inline-end: 8px; border: solid var(--mu); border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
body[data-page="docs"] .dsec[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
body[data-page="docs"] .dsec > summary:hover h2 { color: var(--ac2); }
body[data-page="docs"] .dsec > summary:hover::after { border-color: var(--fg); }
body[data-page="docs"] .dsec > summary:focus-visible { outline: 2px solid var(--ac2); outline-offset: 4px; }
body[data-page="docs"] .dsec[open] { display: grid; gap: 12px; }
body[data-page="docs"] .art section:has(> .dsec) { padding-top: 14px; margin-top: 4px; }
@media (min-width: 901px) { body[data-page="docs"] .dnav { top: calc(var(--ribbon-now, 0px) + 72px); max-block-size: calc(100vh - var(--ribbon-now, 0px) - 88px); overflow-y: auto; overscroll-behavior: contain; } body[data-page="docs"] .art section { scroll-margin-top: calc(var(--ribbon-now, 0px) + 72px); } }
@media (max-width: 900px) { body[data-page="docs"] .art section { scroll-margin-top: calc(var(--ribbon-now, 0px) + 136px); } body[data-page="docs"] .dnav { position: sticky; top: calc(var(--ribbon-now, 0px) + 56px); z-index: 5; margin-inline: -16px; padding: 8px 16px; background: var(--bg); border-bottom: 1px solid var(--ln); } }
body:is([data-page="docs"], [data-page="import"], [data-page="token"], [data-page="studio"]) main :is(h1, h2, h3) { text-wrap: balance; }
body:is([data-page="docs"], [data-page="import"], [data-page="token"]) main .tag { text-transform: none; letter-spacing: .01em; }
body:is([data-page="docs"], [data-page="import"], [data-page="token"], [data-page="studio"]) { --head: "DL Archivo", "DL Archivo Fallback", system-ui, sans-serif; --sans: "DL Inter", "DL Inter Fallback", system-ui, sans-serif; --mono: "DL Mono", "DL Mono Fallback", ui-monospace, monospace; }
body:is([data-page="docs"], [data-page="import"], [data-page="token"], [data-page="studio"]) main h1 { font: 800 clamp(2rem, 1.643rem + 1.786vw, 3.25rem)/1.12 var(--head); letter-spacing: -0.03em; }
body[data-page="docs"] .ux-what summary { display: flex; align-items: center; min-block-size: 44px; cursor: pointer; color: var(--fg); font-weight: 600; text-decoration: underline dotted; text-underline-offset: 3px; }
body[data-page="docs"] .ux-what p { margin: 0 0 12px; color: var(--fgl); }
body[data-page="import"] .imp-st { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0 24px; color: var(--fgl); }
body[data-page="import"] .imp-lamp { inline-size: 8px; block-size: 8px; border-radius: 50%; background: var(--ok); }
body[data-page="import"] :is(.imp-dl, .imp-fold, .imp-form, .imp-x) { max-inline-size: 808px; }
body[data-page="import"] .imp-dl { margin: 72px 0; }
body[data-page="import"] .imp-dl > div { padding-block: 16px; border-top: 1px solid var(--ln); }
body[data-page="import"] :is(.imp-dl dt, .imp-fold h2) { margin: 0; color: var(--fg); font: 600 15px/20px var(--sans); }
body[data-page="import"] .imp-dl dd { margin: 4px 0 0; color: var(--fgl); }
body[data-page="import"] .imp-dl :is(p, ul) { margin: 0 0 8px; max-inline-size: 34em; text-wrap: pretty; }
body[data-page="import"] .imp-dl ul { display: grid; gap: 8px; padding: 0; list-style: none; }
body[data-page="import"] .imp-dl li { position: relative; padding-inline-start: 16px; }
body[data-page="import"] .imp-dl li::before { content: ""; position: absolute; inset-inline-start: 0; top: .55em; inline-size: 6px; block-size: 6px; background: var(--mu2); }
body[data-page="import"] .imp-mu { color: var(--mu); }
body[data-page="import"] #impf { scroll-margin-top: calc(var(--ribbon-now, 0px) + 136px); }
body[data-page="import"] .imp-fold { margin-top: 48px; border-bottom: 1px solid var(--ln); }
body[data-page="import"] .imp-fold summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-block-size: 48px; border-top: 1px solid var(--ln); cursor: pointer; list-style: none; }
body[data-page="import"] .imp-fold summary::-webkit-details-marker { display: none; }
body[data-page="import"] .imp-fold summary::after { content: ""; flex: none; inline-size: 8px; block-size: 8px; margin-inline-end: 8px; border: solid var(--mu); border-width: 0 2px 2px 0; transform: rotate(45deg); }
body[data-page="import"] .imp-fold [open] > summary::after { transform: rotate(-135deg); }
body[data-page="import"] .imp-fold summary:focus-visible { outline: 2px solid var(--ac2); outline-offset: 2px; }
body[data-page="import"] .imp-fold details > :not(summary) { margin: 0 0 16px; color: var(--fgl); }
@media (min-width: 64em) { body[data-page="import"] .imp-dl > div { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; padding-block: 24px; } body[data-page="import"] .imp-dl dd { margin: 0; } }
@media (max-width: 47.99em) {
  body[data-page="import"] .hd--sb .brand { display: none; }
  body[data-page="import"] .hd--sb .sa-nav { flex: 1 1 auto; overflow-x: auto; } body[data-page="import"] > .hd--sb .sa-list { gap: 0; padding: 0; }
  body[data-page="import"] .hd--sb .sa-list a { padding-inline: 6px; font-size: var(--t-small); }
  body[data-page="import"] .hd--sb .hb-find { justify-content: center; min-inline-size: var(--sb-hb); padding: 0; }
  body[data-page="import"] :is(.hb-find-l, .hb-new, .wallet-label) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; }
  body[data-page="import"] > .hd--sb .wallet-btn { min-inline-size: var(--sb-hb); min-height: var(--sb-hb); padding: 0 var(--s-3); gap: var(--s-2); }
  body[data-page="import"] .wallet-ic { display: block; }
}
@media (max-width: 23.43em) { body[data-page="import"] .hd--sb .hb-find { display: none; } }

/* overlay/v3/css/chrome/studio.css */
body[data-page="studio"] .stu .tag { text-transform: none; letter-spacing: 0.01em; font-size: 0.75rem; padding: 4px 6px; border-radius: 2px; color: var(--fgl); border: 1px solid var(--ln2); background: var(--sf2); vertical-align: middle; }
body[data-page="studio"] .stu :is(.dd-wb > small, .dd-wb dl > div, .dd-wb dt, .dd-wb dd, .dd-wb code, .dd-pfi i, .dd-kindb, .stu-count, .dd-chips button, .dd-mu) { font-size: 0.8125rem; line-height: 1.375; }
body[data-page="studio"] .stu .dd-wb dt { font-family: var(--sans); letter-spacing: 0; text-transform: none; color: var(--mu); }
body[data-page="studio"] .stu .dd-wb dl > div { grid-template-columns: 5.5rem minmax(0, 1fr); }
body[data-page="studio"] .stu .dd-kindb { font-family: var(--sans); font-weight: 600; letter-spacing: 0; text-transform: none; padding: 4px 8px; gap: 6px; }
body[data-page="studio"] .stu .dd-kindb svg { width: 10px; height: 10px; }
body[data-page="studio"] .stu .dd-pfi i, body[data-page="studio"] .stu .stu-count { font-family: var(--sans); }
body[data-page="studio"] .stu .dd-st { font-size: 0.8125rem; }
body[data-page="studio"] .stu .dd-wb > b { padding-right: 96px; }
body[data-page="studio"] .dd-ph { position: absolute; pointer-events: none; aspect-ratio: 16 / 14; }
body[data-page="studio"] .dd-ph svg, body[data-page="studio"] .dd-cav svg { display: block; inline-size: 100%; block-size: 100%; image-rendering: pixelated; }
body[data-page="studio"] .dd-cav { display: inline-block; inline-size: 24px; block-size: 21px; vertical-align: -5px; margin-inline-end: 6px; }
body[data-page="studio"] .stu .dd-chips button { min-height: 36px; } @media (pointer: coarse) { body[data-page="studio"] .stu .dd-chips button { min-height: 44px; } }
body[data-page="studio"] .ux-head { position: relative; margin: var(--s-7, 24px) 0 var(--s-6, 20px); max-width: 60em; }
body[data-page="studio"] .ux-head h1 { margin: 0; }
body[data-page="studio"] .ux-head .lead { margin: 12px 0 0; max-width: 34em; color: var(--fgl); font-size: 1.0625rem; line-height: 1.5; }
body[data-page="studio"] .ux-head .ctas { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; }
body[data-page="studio"] .ux-head .btn { clip-path: none; border-radius: 3px; min-height: 44px; padding: 0 20px; }
body[data-page="studio"] .ux-head .btn.sec { background: var(--sf2); box-shadow: inset 0 0 0 1px var(--c-control, #8E7FA6); }
body[data-page="studio"] .stu-art { display: none; }
@media (min-width: 48em) { body[data-page="studio"] .ux-head { padding-inline-end: 300px; min-block-size: 190px; }
  body[data-page="studio"] .stu-art { display: block; position: absolute; inset-inline-end: 0; inset-block-start: -8px; pointer-events: none; }
  body[data-page="studio"] .stu-art img { display: block; inline-size: 286px; block-size: auto; border-radius: 3px; box-shadow: 0 0 0 1px var(--ln2), 0 14px 28px -16px rgba(18,6,14,.7); } }
body[data-page="studio"] .ux-demo { display: flex; align-items: baseline; gap: 8px; margin: 0 0 28px; padding: 12px 16px; max-width: 60em; background: var(--sf); border: 1px solid var(--ln2); border-inline-start: 3px solid #FFB65C; border-radius: 3px; color: var(--fgl); font-size: 0.8125rem; line-height: 1.5; }
body[data-page="studio"] .ux-demo .chip { flex: none; font: 500 0.75rem/1 var(--mono); padding: 3px 6px; border: 1px dashed var(--ln2); border-radius: 2px; color: var(--fgl); background: var(--sf2); }
body[data-page="studio"] .stu-feed .stu-bar h2 { margin: 0 12px 0 0; font: 700 1.25rem/1.2 var(--head); }
body[data-page="studio"] .stu-more { margin: 16px 0 32px; } body[data-page="studio"] .stu-more .btn { min-height: 44px; clip-path: none; border-radius: 3px; }
body[data-page="studio"] .stu :is(.dd-work, .stu-w .wt-card, #sww > *) { background: var(--sf); border: 1px solid var(--ln2); border-radius: 4px; box-shadow: var(--el-2); transition: border-color .15s ease, transform .15s ease; }
body[data-page="studio"] .stu :is(.dd-work, #sww > *):hover { border-color: rgba(255,182,92,.45); transform: translateY(-2px); }
body[data-page="studio"] .stu .dd-poster { border-bottom: 1px solid var(--ln); }
body[data-page="studio"] .stu .dd-poster::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(122,59,74,.30), rgba(242,166,90,.16)); mix-blend-mode: color; }
body[data-page="studio"] .stu .dd-st { font-family: var(--sans); text-transform: none; letter-spacing: 0; border-radius: 3px; }
body[data-page="studio"] .stu .dd-wb { gap: 6px; padding: 12px 14px 14px; }
body[data-page="studio"] .stu .dd-wb > b { font: 700 0.9375rem/1.3 var(--head); }
body[data-page="studio"] .stu .dd-works { gap: 16px; margin-block-start: 8px; }
@media (prefers-reduced-motion: reduce) { body[data-page="studio"] .stu :is(.dd-work, #sww > *) { transition: none; } body[data-page="studio"] .stu :is(.dd-work, #sww > *):hover { transform: none; } }
body[data-page="studio"] .stu :is(.dd-kindb, .dd-st) { z-index: 1; }
body[data-page="studio"] .stu .dd-pfi.soon { opacity: 1; color: var(--mu); }
body[data-page="studio"] .stu-bar { min-block-size: 36px; } body[data-page="studio"] #sw:not(:has(.dd-work)) { min-block-size: 684px; }
@media (max-width: 40em) { body[data-page="studio"] .stu-bar { min-block-size: 98px; align-content: flex-start; } body[data-page="studio"] #sw:not(:has(.dd-work)) { min-block-size: 2036px; } }