/*
 * Miniature thumbnail. A small drawing of the thing each tool makes or manages,
 * from one shared kit of archetypes. Everything is sized in em, and 1em is a 28th of the card's
 * width (cqw), so a drawing keeps its proportions from a 296px shelf card to a 78vw phone card.
 * The drawing area is 28em wide and 16.36em tall.
 */
.xt-miniature { position: absolute; inset: 0; overflow: hidden; container-type: inline-size; background: #eef1f4; color: #191b22; text-align: left; }
.xt-miniature .xtm { position: absolute; inset: 0; font-size: 10.5px; font-size: calc(100cqw / 28); line-height: 1.3; letter-spacing: -.012em; font-feature-settings: 'cv11' 1; }
:where(.xt-miniature p) { margin: 0; }
/* Beats the screenshot crop that Shelves applies to every image in a card, while staying below the kit's own image rules. */
.xt-miniature .xtm :where(img) { position: static; inset: auto; display: block; width: auto; max-width: none; height: auto; }

/* Shared surfaces */
.xt-miniature .xtm-sheet { position: absolute; background: #fff; border: 1px solid #dce1e7; border-radius: .7em; box-shadow: 0 .05em .12em #1c1f2a0f, 0 1em 2.4em -1.3em #1c1f2a3d; overflow: hidden; }
.xt-miniature .xtm-rise { left: 2.2em; right: 2.2em; top: 2em; bottom: -1em; }
.xt-miniature .xtm-page { top: 1.8em; bottom: -1em; left: 50%; width: 15em; margin-left: -7.5em; padding: 1.25em 1.35em 0; border-radius: .45em; }
.xt-miniature .xtm-page-l { left: 1.9em; width: 14.2em; margin-left: 0; }
.xt-miniature .xtm-bar { display: flex; align-items: center; justify-content: space-between; gap: .8em; min-height: 2.7em; padding: .55em 1em; border-bottom: 1px solid #e6e9ee; }
.xt-miniature .xtm-bar-t { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .86em; font-weight: 600; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-bar .xtm-m { flex: none; }

/* Type */
.xt-miniature .xtm-h { display: block; font-size: 1.16em; font-weight: 600; letter-spacing: -.028em; line-height: 1.2; color: #191b22; text-wrap: balance; }
.xt-miniature .xtm-b { font-size: .8em; line-height: 1.4; color: #2d323c; }
.xt-miniature .xtm-m { display: block; font-size: .7em; line-height: 1.35; color: #626777; }
.xt-miniature .xtm-x { margin-top: 1.2em; font-size: .56em; line-height: 1.7; color: #a2a8b2; letter-spacing: 0; }
.xt-miniature .xtm-num { font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-strong { font-weight: 600; color: #191b22; }

/* People, models and icons */
.xt-miniature .xtm .xtm-av { width: 1.7em; height: 1.7em; border-radius: 50%; object-fit: cover; object-position: 50% 30%; flex: none; background: #dfe4ea; box-shadow: 0 0 0 1px #1c1f2a10; }
.xt-miniature .xtm .xtm-av-s { width: 1.3em; height: 1.3em; }
.xt-miniature .xtm .xtm-av-l { width: 2.7em; height: 2.7em; }
.xt-miniature .xtm .xtm-logo { width: 1.15em; height: 1.15em; object-fit: contain; flex: none; }
.xt-miniature .xtm-i { display: inline-block; flex: none; width: 1em; height: 1em; vertical-align: -.14em; }
.xt-miniature .xtm-faces { display: flex; flex: none; }
.xt-miniature .xtm .xtm-faces .xtm-av { width: 1.45em; height: 1.45em; box-shadow: 0 0 0 .14em #fff; }
.xt-miniature .xtm .xtm-faces .xtm-av + .xtm-av { margin-left: -.4em; }
.xt-miniature .xtm-tick { display: inline-grid; place-items: center; flex: none; width: 1.3em; height: 1.3em; border-radius: 50%; background: #286c4c; color: #fff; vertical-align: -.25em; }
.xt-miniature .xtm-tick .xtm-i { width: .82em; height: .82em; stroke-width: 2.4; }
.xt-miniature .xtm-ok { color: #286c4c; font-weight: 600; }

/* The floating note that says what happened */
.xt-miniature .xtm-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: .5em; max-width: 12em; padding: .45em .9em .45em .45em; background: #fff; border: 1px solid #dce1e7; border-radius: .85em; box-shadow: 0 .05em .12em #1c1f2a12, 0 .9em 1.9em -.9em #1c1f2a5c; }
.xt-miniature .xtm-note-br { right: 1.2em; bottom: 1.2em; }
.xt-miniature .xtm-note-tr { right: 1.3em; top: 2.2em; }
.xt-miniature .xtm-note-bl { left: 1.2em; bottom: 1.2em; }
.xt-miniature .xtm-note-text { display: grid; gap: .12em; min-width: 0; }
.xt-miniature .xtm-note-t { font-size: .72em; font-weight: 600; line-height: 1.25; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-note-s { font-size: .62em; line-height: 1.25; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-face { position: relative; flex: none; display: block; }
.xt-miniature .xtm-badge { position: absolute; right: -.25em; bottom: -.2em; display: grid; place-items: center; width: .95em; height: .95em; border-radius: 50%; background: #286c4c; color: #fff; box-shadow: 0 0 0 .13em #fff; }
.xt-miniature .xtm-badge .xtm-i { width: .66em; height: .66em; stroke-width: 2.6; }
.xt-miniature .xtm-chip { display: grid; place-items: center; flex: none; width: 1.7em; height: 1.7em; border-radius: 50%; background: #eef1f4; color: #2d323c; }
.xt-miniature .xtm .xtm-chip img { width: 1em; height: 1em; object-fit: contain; }
.xt-miniature .xtm-chip .xtm-i { width: .95em; height: .95em; }
.xt-miniature .xtm-chip-ok { background: #286c4c; color: #fff; }
.xt-miniature .xtm-chip-ok .xtm-i { stroke-width: 2.3; }

/* Paper pages */
.xt-miniature .xtm-doc-from { display: flex; justify-content: space-between; gap: 1em; margin-bottom: 1.5em; font-size: .6em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-doc-from span + span { font-weight: 400; color: #8a909c; }
.xt-miniature .xtm .xtm-doc-logo { height: 1.15em; width: auto; margin-bottom: 1.1em; }
.xt-miniature .xtm-doc-meta { margin-top: .3em; }
.xt-miniature .xtm-doc-file { display: flex; align-items: center; gap: .4em; font-size: .64em; font-weight: 600; color: #2d323c; }
.xt-miniature .xtm-page-back { left: 2em; margin-left: 0; width: 10.4em; top: 3em; padding: 1em 1.1em 0; transform: rotate(-2.5deg); box-shadow: 0 .05em .12em #1c1f2a0f; }
.xt-miniature .xtm-page-back .xtm-x { margin-top: 1em; }
.xt-miniature .xtm-page-front { left: auto; right: 2em; margin-left: 0; width: 12.4em; top: 1.5em; padding: 0; }
.xt-miniature .xtm .xtm-page-img img { width: 100%; height: auto; }
.xt-miniature .xtm-doc-arrow { position: absolute; z-index: 2; left: 12.2em; top: 7.4em; display: grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: 50%; background: #fff; border: 1px solid #dce1e7; color: #2d323c; box-shadow: 0 .4em 1em -.4em #1c1f2a4d; }

.xt-miniature .xtm-sign { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1em; margin-top: 1.1em; }
.xt-miniature .xtm-sign-slot { position: relative; display: flex; align-items: flex-end; height: 2.6em; border-bottom: 1px solid #c9d0d8; }
.xt-miniature .xtm-sign-ink { width: 5.4em; height: 2em; color: #1d2532; margin-bottom: -.2em; }
.xt-miniature .xtm-sign-name { position: absolute; left: 0; top: 100%; display: flex; align-items: center; gap: .35em; margin-top: .45em; font-size: .58em; color: #626777; white-space: nowrap; }

.xt-miniature .xtm-rows { margin-top: .9em; border-top: 1px solid #e2e6eb; }
.xt-miniature .xtm-row { display: flex; justify-content: space-between; gap: 1em; padding: .55em 0; border-bottom: 1px solid #eef1f4; font-size: .66em; color: #2d323c; }
.xt-miniature .xtm-row-total { border-bottom: 0; font-weight: 600; color: #191b22; }

.xt-miniature .xtm-swatches { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55em; margin-top: 1em; }
.xt-miniature .xtm-swatch > span:first-child { display: block; aspect-ratio: 1; border-radius: .5em; box-shadow: inset 0 0 0 1px #1c1f2a17; }
.xt-miniature .xtm-swatch-t { display: block; margin-top: .55em; font-size: .52em; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-brand-type { display: flex; align-items: baseline; gap: .55em; margin-top: .9em; }
.xt-miniature .xtm-brand-aa { font-size: 1.7em; line-height: 1; color: #142238; }

.xt-miniature .xtm-email-body { margin-top: .2em; }
.xt-miniature .xtm-esig { display: flex; align-items: center; gap: .7em; margin-top: 1em; padding-top: 1em; border-top: 1px solid #e6e9ee; }
.xt-miniature .xtm-esig-text { display: grid; gap: .12em; min-width: 0; }
.xt-miniature .xtm-esig-name { font-size: .84em; font-weight: 600; letter-spacing: -.02em; }
.xt-miniature .xtm-esig-contact { font-size: .56em; color: #8a909c; white-space: nowrap; }
.xt-miniature .xtm .xtm-esig-logo { height: .95em; width: auto; margin-top: .9em; }

.xt-miniature .xtm-edit { margin-top: .7em; }
.xt-miniature .xtm-edit del { color: #9aa0aa; text-decoration: line-through; text-decoration-thickness: 1px; }
.xt-miniature .xtm-edit ins { text-decoration: none; color: #1d4f37; background: #e3eee7; border-radius: .2em; box-shadow: 0 0 0 .12em #e3eee7; }

.xt-miniature .xtm-written { margin-top: .7em; }
.xt-miniature .xtm-written mark { color: #191b22; background: #e4e8ed; border-radius: .2em; box-shadow: 0 0 0 .14em #e4e8ed; }
.xt-miniature .xtm-pop { position: absolute; z-index: 2; right: 1.2em; top: 7.7em; display: grid; gap: .1em; width: 14.2em; padding: .35em; background: #fff; border: 1px solid #dce1e7; border-radius: .75em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2.2em -1em #1c1f2a5c; }
.xt-miniature .xtm-pop-row { display: flex; align-items: flex-start; gap: .6em; padding: .5em .6em; border-radius: .55em; font-size: .64em; line-height: 1.35; color: #4a505c; }
.xt-miniature .xtm-pop-row.is-pick { background: #eef1f4; color: #191b22; font-weight: 500; }
.xt-miniature .xtm .xtm-pop-row .xtm-logo { width: 1.35em; height: 1.35em; }
.xt-miniature .xtm-radio { display: grid; place-items: center; flex: none; width: 1.35em; height: 1.35em; border-radius: 50%; border: 1px solid #c9d0d8; color: #fff; }
.xt-miniature .is-pick .xtm-radio { background: #286c4c; border-color: #286c4c; }
.xt-miniature .xtm-radio .xtm-i { width: .85em; height: .85em; stroke-width: 2.4; }

.xt-miniature .xtm-cowrite .xtm-x { margin-top: 1.1em; font-size: .62em; line-height: 2; color: #8a909c; }
.xt-miniature .xtm-caret { display: inline-flex; align-items: center; gap: .25em; margin: 0 .2em 0 .1em; vertical-align: -.5em; }
.xt-miniature .xtm-caret-bar { width: 1.5px; height: 1.6em; background: #191b22; }
.xt-miniature .xtm .xtm-caret .xtm-av { width: 1.65em; height: 1.65em; box-shadow: 0 0 0 .14em #fff, 0 .25em .5em -.2em #1c1f2a66; }

.xt-miniature .xtm-clause { margin-top: .8em; font-size: .66em; }
.xt-miniature .xtm-clause-n { font-weight: 600; }
.xt-miniature .xtm-clause-t { background: #eef1f4; box-shadow: 0 0 0 .15em #eef1f4; text-decoration: underline; text-decoration-color: #191b22; text-decoration-thickness: 1.5px; text-underline-offset: .2em; }
.xt-miniature .xtm-comment { position: absolute; z-index: 2; right: 1.2em; top: 6.2em; width: 11.8em; padding: .8em .9em; background: #fff; border: 1px solid #dce1e7; border-radius: .75em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2.2em -1em #1c1f2a5c; }
.xt-miniature .xtm-comment-head { display: flex; align-items: center; gap: .45em; font-size: .7em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-comment .xtm-b { margin-top: .45em; font-size: .66em; }
.xt-miniature .xtm-comment-by { display: flex; align-items: center; gap: .3em; margin-top: .7em; }
.xt-miniature .xtm-comment-by .xtm-m { margin-left: .2em; font-size: .6em; }

.xt-miniature .xtm-journal .xtm-h { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: 1.3em; letter-spacing: -.01em; }
.xt-miniature .xtm-journal-text { margin-top: .75em; font-family: Georgia, 'Times New Roman', serif; font-size: .74em; line-height: 1.6; color: #2d323c; }

.xt-miniature .xtm-cv-band { padding: .75em 1.1em; background: #1d2532; }
.xt-miniature .xtm-cv-band span { display: block; font-size: .62em; font-weight: 600; color: #fff; }
.xt-miniature .xtm-cv-who { display: flex; align-items: center; gap: .65em; padding: .9em 1.1em 0; }
.xt-miniature .xtm-cv-who > span { display: grid; gap: .15em; min-width: 0; }
.xt-miniature .xtm-cv-who .xtm-h { font-size: .96em; }
.xt-miniature .xtm-cv-body { padding: 0 1.1em; }
.xt-miniature .xtm-cv-label { margin-top: 1.4em; font-size: .6em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-cv-body .xtm-x { margin-top: .3em; }

.xt-miniature .xtm-diff-lines { padding: .45em 0; }
.xt-miniature .xtm-diff-line { display: grid; grid-template-columns: 2.6em 1.3em minmax(0, 1fr); align-items: baseline; padding: .32em 1.2em .32em 0; font-size: .64em; line-height: 1.4; color: #2d323c; }
.xt-miniature .xtm-diff-n { padding-right: .9em; text-align: right; color: #a7adb6; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-diff-t { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-diff-add { background: #e8f1eb; color: #1d4f37; }
.xt-miniature .xtm-diff-add .xtm-diff-mark { color: #286c4c; font-weight: 600; }
.xt-miniature .xtm-diff-del { background: #f3f5f7; color: #8a909c; }
.xt-miniature .xtm-diff-del .xtm-diff-t { text-decoration: line-through; }

/* Invoices and receipts */
.xt-miniature .xtm-inv { width: 14.6em; }
.xt-miniature .xtm-inv-top { display: flex; align-items: center; justify-content: space-between; gap: .8em; margin-bottom: 1.2em; }
.xt-miniature .xtm .xtm-inv-logo { height: 1.05em; width: auto; }
.xt-miniature .xtm-inv-no { font-size: .6em; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-inv-to { font-size: .6em; }
.xt-miniature .xtm-inv .xtm-b { margin-top: .1em; }
.xt-miniature .xtm-inv-total { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; margin-top: .5em; font-size: .9em; font-weight: 600; letter-spacing: -.02em; }
.xt-miniature .xtm-inv-total span:first-child { font-size: .76em; font-weight: 500; color: #626777; letter-spacing: 0; }
.xt-miniature .xtm-receipt { position: absolute; left: 2.6em; top: 1.6em; bottom: -1em; width: 9.4em; padding: 1.1em 1em 0; background: #fff; border-radius: .2em .2em 0 0; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2.2em -1.2em #1c1f2a4d; transform: rotate(-2deg); font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-receipt-shop { font-size: .72em; font-weight: 600; text-align: center; }
.xt-miniature .xtm-receipt-meta { margin-bottom: .9em; font-size: .54em; color: #8a909c; text-align: center; }
.xt-miniature .xtm-receipt-row { display: flex; justify-content: space-between; gap: .6em; padding: .28em 0; font-size: .56em; color: #4a505c; }
.xt-miniature .xtm-receipt-total { margin-top: .4em; padding-top: .7em; border-top: 1px dashed #c9d0d8; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-receipt-arrow { left: 12.4em; top: 6.8em; }
.xt-miniature .xtm-fields { right: 2.2em; top: 2.6em; width: 12.2em; padding: .8em .95em .9em; }
.xt-miniature .xtm-fields-head { display: flex; align-items: center; gap: .45em; margin-bottom: .45em; font-size: .7em; font-weight: 600; }
.xt-miniature .xtm-field { display: flex; justify-content: space-between; align-items: baseline; gap: .8em; padding: .38em 0; border-bottom: 1px solid #eef1f4; }
.xt-miniature .xtm-field .xtm-m { font-size: .6em; }
.xt-miniature .xtm-field-v { font-size: .64em; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.xt-miniature .xtm-fields-done { display: flex; align-items: center; gap: .45em; margin-top: .7em; font-size: .64em; font-weight: 500; color: #286c4c; }

/* Boards */
.xt-miniature .xtm-cols { position: absolute; left: 1.4em; right: 1.4em; top: 1.5em; display: grid; gap: .7em; align-items: start; }
.xt-miniature .xtm-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xt-miniature .xtm-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xt-miniature .xtm-col { display: grid; gap: .5em; }
.xt-miniature .xtm-col-h { display: flex; align-items: baseline; gap: .5em; padding: 0 .2em .1em; font-size: .64em; font-weight: 600; color: #2d323c; }
.xt-miniature .xtm-col-n { font-weight: 400; color: #8a909c; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-card { display: grid; gap: .55em; padding: .65em .7em .6em; background: #fff; border: 1px solid #dce1e7; border-radius: .55em; box-shadow: 0 .05em .1em #1c1f2a0d; }
.xt-miniature .xtm-card.is-lift { transform: rotate(2deg) translateY(-.15em); box-shadow: 0 .05em .1em #1c1f2a12, 0 1em 1.8em -.9em #1c1f2a66; }
.xt-miniature .xtm-card-t { font-size: .64em; font-weight: 500; line-height: 1.35; color: #191b22; }
.xt-miniature .xtm-card.is-done .xtm-card-t { color: #626777; }
.xt-miniature .xtm-card-f { display: flex; align-items: center; gap: .35em; min-height: 1.3em; }
.xt-miniature .xtm-card-f > span:not(.xtm-tick) { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .54em; color: #8a909c; }
.xt-miniature .xtm-card-f .xtm-tick { margin-left: auto; width: 1.15em; height: 1.15em; }
.xt-miniature .xtm .xtm-card-f .xtm-logo { width: 1em; height: 1em; }
.xt-miniature .xtm-progress { display: block; height: .22em; border-radius: 1em; background: #eef1f4; overflow: hidden; }
.xt-miniature .xtm-progress span { display: block; height: 100%; border-radius: inherit; background: #2d323c; }

/* Tables */
.xt-miniature .xtm-mini-search { display: inline-flex; align-items: center; gap: .4em; flex: none; padding: .32em .7em; border: 1px solid #dce1e7; border-radius: .5em; font-size: .62em; color: #2d323c; }
.xt-miniature .xtm-table-prompt { display: flex; align-items: center; gap: .45em; margin: .6em 1em .15em; padding: .42em .65em; border-radius: .5em; background: #eef1f4; }
.xt-miniature .xtm-table-prompt > span { font-size: .62em; color: #191b22; }
.xt-miniature .xtm-table-prompt .xtm-i { width: .72em; height: .72em; }
.xt-miniature .xtm-grid { display: grid; align-items: center; padding: 0 .3em; }
.xt-miniature .xtm-cell { display: flex; align-items: center; gap: .4em; min-width: 0; height: 3.4em; padding: 0 .7em; border-bottom: 1px solid #eef1f4; font-size: .62em; color: #2d323c; white-space: nowrap; overflow: hidden; }
.xt-miniature .xtm-cell.is-r { justify-content: flex-end; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-cell-head { height: 2.6em; font-size: .56em; font-weight: 500; color: #8a909c; }
.xt-miniature .xtm-cell-head.is-ai { color: #191b22; }
.xt-miniature .xtm-cell-who { gap: .6em; }
.xt-miniature .xtm .xtm-cell-who .xtm-av { width: 2.5em; height: 2.5em; }
.xt-miniature .xtm-who { display: grid; min-width: 0; }
.xt-miniature .xtm-who-t { overflow: hidden; text-overflow: ellipsis; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-who-s { overflow: hidden; text-overflow: ellipsis; font-size: .9em; color: #8a909c; }
.xt-miniature .xtm-logo-tile { display: grid; place-items: center; flex: none; width: 2.5em; height: 2.5em; border-radius: .6em; background: #fff; border: 1px solid #e2e6eb; overflow: hidden; }
.xt-miniature .xtm .xtm-logo-tile img { width: 80%; height: 80%; object-fit: contain; }
.xt-miniature .xtm-cell-ok { color: #286c4c; font-weight: 500; }
.xt-miniature .xtm-cell-ok .xtm-tick { width: 1.45em; height: 1.45em; }
.xt-miniature .xtm-cell-due { color: #626777; }
.xt-miniature .xtm-cell-ai { background: #f6f8f9; color: #191b22; }
.xt-miniature .xtm-wait { display: block; width: 70%; height: .5em; border-radius: 1em; background: #e2e6eb; }
.xt-miniature .xtm-table.is-sheet .xtm-grid { padding: 0; }
.xt-miniature .xtm-table.is-sheet .xtm-cell { height: 2.9em; border-right: 1px solid #eef1f4; }
.xt-miniature .xtm-cell-letter, .xt-miniature .xtm-cell-rn { justify-content: center; height: 2.2em !important; padding: 0; background: #f6f8f9; font-size: .52em; color: #a2a8b2; }
.xt-miniature .xtm-cell-rn { height: auto !important; align-self: stretch; }

/* Conversations */
.xt-miniature .xtm-msgs { display: grid; gap: .85em; padding: .9em 1em; }
.xt-miniature .xtm-msg { display: flex; align-items: flex-start; gap: .6em; }
.xt-miniature .xtm-msg-body { display: grid; gap: .15em; min-width: 0; }
.xt-miniature .xtm-msg-who { display: flex; align-items: baseline; gap: .5em; font-size: .64em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-msg-when { font-weight: 400; color: #a2a8b2; }
.xt-miniature .xtm-msg-t { font-size: .66em; line-height: 1.4; color: #2d323c; }
.xt-miniature .xtm-msg.is-draft .xtm-msg-body { padding: .5em .65em; margin: -.2em 0 0; border-radius: .55em; background: #f3f5f7; border: 1px dashed #c9d0d8; }
.xt-miniature .xtm-chip-line { background: #fff; box-shadow: inset 0 0 0 1px #dce1e7; }
.xt-miniature .xtm-chip-ink { background: #142238; }
.xt-miniature .xtm-face-logo { position: absolute; right: -.35em; bottom: -.25em; display: grid; place-items: center; width: 1.05em; height: 1.05em; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px #dce1e7; }
.xt-miniature .xtm .xtm-face-logo img { width: .7em; height: .7em; }

.xt-miniature .xtm-approve { left: 50%; top: 1.7em; bottom: -1em; width: 17.4em; margin-left: -8.7em; padding: 1.05em 1.2em; }
.xt-miniature .xtm-approve-from { display: flex; align-items: center; gap: .65em; margin-bottom: .75em; }
.xt-miniature .xtm-approve-meta { margin-top: .3em; }
.xt-miniature .xtm-steps { display: grid; gap: .1em; margin-top: .85em; padding-top: .45em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-step { display: flex; align-items: center; gap: .55em; padding: .32em 0; font-size: .66em; color: #626777; }
.xt-miniature .xtm-step.is-ok { color: #286c4c; font-weight: 500; }
.xt-miniature .xtm-step .xtm-tick, .xt-miniature .xtm .xtm-step .xtm-av { width: 1.6em; height: 1.6em; }

.xt-miniature .xtm-ask { display: flex; justify-content: flex-end; padding: 1em 1em .4em; }
.xt-miniature .xtm-ask span { max-width: 80%; padding: .55em .85em; border-radius: 1em 1em .25em 1em; background: #2d323c; color: #fff; font-size: .7em; line-height: 1.35; }
.xt-miniature .xtm-model-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5em; padding: .6em .8em; }
.xt-miniature .xtm-model { display: grid; align-content: start; gap: .5em; min-height: 6.6em; padding: .65em .7em; border: 1px solid #e2e6eb; border-radius: .65em; }
.xt-miniature .xtm-model.is-pick { border-color: #286c4c; box-shadow: 0 0 0 1px #286c4c; }
.xt-miniature .xtm-model-who { display: flex; align-items: center; gap: .4em; font-size: .62em; font-weight: 600; }
.xt-miniature .xtm-model-who .xtm-tick { margin-left: auto; width: 1.3em; height: 1.3em; }
.xt-miniature .xtm .xtm-model-who .xtm-logo { width: 1.25em; height: 1.25em; }
.xt-miniature .xtm-model-t { font-size: .6em; line-height: 1.45; color: #2d323c; }

.xt-miniature .xtm-site { position: absolute; left: 2em; top: 2em; width: 10.8em; }
.xt-miniature .xtm .xtm-site-logo { height: 1em; width: auto; margin-bottom: 1.3em; }
.xt-miniature .xtm-site-h { font-size: 1.1em; font-weight: 600; letter-spacing: -.03em; line-height: 1.15; color: #142238; }
.xt-miniature .xtm-widget { right: 2em; top: 1.5em; bottom: -1em; width: 12.6em; border-radius: .9em; }
.xt-miniature .xtm-widget-head { display: flex; align-items: center; gap: .55em; padding: .65em .8em; border-bottom: 1px solid #e6e9ee; }
.xt-miniature .xtm-chip-ink img { filter: brightness(0) invert(1); }
.xt-miniature .xtm-bubbles { display: grid; gap: .45em; padding: .75em .75em; }
.xt-miniature .xtm-bubble { justify-self: start; max-width: 88%; padding: .5em .7em; border-radius: .8em .8em .8em .25em; background: #eef1f4; font-size: .6em; line-height: 1.4; color: #2d323c; }
.xt-miniature .xtm-bubble.is-me { justify-self: end; border-radius: .8em .8em .25em .8em; background: #142238; color: #fff; }

/* Lists */
.xt-miniature .xtm-search { display: flex; align-items: center; gap: .45em; margin: .7em 1em 0; padding: .45em .7em; border: 1px solid #dce1e7; border-radius: .55em; }
.xt-miniature .xtm-search > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .66em; color: #191b22; }
.xt-miniature .xtm-search .xtm-i { width: .75em; height: .75em; color: #8a909c; }
.xt-miniature .xtm-answer { display: flex; align-items: flex-start; gap: .45em; margin: .55em 1em 0; padding: .55em .7em; border-radius: .55em; background: #eef1f4; }
.xt-miniature .xtm-answer > span { font-size: .62em; line-height: 1.45; color: #191b22; }
.xt-miniature .xtm-answer .xtm-i { width: .72em; height: .72em; margin-top: .12em; }
.xt-miniature .xtm-items { display: grid; padding: .35em .5em; }
.xt-miniature .xtm-item { display: flex; align-items: center; gap: .65em; padding: .5em .5em; border-radius: .55em; }
.xt-miniature .xtm-item + .xtm-item { box-shadow: 0 -1px 0 #eef1f4; }
.xt-miniature .xtm-item.is-hi { background: #f3f5f7; box-shadow: none; }
.xt-miniature .xtm-item.is-hi + .xtm-item { box-shadow: none; }
.xt-miniature .xtm-tile { display: grid; place-items: center; flex: none; width: 1.9em; height: 1.9em; border-radius: .5em; background: #eef1f4; color: #2d323c; }
.xt-miniature .xtm-tile .xtm-i { width: .95em; height: .95em; }
.xt-miniature .xtm-item-text { display: grid; gap: .1em; min-width: 0; flex: 1; }
.xt-miniature .xtm-item-t { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .68em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-item-s { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .6em; color: #626777; }
.xt-miniature .xtm-item-r { display: flex; align-items: center; gap: .4em; flex: none; font-size: .6em; color: #626777; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm .xtm-item-r .xtm-logo { width: 1.5em; height: 1.5em; }
.xt-miniature .xtm-item-r .xtm-tick { width: 1.55em; height: 1.55em; }

.xt-miniature .xtm-personas { position: absolute; left: 1.6em; right: 1.6em; top: 1.6em; bottom: -1em; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr); gap: .7em; }
.xt-miniature .xtm-persona { position: relative; padding: .35em .35em 0; }
.xt-miniature .xtm-persona.is-pick { border-color: #191b22; box-shadow: 0 0 0 1px #191b22, 0 1em 2.4em -1.3em #1c1f2a3d; }
.xt-miniature .xtm .xtm-persona-img { width: 100%; height: 7.4em; object-fit: cover; object-position: 50% 22%; border-radius: .45em; }
.xt-miniature .xtm-persona-name { margin: .75em .45em 0; font-size: .74em; font-weight: 600; letter-spacing: -.02em; }
.xt-miniature .xtm-persona-role { margin: .15em .55em 0; font-size: .6em; color: #2d323c; }
.xt-miniature .xtm-persona-tone { margin: .55em .6em 0; font-size: .56em; line-height: 1.45; color: #8a909c; }

.xt-miniature .xtm-prompt-text { padding: .9em 1.1em .2em; font-size: .72em; line-height: 1.75; color: #2d323c; }
.xt-miniature .xtm-var { padding: .1em .4em; border-radius: .35em; background: #eef1f4; box-shadow: inset 0 0 0 1px #dce1e7; color: #191b22; font-weight: 500; white-space: nowrap; }
.xt-miniature .xtm-fill { display: grid; gap: .1em; margin: .6em 1em 0; padding-top: .55em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-fill-row { display: flex; align-items: center; gap: .7em; padding: .25em 0; font-size: .62em; }
.xt-miniature .xtm-fill-row .xtm-var { min-width: 4.6em; text-align: center; }
.xt-miniature .xtm-fill-v { color: #191b22; }

/* Pictures */
.xt-miniature .xtm-promptbar { position: absolute; left: 1.6em; right: 1.6em; top: 1.3em; display: flex; align-items: center; gap: .5em; padding: .55em .8em; background: #fff; border: 1px solid #dce1e7; border-radius: .65em; box-shadow: 0 .05em .12em #1c1f2a0f; }
.xt-miniature .xtm-promptbar > span:first-of-type { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .68em; color: #191b22; }
.xt-miniature .xtm-promptbar .xtm-m { flex: none; font-size: .6em; }
.xt-miniature .xtm-tiles { position: absolute; left: 1.6em; right: 1.6em; top: 4.3em; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55em; }
.xt-miniature .xtm .xtm-tiles img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .55em; box-shadow: 0 0 0 1px #1c1f2a0f; }
.xt-miniature .xtm-portraits { position: absolute; left: 50%; top: 1.6em; display: flex; align-items: flex-start; gap: .65em; transform: translateX(-50%); }
.xt-miniature .xtm .xtm-portraits img { width: 7.4em; height: 14em; object-fit: cover; object-position: 50% 22%; border-radius: .6em; box-shadow: 0 .05em .12em #1c1f2a14, 0 1em 2em -1.2em #1c1f2a59; }
.xt-miniature .xtm .xtm-portraits img:not(:nth-child(2)) { margin-top: 1.3em; }
.xt-miniature .xtm-options { position: absolute; left: 1.6em; right: 1.6em; top: 1.5em; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7em; }
.xt-miniature .xtm-option { padding: .35em .35em .1em; background: #fff; border: 1px solid #dce1e7; border-radius: .7em; box-shadow: 0 .05em .12em #1c1f2a0f; }
.xt-miniature .xtm-option.is-pick { border-color: #286c4c; box-shadow: 0 0 0 1px #286c4c, 0 1em 2em -1.2em #1c1f2a59; }
.xt-miniature .xtm .xtm-option img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: .45em; }
.xt-miniature .xtm-option-t { display: flex; align-items: center; justify-content: space-between; gap: .4em; min-height: 2.3em; padding: 0 .3em; }
.xt-miniature .xtm-option-t > span:first-child { font-size: .62em; font-weight: 500; color: #2d323c; }
.xt-miniature .xtm-option-t .xtm-tick { width: 1.2em; height: 1.2em; }
.xt-miniature .xtm-frame { left: 1.8em; right: 1.8em; top: 1.5em; bottom: 1.5em; border-radius: .8em; }
.xt-miniature .xtm .xtm-split-a, .xt-miniature .xtm .xtm-split-b img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.xt-miniature .xtm .xtm-split-a { filter: grayscale(1) contrast(.72) brightness(1.2); }
.xt-miniature .xtm-split-b { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; overflow: hidden; }
.xt-miniature .xtm .xtm-split-b img { left: -100%; width: 200%; }
.xt-miniature .xtm-split.is-checker .xtm-split-a { filter: none; }
.xt-miniature .xtm-split.is-checker .xtm-split-b { background: repeating-conic-gradient(#e3e7eb 0 25%, #fff 0 50%) 0 0 / 1em 1em; }
.xt-miniature .xtm .xtm-split.is-checker .xtm-split-b img { mix-blend-mode: multiply; }
.xt-miniature .xtm-split-line { position: absolute; z-index: 2; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: #fff; box-shadow: 0 0 .4em #1c1f2a33; }
.xt-miniature .xtm-split-line span { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 1.9em; height: 1.9em; margin: -.95em 0 0 -.95em; border-radius: 50%; background: #fff; color: #2d323c; box-shadow: 0 .3em .8em -.2em #1c1f2a66; }
.xt-miniature .xtm-split-label { position: absolute; z-index: 2; top: 1.1em; padding: .35em .7em; border-radius: .45em; background: #ffffffeb; font-size: .58em; font-weight: 500; color: #191b22; }
.xt-miniature .xtm-split-label.is-a { left: 1.1em; }
.xt-miniature .xtm-split-label.is-b { right: 1.1em; }
.xt-miniature .xtm-canvas { left: 1.8em; right: 1.8em; top: 1.5em; bottom: -1em; border: 0; }
.xt-miniature .xtm-shot { position: absolute; left: 12%; right: 12%; top: 1.8em; border-radius: .45em; overflow: hidden; background: #fff; box-shadow: 0 1.4em 2.6em -1em #1c1f2a73; }
.xt-miniature .xtm-shot-bar { display: flex; gap: .25em; padding: .4em .5em; background: #f3f5f7; border-bottom: 1px solid #e6e9ee; }
.xt-miniature .xtm-shot-bar span { width: .38em; height: .38em; border-radius: 50%; background: #d3d9e0; }
.xt-miniature .xtm .xtm-shot img { width: 100%; }
.xt-miniature .xtm-optimise { left: 2.2em; right: 2.2em; top: 1.8em; bottom: -1em; display: grid; grid-template-columns: 10.6em minmax(0, 1fr); gap: 1.1em; padding: .65em; }
.xt-miniature .xtm .xtm-optimise img { width: 100%; height: 12.2em; object-fit: cover; border-radius: .45em; }
.xt-miniature .xtm-optimise-text { display: grid; align-content: start; gap: .5em; padding-top: .8em; }
.xt-miniature .xtm-optimise-size { display: flex; align-items: center; gap: .35em; white-space: nowrap; }
.xt-miniature .xtm-optimise-size del { font-size: .74em; color: #8a909c; }
.xt-miniature .xtm-optimise-size .xtm-i { width: .8em; height: .8em; color: #8a909c; }
.xt-miniature .xtm-optimise-size strong { font-size: 1.15em; font-weight: 600; letter-spacing: -.03em; }
.xt-miniature .xtm-optimise-save { display: flex; align-items: center; gap: .45em; margin-top: .3em; font-size: .66em; font-weight: 500; color: #286c4c; }
.xt-miniature .xtm-qr { left: 3.2em; top: 1.7em; width: 11.6em; height: 11.6em; padding: .7em; border-radius: .9em; }
.xt-miniature .xtm-qr-code { display: block; width: 100%; height: 100%; }
.xt-miniature .xtm-qr-logo { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 2.4em; height: 2.4em; margin: -1.2em 0 0 -1.2em; border-radius: .5em; background: #fff; overflow: hidden; }
.xt-miniature .xtm .xtm-qr-logo img { width: 1.9em; height: 1.9em; object-fit: cover; object-position: 0 50%; border-radius: .3em; }
.xt-miniature .xtm-qr-side { position: absolute; left: 16.6em; right: 1.6em; top: 3.4em; display: grid; gap: .35em; }
.xt-miniature .xtm-qr-colours { display: flex; align-items: center; gap: .3em; margin-top: .7em; }
.xt-miniature .xtm-qr-colours span:not(.xtm-m) { width: 1.15em; height: 1.15em; border-radius: .3em; box-shadow: inset 0 0 0 1px #1c1f2a1f; }
.xt-miniature .xtm-qr-colours .xtm-m { margin-left: .25em; }
.xt-miniature .xtm-qr-scans { display: flex; align-items: center; gap: .45em; margin-top: .45em; font-size: .66em; color: #2d323c; }
.xt-miniature .xtm-refs { position: absolute; left: 1.6em; right: 1.6em; top: 1.5em; display: grid; grid-template-columns: 1.55fr 1fr 1fr; gap: .6em; }
.xt-miniature .xtm-ref { position: relative; padding: .3em .3em 0; border-radius: .6em; }
.xt-miniature .xtm .xtm-ref img { width: 100%; height: 8.4em; object-fit: cover; object-position: 50% 0; border-radius: .4em; background: #f3f5f7; }
.xt-miniature .xtm .xtm-ref.is-mark img { object-fit: cover; object-position: 0 50%; width: 4.2em; height: 4.2em; margin: 2.1em auto; border-radius: .8em; background: none; }
.xt-miniature .xtm-ref p { padding: .6em .3em .75em; font-size: .62em; font-weight: 500; color: #2d323c; }
.xt-miniature .xtm-swarm { position: absolute; left: 1.6em; right: 1.6em; top: 1.5em; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6em; }
.xt-miniature .xtm-variant { position: relative; border-radius: .5em; }
.xt-miniature .xtm .xtm-variant > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 0; }
.xt-miniature .xtm-variant.is-pick { border-color: #286c4c; box-shadow: 0 0 0 1px #286c4c, 0 1em 2em -1.2em #1c1f2a59; }
.xt-miniature .xtm-variant-by { position: absolute; left: .4em; bottom: .4em; display: flex; align-items: center; gap: .3em; padding: .25em; border-radius: 1em; background: #fff; box-shadow: 0 .2em .5em -.15em #1c1f2a59; }
.xt-miniature .xtm .xtm-variant-by img { width: 1em; height: 1em; object-fit: contain; }
.xt-miniature .xtm-variant-by .xtm-tick { width: 1em; height: 1em; }

/* Players */
.xt-miniature .xtm-player { left: 50%; width: 20.6em; margin-left: -10.3em; top: 1.4em; bottom: auto; border-radius: .8em; }
.xt-miniature .xtm-screen { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #1d2532; }
.xt-miniature .xtm .xtm-screen-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.xt-miniature .xtm .xtm-cam { position: absolute; left: .7em; bottom: .7em; width: 3.3em; height: 3.3em; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 .18em #fff, 0 .5em 1em -.4em #00000080; }
.xt-miniature .xtm-screen-badge { position: absolute; right: .9em; top: .9em; display: flex; align-items: center; gap: .4em; padding: .35em .6em; border-radius: .5em; background: #ffffffed; font-size: .58em; font-weight: 500; color: #191b22; }
.xt-miniature .xtm .xtm-screen-badge img { width: 1.15em; height: 1.15em; }
.xt-miniature .xtm-controls { display: flex; align-items: center; gap: .6em; height: 2.4em; padding: 0 .8em; }
.xt-miniature .xtm-play { display: grid; place-items: center; flex: none; width: 1.45em; height: 1.45em; border-radius: 50%; background: #191b22; color: #fff; }
.xt-miniature .xtm-play .xtm-i { width: .7em; height: .7em; }
.xt-miniature .xtm-play .xtm-i path[d^="M5.5"] { stroke-width: 2.2; }
.xt-miniature .xtm-scrub { flex: 1; height: .24em; border-radius: 1em; background: #e2e6eb; }
.xt-miniature .xtm-scrub span { display: block; height: 100%; border-radius: inherit; background: #191b22; }
.xt-miniature .xtm-time { flex: none; font-size: .56em; color: #626777; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-keys { position: relative; flex: 1; height: 1.3em; border-radius: .35em; background: #f3f5f7; }
.xt-miniature .xtm-keys span { position: absolute; top: 50%; width: .48em; height: .48em; margin: -.24em 0 0 -.24em; border-radius: .08em; background: #2d323c; transform: rotate(45deg); }
.xt-miniature .xtm-keys span:first-child { margin-left: .3em; }
.xt-miniature .xtm-keys span:nth-last-child(2) { margin-left: -.75em; }
.xt-miniature .xtm-keys .xtm-keys-head { top: -.15em; bottom: -.15em; width: 1.5px; height: auto; margin: 0; border-radius: 0; background: #191b22; transform: none; }

/* Sound */
.xt-miniature .xtm-wave { display: block; width: 100%; height: 100%; }
.xt-miniature .xtm-call { padding: 1em 1.15em; }
.xt-miniature .xtm-call-who { display: flex; align-items: center; gap: .7em; }
.xt-miniature .xtm-call-who > span:nth-child(2) { display: grid; gap: .15em; flex: 1; min-width: 0; }
.xt-miniature .xtm-call-time { display: flex; align-items: center; gap: .35em; flex: none; font-size: .64em; color: #626777; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-call-wave { height: 2.6em; margin-top: 1em; }
.xt-miniature .xtm-call-line { display: flex; align-items: center; gap: .55em; margin-top: .9em; padding: .5em .7em; border-radius: .6em; background: #f3f5f7; }
.xt-miniature .xtm-call-line > span:last-child { font-size: .64em; line-height: 1.35; color: #2d323c; }
.xt-miniature .xtm-call-line .xtm-chip { width: 1.6em; height: 1.6em; }
.xt-miniature .xtm-track { display: flex; align-items: center; gap: .7em; padding: .6em 1em; border-bottom: 1px solid #eef1f4; }
.xt-miniature .xtm-track.is-on { background: #f6f8f9; }
.xt-miniature .xtm-track .xtm-play { width: 1.7em; height: 1.7em; }
.xt-miniature .xtm-track:not(.is-on) .xtm-play { background: #eef1f4; color: #2d323c; }
.xt-miniature .xtm-track-text { display: grid; gap: .1em; flex: none; width: 8.6em; min-width: 0; }
.xt-miniature .xtm-track-wave { flex: 1; height: 1.6em; }
.xt-miniature .xtm-voice-text { width: 14.4em; }
.xt-miniature .xtm-voice-text .xtm-b { font-size: .76em; line-height: 1.55; }
.xt-miniature .xtm-voice { right: 1.5em; top: 5.2em; width: 12.6em; padding: .75em .85em .7em; border-radius: .85em; }
.xt-miniature .xtm-voice-who { display: flex; align-items: center; gap: .55em; }
.xt-miniature .xtm-voice-wave { height: 2em; margin-top: .75em; }
.xt-miniature .xtm-voice-ctrl { display: flex; align-items: center; justify-content: space-between; margin-top: .6em; }
.xt-miniature .xtm-transcript-wave { height: 1.7em; margin: .75em 1em .35em; }
.xt-miniature .xtm-tline { display: grid; grid-template-columns: 2.4em 1.3em minmax(0, 1fr); align-items: center; gap: .55em; padding: .45em 1em; }
.xt-miniature .xtm-tline.is-on { background: #f3f5f7; }
.xt-miniature .xtm-tline-time { font-size: .56em; color: #8a909c; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-tline-t { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .64em; color: #2d323c; }
.xt-miniature .xtm-tline.is-on .xtm-tline-t { color: #191b22; font-weight: 500; }
.xt-miniature .xtm-rec { display: flex; align-items: center; gap: .65em; padding: .55em 1em; border-bottom: 1px solid #eef1f4; }
.xt-miniature .xtm-rec.is-live { border-bottom: 0; background: #f6f8f9; }
.xt-miniature .xtm-rec-live { display: flex; align-items: center; gap: .35em; flex: none; font-size: .62em; font-weight: 600; color: #191b22; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-rec-dot { width: .75em; height: .75em; border-radius: 50%; background: #e5402f; }
.xt-miniature .xtm-rec-wave { position: relative; height: 1.6em; padding: .1em 1em .6em; background: #f6f8f9; border-bottom: 1px solid #eef1f4; }
.xt-miniature .xtm-rec-mark { position: absolute; top: -.15em; bottom: .3em; width: 1.5px; background: #191b22; }

/* Browser windows */
.xt-miniature .xtm-browser { display: flex; flex-direction: column; }
.xt-miniature .xtm-url { display: flex; justify-content: center; padding: .45em .8em; background: #f6f8f9; border-bottom: 1px solid #e6e9ee; }
.xt-miniature .xtm-url > span { display: inline-flex; align-items: center; gap: .45em; max-width: 86%; padding: .3em 1em; border-radius: .5em; background: #fff; border: 1px solid #e2e6eb; font-size: .58em; color: #4a505c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-url .xtm-i { width: .95em; height: .95em; color: #8a909c; }
.xt-miniature .xtm-view { position: relative; flex: 1; overflow: hidden; }
.xt-miniature .xtm .xtm-view-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.xt-miniature .xtm-btn { display: inline-flex; align-items: center; justify-content: center; gap: .35em; padding: .5em .95em; border: 1px solid #dce1e7; border-radius: .55em; background: #fff; font-size: .6em; font-weight: 500; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-btn-ink { background: #191b22; border-color: #191b22; color: #fff; }
.xt-miniature .xtm-btn-go { background: #286c4c; border-color: #286c4c; color: #fff; }
.xt-miniature .xtm-btn .xtm-i { width: 1em; height: 1em; stroke-width: 2.2; }
.xt-miniature .xtm-btns { display: flex; gap: .4em; margin-top: .55em; }
.xt-miniature .xtm-site-mini { padding: .9em 1.4em; }
.xt-miniature .xtm-site-nav { display: flex; align-items: center; justify-content: space-between; gap: 1em; }
.xt-miniature .xtm .xtm-site-nav img { height: .9em; width: auto; }
.xt-miniature .xtm-site-nav span { font-size: .52em; color: #8a909c; word-spacing: .5em; }
.xt-miniature .xtm-site-big { margin-top: 1em; font-size: 1.75em; font-weight: 600; letter-spacing: -.045em; line-height: 1; color: #142238; }
.xt-miniature .xtm-site-mini .xtm-m { margin-top: .55em; max-width: 24em; }
.xt-miniature .xtm-site-mini .xtm-btn { margin-top: 1.1em; }
.xt-miniature .xtm-pin { position: absolute; z-index: 1; width: 2em; height: 2em; margin: -2em 0 0 0; padding: .14em; border-radius: 50% 50% 50% .25em; background: #fff; box-shadow: 0 .45em .9em -.3em #1c1f2a8c; }
.xt-miniature .xtm .xtm-pin .xtm-av { width: 100%; height: 100%; box-shadow: none; }
.xt-miniature .xtm-pin-comment { position: absolute; z-index: 2; display: grid; gap: .2em; width: 10.4em; margin: .4em 0 0 1.2em; padding: .55em .75em; background: #fff; border: 1px solid #dce1e7; border-radius: .65em; box-shadow: 0 .05em .12em #1c1f2a12, 0 .9em 1.9em -.9em #1c1f2a5c; }
.xt-miniature .xtm-portal { padding: .75em 1em; }
.xt-miniature .xtm-portal-head { display: flex; align-items: center; justify-content: space-between; gap: 1em; }
.xt-miniature .xtm .xtm-portal-head img { height: .9em; width: auto; }
.xt-miniature .xtm-portal-head .xtm-m { font-size: .6em; }
.xt-miniature .xtm-portal-ask { display: flex; gap: .75em; margin-top: .75em; padding: .55em; border: 1px solid #e2e6eb; border-radius: .65em; }
.xt-miniature .xtm .xtm-portal-img { width: 6em; height: 4.4em; flex: none; object-fit: cover; object-position: 50% 0; border-radius: .4em; box-shadow: 0 0 0 1px #1c1f2a12; }
.xt-miniature .xtm-portal-text { display: grid; align-content: start; gap: .15em; min-width: 0; }
.xt-miniature .xtm-portal-file { display: flex; align-items: center; gap: .45em; padding: .65em .3em 0; font-size: .6em; color: #4a505c; }
.xt-miniature .xtm-portal-file .xtm-i { color: #8a909c; }
.xt-miniature .xtm-seo { display: flex; align-items: center; gap: 1.3em; padding: 1.1em 1.4em; }
.xt-miniature .xtm-score { position: relative; display: grid; place-items: center; flex: none; width: 6.2em; height: 6.2em; }
.xt-miniature .xtm-score svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.xt-miniature .xtm-score > span { display: grid; justify-items: center; }
.xt-miniature .xtm-score strong { font-size: 1.7em; font-weight: 600; letter-spacing: -.045em; line-height: 1; }
.xt-miniature .xtm-score .xtm-m { margin-top: .2em; font-size: .52em; }
.xt-miniature .xtm-checks { display: grid; gap: .55em; min-width: 0; }
.xt-miniature .xtm-check { display: flex; align-items: center; gap: .55em; font-size: .64em; color: #2d323c; white-space: nowrap; }
.xt-miniature .xtm-check .xtm-tick { width: 1.5em; height: 1.5em; }
.xt-miniature .xtm-check.is-warn { color: #191b22; font-weight: 500; }
.xt-miniature .xtm-warn { display: grid; place-items: center; flex: none; width: 1.5em; height: 1.5em; border-radius: 50%; background: #eef1f4; color: #191b22; }
.xt-miniature .xtm-warn .xtm-i { width: .9em; height: .9em; }
.xt-miniature .xtm-form { width: 15.4em; padding: .95em 1.4em; }
.xt-miniature .xtm-form .xtm-h { font-size: 1.02em; }
.xt-miniature .xtm-form .xtm-m { margin-top: .2em; }
.xt-miniature .xtm-field-in { margin-top: .65em; }
.xt-miniature .xtm-field-l { display: block; margin-bottom: .35em; font-size: .56em; color: #626777; }
.xt-miniature .xtm-field-box { display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 0 .85em; border: 1px solid #dce1e7; border-radius: .5em; font-size: .6em; color: #191b22; }
.xt-miniature .xtm-field-box.is-empty { color: #a2a8b2; }
.xt-miniature .xtm-field-box .xtm-i { color: #8a909c; }
.xt-miniature .xtm-form .xtm-btn { margin-top: 1.2em; }
.xt-miniature .xtm-pricing { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55em; padding: .9em 1em; }
.xt-miniature .xtm-plan { padding: .75em .75em .2em; border: 1px solid #e2e6eb; border-radius: .65em; }
.xt-miniature .xtm-plan.is-changed { border-color: #286c4c; background: #f4f9f6; box-shadow: 0 0 0 1px #286c4c; }
.xt-miniature .xtm-plan-name { font-size: .62em; font-weight: 600; color: #2d323c; }
.xt-miniature .xtm-plan-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1em .3em; margin-top: .45em; }
.xt-miniature .xtm-plan-price strong { font-size: 1.15em; font-weight: 600; letter-spacing: -.035em; }
.xt-miniature .xtm-plan-price del { font-size: .66em; color: #8a909c; }
.xt-miniature .xtm-plan-price .xtm-m { font-size: .52em; }
.xt-miniature .xtm-plan .xtm-x { margin-top: .9em; }
.xt-miniature .xtm-app { padding: .75em 1em; }
.xt-miniature .xtm-app-head { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin-bottom: .4em; }
.xt-miniature .xtm-app-head .xtm-h { font-size: .98em; }
.xt-miniature .xtm-app-row { display: grid; grid-template-columns: minmax(0, 1fr) 3.4em 4.6em; align-items: center; gap: .6em; padding: .62em .3em; border-bottom: 1px solid #eef1f4; font-size: .62em; color: #2d323c; }
.xt-miniature .xtm-app-row > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-app-row .xtm-num { text-align: right; }
.xt-miniature .xtm-app-row.is-low { font-weight: 500; color: #191b22; }
.xt-miniature .xtm-app-flag { display: flex; align-items: center; justify-content: flex-end; gap: .3em; }

/* Charts */
.xt-miniature .xtm-stat { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; padding: .8em 1.1em 0; }
.xt-miniature .xtm-stat > p:first-child { display: flex; align-items: baseline; gap: .45em; }
.xt-miniature .xtm-stat strong { font-size: 1.5em; font-weight: 600; letter-spacing: -.04em; line-height: 1; }
.xt-miniature .xtm-stat-change { font-size: .62em; font-weight: 500; color: #286c4c; }
.xt-miniature .xtm-linechart { display: block; width: calc(100% - 2.2em); height: 4em; margin: .6em 1.1em 0; }
.xt-miniature .xtm-linechart-s { height: 3em; }
.xt-miniature .xtm-chart-rows { display: grid; margin: .4em .6em 0; }
.xt-miniature .xtm-chart-row { display: flex; align-items: center; gap: .55em; padding: .42em .5em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-chart-row > span:nth-child(2) { flex: 1; font-size: .62em; color: #191b22; font-weight: 500; }
.xt-miniature .xtm-chart-row .xtm-m { font-size: .58em; }
.xt-miniature .xtm-chart-row .xtm-tick, .xt-miniature .xtm-chart-row .xtm-tile { width: 1.35em; height: 1.35em; border-radius: 50%; }
.xt-miniature .xtm-chart-row .xtm-tile .xtm-i { width: .75em; height: .75em; }
.xt-miniature .xtm-chart-insight { margin-top: .7em; }
.xt-miniature .xtm-kpi-who { display: flex; align-items: center; gap: .55em; padding: .75em 1.1em .2em; }
.xt-miniature .xtm-kpi { padding: .55em 1.1em 0; }
.xt-miniature .xtm-kpi-head { display: flex; align-items: center; justify-content: space-between; gap: 1em; font-size: .62em; color: #2d323c; }
.xt-miniature .xtm-kpi-head .xtm-num { display: flex; align-items: center; gap: .4em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-kpi-head .xtm-tick { width: 1.3em; height: 1.3em; }
.xt-miniature .xtm-meter { display: block; height: .32em; margin-top: .4em; border-radius: 1em; background: #eef1f4; overflow: hidden; }
.xt-miniature .xtm-meter span { display: block; height: 100%; border-radius: inherit; background: #2d323c; }
.xt-miniature .xtm-meter.is-ok span { background: #286c4c; }
.xt-miniature .xtm-brief { display: flex; align-items: center; gap: .65em; padding: .8em 1.1em 0; }
.xt-miniature .xtm-brief .xtm-logo-tile { width: 2.1em; height: 2.1em; }
.xt-miniature .xtm-brief-text { display: grid; gap: .1em; min-width: 0; }
.xt-miniature .xtm-leader { display: grid; gap: .1em; padding: .55em 1.1em; }
.xt-miniature .xtm-leader-row { display: grid; grid-template-columns: 1.2em 4.6em minmax(0, 1fr) 1.6em; align-items: center; gap: .55em; padding: .4em 0; }
.xt-miniature .xtm-leader-name { font-size: .64em; font-weight: 500; color: #191b22; }
.xt-miniature .xtm-leader-bar { height: .5em; border-radius: 1em; background: #eef1f4; overflow: hidden; }
.xt-miniature .xtm-leader-bar span { display: block; height: 100%; border-radius: inherit; background: #2d323c; }
.xt-miniature .xtm-leader-row:first-child .xtm-leader-bar span { background: #286c4c; }
.xt-miniature .xtm-leader-score { font-size: .64em; font-weight: 600; text-align: right; }
.xt-miniature .xtm-consensus-a { margin: 1em 1.5em 0; font-size: .72em; line-height: 1.45; color: #191b22; }
.xt-miniature .xtm-voters { display: grid; grid-template-columns: repeat(10, 1fr); gap: .35em; margin: .8em 1.1em 0; }
.xt-miniature .xtm-voter { display: grid; place-items: center; aspect-ratio: 1; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px #dce1e7; }
.xt-miniature .xtm .xtm-voter img { width: 58%; height: 58%; object-fit: contain; }
.xt-miniature .xtm-voter.is-off { opacity: .32; box-shadow: inset 0 0 0 1px #dce1e7; }
.xt-miniature .xtm-consensus-n { display: flex; align-items: center; gap: .45em; margin: .8em 1.1em 0; font-size: .64em; font-weight: 500; color: #286c4c; }
.xt-miniature .xtm-votes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5em; padding: .8em 1em 0; }
.xt-miniature .xtm-vote { display: grid; gap: .3em; padding: .6em .65em; border: 1px solid #e2e6eb; border-radius: .6em; }
.xt-miniature .xtm-vote.is-win { border-color: #c9d0d8; background: #f6f8f9; }
.xt-miniature .xtm-vote-pick { font-size: .66em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-vote-why { font-size: .54em; line-height: 1.4; color: #626777; }
.xt-miniature .xtm-verdict { display: flex; align-items: center; gap: .5em; margin: .75em 1em 0; padding: .55em .7em; border-radius: .6em; background: #eef4f0; }
.xt-miniature .xtm-verdict > span:last-child { font-size: .66em; font-weight: 600; color: #1d4f37; }
.xt-miniature .xtm-verdict .xtm-tick { width: 1.5em; height: 1.5em; }
.xt-miniature .xtm-verdict .xtm-tick .xtm-i { stroke-width: 1.8; }
.xt-miniature .xtm-colbars { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; gap: .55em; height: 6.4em; margin: .7em 1.1em 0; }
.xt-miniature .xtm-colbar { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 5em; }
.xt-miniature .xtm-colbar > span:first-child { display: block; border-radius: .3em .3em .1em .1em; background: #c9d0d8; }
.xt-miniature .xtm-colbar:last-child > span:first-child { background: #2d323c; }
.xt-miniature .xtm-colbar-l { position: absolute; left: 0; right: 0; top: 100%; margin-top: .6em; font-size: .52em; color: #8a909c; text-align: center; }
.xt-miniature .xtm-uptime { display: grid; gap: .75em; padding: .85em 1.1em; }
.xt-miniature .xtm-up-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; margin-bottom: .4em; }
.xt-miniature .xtm-up-name { font-size: .64em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-up-head .xtm-m { font-size: .6em; }
.xt-miniature .xtm-up-bars { display: grid; grid-template-columns: repeat(30, minmax(0, 1fr)); gap: .2em; height: 1.3em; }
.xt-miniature .xtm-up-bars span { border-radius: .1em; background: #286c4c; opacity: .6; }
.xt-miniature .xtm-up-bars span.is-down { background: #191b22; opacity: 1; }

/* Flows */
.xt-miniature .xtm-flow-across { position: absolute; left: 1.1em; right: 1.1em; top: 1.2em; bottom: 1.2em; display: grid; align-items: center; }
.xt-miniature .xtm-flow-across .xtm-node { gap: .4em; padding: 0 .5em; }
.xt-miniature .xtm-flow-across .xtm-node .xtm-tile { width: 1.45em; height: 1.45em; border-radius: .42em; }
.xt-miniature .xtm-flow-across .xtm-node .xtm-tile .xtm-i { width: .8em; height: .8em; }
.xt-miniature .xtm-flow-across .xtm-node .xtm-tick { width: 1.05em; height: 1.05em; }
.xt-miniature .xtm-flow-col { display: grid; gap: .6em; min-width: 0; }
.xt-miniature .xtm-join { display: block; width: 1.5em; overflow: visible; }
.xt-miniature .xtm-node { position: relative; display: flex; align-items: center; gap: .5em; height: 3.3em; padding: 0 .6em; background: #fff; border: 1px solid #dce1e7; border-radius: .65em; box-shadow: 0 .05em .12em #1c1f2a0f, 0 .7em 1.4em -.9em #1c1f2a40; overflow: hidden; }
.xt-miniature .xtm-node.is-ok { border-color: #b9d3c3; }
.xt-miniature .xtm-node .xtm-tile { width: 1.75em; height: 1.75em; }
.xt-miniature .xtm .xtm-tile-logo img { width: 1em; height: 1em; object-fit: contain; }
.xt-miniature .xtm-node-text { display: grid; gap: .08em; flex: 1; min-width: 0; }
.xt-miniature .xtm-node-t { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .6em; font-weight: 600; line-height: 1.3; color: #191b22; }
.xt-miniature .xtm-node-s { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .52em; line-height: 1.3; color: #8a909c; }
.xt-miniature .xtm-node .xtm-tick { width: 1.2em; height: 1.2em; }
.xt-miniature .xtm-node-run { position: absolute; left: 0; right: 0; bottom: 0; height: .2em; background: #eef1f4; }
.xt-miniature .xtm-node-run span { display: block; width: 55%; height: 100%; background: #2d323c; }
.xt-miniature .xtm-flow-down { position: absolute; left: 2.2em; top: 1.5em; width: 13.6em; display: grid; justify-items: stretch; }
.xt-miniature .xtm-flow-down .xtm-node { height: 3.2em; }
.xt-miniature .xtm-flow-down .xtm-node-t { font-size: .66em; }
.xt-miniature .xtm-flow-down .xtm-node-s { font-size: .56em; }
.xt-miniature .xtm-join-down { justify-self: start; width: 1.5px; height: 1.1em; margin-left: 1.5em; background: #b9c1cb; }

/* Terminals */
.xt-miniature .xtm-term { display: grid; gap: .1em; font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; letter-spacing: 0; }
.xt-miniature .xtm-term p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .52em; line-height: 1.6; color: #c3cbd6; }
.xt-miniature .xtm-term .is-cmd { color: #fff; }
.xt-miniature .xtm-term .is-dim { color: #7d8898; }
.xt-miniature .xtm-term .is-ok { color: #8fd1ad; }
.xt-miniature .xtm-term .is-ask { color: #fff; font-weight: 500; }
.xt-miniature .xtm-live { width: .45em; height: .45em; margin-left: auto; border-radius: 50%; background: #5fbf8c; box-shadow: 0 0 0 .18em #5fbf8c33; }
.xt-miniature .xtm-phone { position: absolute; left: 3.4em; top: 1.3em; bottom: -2em; width: 10em; padding: .4em; border-radius: 1.6em; background: #191b22; box-shadow: 0 1.2em 2.4em -1.2em #1c1f2a8c; }
.xt-miniature .xtm-phone-screen { position: relative; height: 100%; padding: .9em .75em; border-radius: 1.25em; background: #1d2532; overflow: hidden; }
.xt-miniature .xtm-phone-head { display: flex; align-items: center; gap: .4em; padding-bottom: .6em; margin-bottom: .55em; border-bottom: 1px solid #36414f; }
.xt-miniature .xtm-phone-head > span:nth-child(2) { font-size: .56em; font-weight: 600; color: #fff; }
.xt-miniature .xtm .xtm-phone-head .xtm-logo { width: 1em; height: 1em; }
.xt-miniature .xtm-phone-input { display: flex; align-items: center; justify-content: space-between; gap: .4em; margin-top: .8em; padding: .35em .35em .35em .7em; border-radius: .8em; background: #283243; }
.xt-miniature .xtm-phone-input > span:first-child { font-size: .52em; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-phone-send { display: grid; place-items: center; flex: none; width: 1.3em; height: 1.3em; border-radius: 50%; background: #fff; color: #191b22; }
.xt-miniature .xtm-phone-send .xtm-i { width: .75em; height: .75em; stroke-width: 2; }
.xt-miniature .xtm-sessions { position: absolute; left: 15em; right: 1.6em; top: 2.4em; display: grid; gap: .45em; }
.xt-miniature .xtm-session { display: flex; align-items: center; gap: .6em; padding: .55em .7em; background: #fff; border: 1px solid #dce1e7; border-radius: .7em; box-shadow: 0 .05em .12em #1c1f2a0f; }
.xt-miniature .xtm-session.is-on { box-shadow: 0 0 0 1px #191b22; border-color: #191b22; }
.xt-miniature .xtm .xtm-session .xtm-logo { width: 1.25em; height: 1.25em; }
.xt-miniature .xtm-session .xtm-note-t, .xt-miniature .xtm-session .xtm-note-s { overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-desk { position: absolute; left: 1.4em; right: 1.4em; top: 1.4em; bottom: -1em; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4em; padding: .4em; border-radius: .9em .9em 0 0; background: #191b22; box-shadow: 0 1.2em 2.4em -1.2em #1c1f2a8c; }
.xt-miniature .xtm-pane { min-width: 0; padding: .6em .7em; border-radius: .55em; background: #1d2532; overflow: hidden; }
.xt-miniature .xtm-pane.is-wait { box-shadow: inset 0 0 0 1px #8fd1ad; }
.xt-miniature .xtm-pane-head { display: flex; align-items: center; gap: .4em; margin-bottom: .45em; }
.xt-miniature .xtm-pane-head > span:nth-child(2) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .54em; font-weight: 600; color: #fff; }
.xt-miniature .xtm .xtm-pane-head .xtm-logo { width: .95em; height: .95em; }
.xt-miniature .xtm-pane-wait { margin-left: auto; font-size: .5em; font-weight: 500; color: #8fd1ad; white-space: nowrap; }
.xt-miniature .xtm-chip-white img, .xt-miniature .xtm-tile-white img { filter: brightness(0) invert(1); }

/* Files */
.xt-miniature .xtm-files { position: absolute; left: 1.8em; right: 1.8em; top: 2.6em; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7em; }
.xt-miniature .xtm-file { position: relative; padding: .35em .35em .7em; border-radius: .6em; }
.xt-miniature .xtm .xtm-file-img { width: 100%; height: 6.8em; object-fit: cover; border-radius: .4em; }
.xt-miniature .xtm-file-doc { position: relative; display: block; height: 6.8em; padding: .8em .7em; border-radius: .4em; background: #f6f8f9; overflow: hidden; }
.xt-miniature .xtm-file-doc .xtm-x { display: block; margin-top: .7em; font-size: .48em; line-height: 1.6; }
.xt-miniature .xtm-file-head { display: block; font-size: .56em; font-weight: 600; line-height: 1.3; color: #191b22; }
.xt-miniature .xtm-file-name { display: flex; align-items: center; gap: .35em; margin: .7em .3em 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .62em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-file-meta { margin: .25em .35em 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .56em; color: #8a909c; }
.xt-miniature .xtm-convert { position: absolute; left: 2.6em; right: 2.6em; top: 2.2em; display: grid; grid-template-columns: minmax(0, 1fr) 2.6em minmax(0, 1fr); align-items: center; }
.xt-miniature .xtm-convert-file { position: relative; padding: .45em .45em .8em; border-radius: .7em; }
.xt-miniature .xtm-convert-file .xtm-file-doc { height: 8.2em; padding: .9em .8em; }
.xt-miniature .xtm-convert-file .xtm-file-doc .xtm-x { font-size: .48em; }
.xt-miniature .xtm-convert-file.is-ok { box-shadow: 0 0 0 1px #286c4c, 0 1em 2.4em -1.3em #1c1f2a3d; border-color: #286c4c; }
.xt-miniature .xtm-convert-file .xtm-file-name { font-size: .64em; }
.xt-miniature .xtm-convert-file .xtm-tick { width: 1.3em; height: 1.3em; }
.xt-miniature .xtm-convert-arrow { display: grid; place-items: center; justify-self: center; width: 1.8em; height: 1.8em; border-radius: 50%; background: #fff; border: 1px solid #dce1e7; color: #2d323c; }
.xt-miniature .xtm-pages { position: absolute; left: 1.6em; right: 1.6em; top: 2.2em; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .7em; }
.xt-miniature .xtm-pdf-page { display: grid; gap: .55em; justify-items: center; }
.xt-miniature .xtm-pdf-sheet { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1.414; padding: .6em .5em; border-radius: .25em; }
.xt-miniature .xtm-pdf-t { display: block; font-size: .46em; font-weight: 600; line-height: 1.3; color: #191b22; }
.xt-miniature .xtm-pdf-sheet .xtm-x { margin-top: .8em; font-size: .36em; line-height: 1.7; }
.xt-miniature .xtm-pdf-n { font-size: .56em; color: #8a909c; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-pdf-page.is-lift .xtm-pdf-sheet { transform: translateY(-.8em) rotate(4deg); box-shadow: 0 .05em .12em #1c1f2a12, 0 1.4em 2.2em -1em #1c1f2a73; border-color: #191b22; }
.xt-miniature .xtm-pdf-page.is-cut .xtm-pdf-sheet { opacity: .4; }
.xt-miniature .xtm-pdf-page.is-cut .xtm-pdf-n { text-decoration: line-through; }
.xt-miniature .xtm-secret { left: 50%; top: 1.8em; bottom: -1em; width: 17em; margin-left: -8.5em; padding: 1em 1.15em; }
.xt-miniature .xtm-secret-head { display: flex; align-items: center; gap: .6em; }
.xt-miniature .xtm-secret-value { margin-top: .85em; padding: .55em .7em; border-radius: .5em; background: #f3f5f7; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: .6em; letter-spacing: .04em; color: #4a505c; }
.xt-miniature .xtm-secret-link { display: flex; align-items: center; justify-content: space-between; gap: .6em; margin-top: .55em; }
.xt-miniature .xtm-secret-link > span:first-child { display: flex; align-items: center; gap: .4em; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .6em; color: #191b22; }
.xt-miniature .xtm-secret-rule { display: flex; align-items: center; gap: .45em; margin-top: .75em; font-size: .6em; color: #626777; }
.xt-miniature .xtm-secret-rule + .xtm-secret-rule { margin-top: .45em; }