@layer payload-default{.lexical-diff ul.list-check{padding-inline-start:0}.lexical-diff .checkboxItem{list-style-type:none}.lexical-diff .checkboxItem__wrapper{align-items:center;display:flex}.lexical-diff .checkboxItem__icon{width:var(--spacer-3);height:var(--spacer-3);border:var(--stroke-width-small) solid var(--color-text);border-radius:var(--radius-medium);pointer-events:none;justify-content:center;align-items:center;margin-inline-end:var(--spacer-2);display:flex}.lexical-diff .checkboxItem__icon[data-match-type=create]{background-color:var(--color-bg-brand-tertiary);border-color:var(--color-border-brand-strong);color:var(--color-text-brand)}.lexical-diff .checkboxItem__icon[data-match-type=delete]{border-color:var(--diff-delete-pill-color)}.lexical-diff .checkboxItem__icon.checkboxItem__icon[data-enable-match=true][data-match-type=create],.lexical-diff .checkboxItem__icon.checkboxItem__icon[data-enable-match=true][data-match-type=delete]{border-radius:var(--radius-medium);padding:0}.lexical-diff .checkboxItem__icon.checkboxItem__icon[data-enable-match=true][data-match-type=create]{background-color:var(--color-bg-brand-tertiary);color:var(--color-text-brand)}.lexical-diff .checkboxItem__icon.checkboxItem__icon[data-enable-match=true][data-match-type=delete]{color:var(--diff-delete-pill-color);background-color:#0000}.lexical-diff .checkboxItem--nested{margin-inline-start:var(--spacer-4)}.lexical-diff ol.list-number{list-style-type:decimal}.lexical-diff ol.list-number ol.list-number{list-style-type:upper-alpha}.lexical-diff ol.list-number ol.list-number ol.list-number{list-style-type:lower-alpha}.lexical-diff ol.list-number ol.list-number ol.list-number ol.list-number{list-style-type:upper-roman}.lexical-diff ol.list-number ol.list-number ol.list-number ol.list-number ol.list-number{list-style-type:lower-roman}}
@layer payload-default{.lexical-diff .lexical-relationship-diff{background-color:var(--color-bg-brand-tertiary);outline:var(--stroke-width-small) solid var(--color-border-brand);outline-offset:calc(var(--stroke-width-small) * -1);border-radius:var(--radius-medium);z-index:2;max-width:fit-content;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);margin-block:var(--spacer-2);padding:var(--spacer-1);align-items:center;display:inline-flex;position:relative}.lexical-diff .lexical-relationship-diff[data-match-type=create]{background-color:var(--diff-create-parent-bg);outline-color:var(--diff-create-pill-border)}.lexical-diff .lexical-relationship-diff[data-match-type=create] .lexical-relationship-diff__pill{background-color:var(--color-bg-brand);color:var(--color-text-onbrand)}.lexical-diff .lexical-relationship-diff[data-match-type=create] .lexical-relationship-diff__info{color:var(--diff-create-parent-color)}.lexical-diff .lexical-relationship-diff[data-match-type=delete]{background-color:var(--diff-delete-parent-bg);outline-color:var(--diff-delete-pill-border);text-decoration-line:none}.lexical-diff .lexical-relationship-diff[data-match-type=delete] .lexical-relationship-diff__pill{background-color:var(--color-bg-danger);color:var(--color-text-oncomponent)}.lexical-diff .lexical-relationship-diff[data-match-type=delete] .lexical-relationship-diff__pill *{color:var(--color-text-oncomponent);background-color:#0000;text-decoration-line:none}.lexical-diff .lexical-relationship-diff[data-match-type=delete] .lexical-relationship-diff__info{color:var(--color-text-danger);text-decoration-line:line-through}.html-diff .lexical-relationship-diff.lexical-relationship-diff[data-enable-match=true][data-match-type=create],.html-diff .lexical-relationship-diff.lexical-relationship-diff[data-enable-match=true][data-match-type=delete]{border-radius:var(--radius-medium);padding:var(--spacer-1);text-decoration-line:none}.html-diff .lexical-relationship-diff.lexical-relationship-diff[data-enable-match=true][data-match-type=create]{background-color:var(--diff-create-parent-bg);outline-color:var(--diff-create-pill-border);color:var(--diff-create-parent-color)}.html-diff .lexical-relationship-diff.lexical-relationship-diff[data-enable-match=true][data-match-type=delete]{background-color:var(--diff-delete-parent-bg);outline-color:var(--diff-delete-pill-border)}.lexical-diff .lexical-relationship-diff__pill{border-radius:var(--radius-medium);padding-inline:var(--spacer-1);background-color:var(--color-bg-brand);color:var(--color-text-onbrand);white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}.lexical-diff .lexical-relationship-diff__info{padding-inline:var(--spacer-1);font-weight:var(--text-body-medium-font-weight);color:var(--color-text-brand);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:768px){.lexical-diff .html-diff .lexical-relationship-diff{max-width:unset;border-radius:0;outline:none;margin:0;display:flex}}}
@layer payload-default{.lexical-diff .lexical-unknown-diff{box-shadow:var(--elevation-100-canvas);background:var(--color-bg);border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border);max-width:fit-content;font-family:var(--font-body);margin-block:calc(var(--spacer-1) * 2.5);max-height:calc(var(--spacer-5) * 2.5);padding:calc(var(--spacer-1) * 1.25);align-items:center;display:flex;position:relative}.lexical-diff .lexical-unknown-diff[data-match-type=create]{border-color:var(--diff-create-pill-border);color:var(--diff-create-parent-color)}.lexical-diff .lexical-unknown-diff[data-match-type=delete]{border-color:var(--diff-delete-pill-border);color:var(--diff-delete-parent-color);background-color:var(--diff-delete-pill-bg);text-decoration-line:none}.lexical-diff .lexical-unknown-diff[data-match-type=delete] *{color:var(--diff-delete-parent-color);text-decoration-line:none}.lexical-diff .lexical-unknown-diff__specifier{font-family:SF Mono,Menlo,Consolas,Monaco,monospace}}
@layer payload-default{.lexical-diff .lexical-upload-diff{background-color:var(--color-bg);border-radius:var(--radius-medium);outline:var(--stroke-width-small) solid var(--color-border);outline-offset:calc(var(--stroke-width-small) * -1);z-index:2;min-width:100%;max-width:fit-content;font-family:var(--text-body-medium-font-family);padding:var(--spacer-2);align-items:center;display:flex;position:relative}.lexical-diff .lexical-upload-diff[data-match-type=create]{background-color:var(--diff-create-parent-bg);outline-color:var(--diff-create-pill-border);color:var(--diff-create-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=create] .lexical-upload-diff__thumbnail{background-color:var(--diff-create-pill-bg)}.lexical-diff .lexical-upload-diff[data-match-type=create] .lexical-upload-diff__info,.lexical-diff .lexical-upload-diff[data-match-type=create] .lexical-upload-diff__meta{color:var(--diff-create-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=delete]{background-color:var(--diff-delete-parent-bg);outline-color:var(--diff-delete-pill-border);color:var(--diff-delete-parent-color);text-decoration-line:none}.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__thumbnail{background-color:var(--diff-delete-pill-bg)}.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__info{color:var(--diff-delete-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__info strong{text-decoration-line:line-through;-webkit-text-decoration-color:var(--diff-delete-parent-color);text-decoration-color:var(--diff-delete-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__meta{text-decoration-line:line-through;-webkit-text-decoration-color:var(--diff-delete-parent-color);text-decoration-color:var(--diff-delete-parent-color);color:var(--diff-delete-parent-color)}.lexical-diff .lexical-upload-diff.lexical-upload-diff[data-enable-match=true][data-match-type=create],.lexical-diff .lexical-upload-diff.lexical-upload-diff[data-enable-match=true][data-match-type=delete]{border-radius:var(--radius-medium);padding:var(--spacer-2);text-decoration-line:none}.lexical-diff .lexical-upload-diff.lexical-upload-diff[data-enable-match=true][data-match-type=create]{background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color)}.lexical-diff .lexical-upload-diff.lexical-upload-diff[data-enable-match=true][data-match-type=delete]{background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color)}.lexical-diff .lexical-upload-diff__card{align-items:center;gap:var(--spacer-2-5);flex-direction:row;width:100%;display:flex}.lexical-diff .lexical-upload-diff__thumbnail{width:var(--spacer-6);height:var(--spacer-6);border-radius:var(--radius-medium);background-color:var(--color-bg-secondary);flex-shrink:0;position:relative;overflow:hidden}.lexical-diff .lexical-upload-diff__thumbnail img,.lexical-diff .lexical-upload-diff__thumbnail svg{object-fit:cover;width:100%;height:100%;position:absolute}.lexical-diff .lexical-upload-diff__info{justify-content:center;gap:var(--spacer-1);font-size:var(--text-body-medium-font-size);line-height:var(--text-body-medium-line-height);min-width:var(--stroke-width-small);flex-direction:column;flex:1 0 0;display:flex;overflow:hidden}.lexical-diff .lexical-upload-diff__info strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.lexical-diff .lexical-upload-diff__meta{font-size:var(--text-body-medium-font-size);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lexical-diff [data-match-type=create] .lexical-upload-diff__info,.lexical-diff [data-match-type=create] .lexical-upload-diff__meta.lexical-upload-diff__meta{color:var(--diff-create-parent-color)}.lexical-diff [data-match-type=create] .lexical-upload-diff__thumbnail{background-color:var(--diff-create-pill-bg)}.lexical-diff [data-match-type=create] .lexical-upload-diff{background-color:var(--diff-create-parent-bg);outline-color:var(--diff-create-pill-border)}.lexical-diff [data-match-type=delete] .lexical-upload-diff__info{color:var(--diff-delete-parent-color)}.lexical-diff [data-match-type=delete] .lexical-upload-diff__info strong{text-decoration-line:line-through;-webkit-text-decoration-color:var(--diff-delete-parent-color);text-decoration-color:var(--diff-delete-parent-color)}.lexical-diff [data-match-type=delete] .lexical-upload-diff__meta.lexical-upload-diff__meta{text-decoration-line:line-through;-webkit-text-decoration-color:var(--diff-delete-parent-color);text-decoration-color:var(--diff-delete-parent-color);color:var(--diff-delete-parent-color)}.lexical-diff [data-match-type=delete] .lexical-upload-diff__thumbnail{background-color:var(--diff-delete-pill-bg)}.lexical-diff [data-match-type=delete] .lexical-upload-diff{background-color:var(--diff-delete-parent-bg);outline-color:var(--diff-delete-pill-border)}}
.gU1-xG_toolbar{align-items:center;gap:var(--spacer-2);margin-bottom:var(--spacer-2);display:flex}.gU1-xG_meta{color:var(--color-text-secondary);margin-left:auto}.gU1-xG_scroll{border:1px solid var(--color-border);border-radius:var(--radius-medium);overflow-x:auto}.gU1-xG_table{width:100%}.gU1-xG_table th,.gU1-xG_table td{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-width:160px}.gU1-xG_table th{background:var(--color-bg-secondary)}.gU1-xG_table tbody tr:nth-child(2n) td{background:var(--color-bg-transparent-hover)}.gU1-xG_table tbody tr:last-child td{border-bottom:0}.gU1-xG_table .gU1-xG_actions{text-align:center;border-right:0;width:44px;min-width:44px}.gU1-xG_head{align-items:center;display:flex}.gU1-xG_input{width:100%;padding:var(--spacer-3);border:0}.gU1-xG_head .gU1-xG_input{font-weight:var(--font-weight-strong,600)}.gU1-xG_remove{border-radius:var(--radius-small);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;margin-right:6px;display:inline-flex}.gU1-xG_remove:disabled{opacity:.3;cursor:not-allowed}.gU1-xG_remove svg{width:20px;height:20px}
@layer payload-default{.plugin-seo__field{margin-bottom:var(--spacer-1)}.plugin-seo__field .field-label{display:inline!important}}
.tpg-entry{gap:var(--base,20px);flex-direction:column;display:flex}.tpg-entry__preview{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tpg-entry__swatches{gap:6px;display:flex}.tpg-entry__swatch{border:1px solid var(--theme-elevation-150);border-radius:6px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000000f}.tpg-entry__meta{color:var(--theme-elevation-500);flex-direction:column;gap:2px;font-size:.8rem;display:flex}.tpg-entry__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tpg-root{--tpg-border:var(--theme-elevation-150);--tpg-panel:var(--theme-elevation-0);--tpg-bg:var(--theme-elevation-50);--tpg-fg:var(--theme-text);--tpg-muted:var(--theme-elevation-500);color:var(--tpg-fg);flex-direction:column;gap:20px;height:100%;display:flex}.tpg-field-root{flex-direction:column;gap:20px;display:flex}.tpg-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tpg-page-header__title{margin:0 0 4px;font-size:1.25rem;font-weight:700}.tpg-page-header__desc{max-width:48rem;color:var(--theme-elevation-500);margin:0;font-size:.85rem}.tpg-layout{flex-direction:column;flex:1;gap:20px;min-height:0;display:flex}@media (min-width:1100px){.tpg-layout{flex-direction:row}.tpg-layout__controls{flex-shrink:0;width:420px;padding-right:8px;overflow-y:auto}.tpg-layout__preview{flex:1;min-width:0;padding-right:4px;overflow-y:auto}}.tpg-layout__controls{flex-direction:column;gap:20px;display:flex}.tpg-panel{border:1px solid var(--tpg-border);background:var(--tpg-panel);border-radius:10px;flex-direction:column;gap:20px;padding:18px;display:flex}.tpg-panel__title{margin:0;font-size:.9rem;font-weight:600}.tpg-hr{border:none;border-top:1px solid var(--tpg-border);margin:0}.tpg-field{flex-direction:column;gap:6px;display:flex}.tpg-field__head{justify-content:space-between;align-items:baseline;display:flex}.tpg-field__label{font-size:.85rem;font-weight:500}.tpg-field__mono{font-family:var(--font-mono,monospace);color:var(--tpg-muted);font-size:11px}.tpg-field__hint{color:var(--tpg-muted);font-size:.75rem;line-height:1.35}.tpg-color-row{align-items:center;gap:8px;display:flex}.tpg-color-input{height:var(--field-min-height-large,40px);cursor:pointer;border-radius:var(--field-border-radius,5px);border:var(--stroke-width-small,1px) solid var(--field-color-border);background:var(--field-color-bg);flex-shrink:0;width:48px;padding:3px}.tpg-text-input{width:100%;min-height:var(--field-min-height-large,40px);border-radius:var(--field-border-radius,5px);border:var(--stroke-width-small,1px) solid var(--field-color-border);background:var(--field-color-bg);color:var(--tpg-fg);padding:0 var(--field-padding-inline,12px);font-family:var(--font-mono,monospace);text-transform:uppercase;outline:none;font-size:.85rem}.tpg-text-input:hover{border-color:var(--field-color-border-hover)}.tpg-text-input:focus{border-color:var(--field-color-border-focus)}.tpg-text-input--error,.tpg-text-input--error:hover,.tpg-text-input--error:focus{background:color-mix(in srgb, #dc2626 6%, var(--field-color-bg));border-color:#dc2626}.tpg-field-error{color:#b91c1c;margin:-4px 0 0;font-size:.75rem;line-height:1.35}.tpg-range{width:100%;accent-color:var(--theme-success-500,#2e8555)}.tpg-check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.tpg-check input{width:16px;height:16px;margin-top:2px}.tpg-check__title{font-size:.85rem;font-weight:500}.tpg-check__hint{color:var(--tpg-muted);font-size:.75rem;line-height:1.35;display:block}.tpg-scale-row{gap:8px;display:flex}.tpg-scale-input{flex-direction:column;flex:1;gap:4px;display:flex}.tpg-scale-input__label{text-transform:uppercase;letter-spacing:.04em;color:var(--tpg-muted);font-size:11px;font-weight:600}.tpg-scale-input__field{align-items:center;display:flex;position:relative}.tpg-scale-input__field input{width:100%;min-height:var(--field-min-height-large,40px);border-radius:var(--field-border-radius,5px);border:var(--stroke-width-small,1px) solid var(--field-color-border);background:var(--field-color-bg);color:var(--tpg-fg);padding:0 26px 0 var(--field-padding-inline,12px);font-family:var(--font-mono,monospace);outline:none;font-size:.85rem}.tpg-scale-input__field input:hover{border-color:var(--field-color-border-hover)}.tpg-scale-input__field input:focus{border-color:var(--field-color-border-focus)}.tpg-scale-input__unit{color:var(--tpg-muted);pointer-events:none;font-size:11px;position:absolute;right:8px}.tpg-scale-preview{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.tpg-scale-preview__col{flex-direction:column;align-items:center;gap:6px;display:flex}.tpg-scale-preview__box{border:1px solid;width:96px;height:96px;display:flex}.tpg-scale-preview__inner{flex:1}.tpg-scale-preview__label{color:var(--tpg-muted);font-size:11px;font-family:var(--font-mono,monospace)}.tpg-token-group{flex-direction:column;gap:4px;display:flex}.tpg-token-group__title,.tpg-showcase__section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--tpg-muted);margin:0;font-size:11px;font-weight:600}.tpg-token-list{margin:0;padding:0;list-style:none}.tpg-token-list>li+li{border-top:1px solid var(--tpg-border)}.tpg-token-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:6px 0;display:flex}.tpg-token-row:hover{background:var(--tpg-bg)}.tpg-token-row__swatch{border:1px solid #0000001a;border-radius:6px;flex-shrink:0;width:32px;height:32px}.tpg-token-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.tpg-token-row__name{align-items:center;gap:8px;display:flex}.tpg-token-row__name strong{font-size:.85rem;font-weight:500}.tpg-token-row__hex{font-family:var(--font-mono,monospace);text-transform:uppercase;color:var(--tpg-muted);font-size:11px}.tpg-token-row__source{color:var(--tpg-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tpg-token-row__chev{color:var(--tpg-muted);flex-shrink:0;transition:transform .15s}.tpg-token-row__chev--open{transform:rotate(90deg)}.tpg-badge{border:1px solid;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.tpg-badge--ok{color:#15803d;background:#16a34a24;border-color:#16a34a4d}.tpg-badge--warn{color:#b45309;background:#d9770629;border-color:#d9770652}.tpg-badge--fail{color:#b91c1c;background:#dc262624;border-color:#dc26264d}.tpg-badge--info{color:#0369a1;background:#0284c724;border-color:#0284c74d}.tpg-badge--custom{color:#b45309;text-transform:uppercase;background:#d9770629;border-color:#d9770652;padding:1px 4px;font-size:9px}.tpg-detail{background:var(--tpg-bg);border-radius:6px;margin:0 4px 8px 44px;padding:12px;font-size:11px;line-height:1.5}.tpg-detail__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tpg-detail dl{grid-template-columns:1.1rem 1fr;gap:4px 8px;margin:8px 0;display:grid}.tpg-detail dt{font-family:var(--font-mono,monospace);color:var(--tpg-muted);font-weight:600}.tpg-detail dd{margin:0}.tpg-detail__note{border-top:1px solid var(--tpg-border);margin-top:8px;padding-top:8px}.tpg-mono{font-family:var(--font-mono,monospace)}.tpg-override{border-top:1px solid var(--tpg-border);margin-top:8px;padding-top:8px}.tpg-override__body{flex-direction:column;gap:10px;margin-top:8px;display:flex}.tpg-swatch-sm{vertical-align:middle;border:1px solid #0000001a;border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.tpg-btn{border:1px solid var(--tpg-border);background:var(--tpg-panel);color:var(--tpg-fg);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:500}.tpg-btn:hover{background:var(--tpg-bg)}.tpg-btn--link{color:var(--theme-success-600,#256f49);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:2px 0;font-size:.75rem;font-weight:600;text-decoration:underline;display:inline-flex}.tpg-btn--link:hover{background:0 0;text-decoration-thickness:2px}.tpg-btn--link:focus-visible{outline:2px solid var(--theme-success-500,#2e8555);outline-offset:3px;border-radius:3px}.tpg-btn--primary{background:var(--theme-success-500,#2e8555);border-color:var(--theme-success-500,#2e8555);color:#fff}.tpg-btn--primary:hover{opacity:.9;background:var(--theme-success-500,#2e8555)}.tpg-btn-row{flex-wrap:wrap;gap:8px;display:flex}.tpg-showcase{flex-direction:column;gap:28px;display:flex}.tpg-showcase__section{flex-direction:column;gap:12px;display:flex}.tpg-showcase__grid{gap:16px;display:grid}@media (min-width:900px){.tpg-showcase__grid{grid-template-columns:1fr 1fr}}.tpg-card{border-radius:var(--radius-lg,12px);padding:var(--padding-lg,20px);flex-direction:column;gap:16px;display:flex}.tpg-card--bordered{border:1px solid}.tpg-card__row{justify-content:space-between;align-items:center;display:flex}.tpg-card h3{align-items:center;gap:8px;margin:0;font-size:1.4rem;font-weight:700;line-height:1.15;display:flex}.tpg-card p{margin:0;font-size:.85rem;line-height:1.6}.tpg-eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.tpg-btn-group{flex-wrap:wrap;gap:8px;display:flex}.tpg-preview-btn{border-radius:var(--radius-sm,6px);padding:var(--padding-sm,9px) var(--padding-md,16px);cursor:default;border:1px solid #0000;font-size:.85rem;font-weight:600}.tpg-preview-btn--outline{background:0 0;border-width:2px}.tpg-input-field{flex-direction:column;gap:4px;display:flex}.tpg-input-field input{border-radius:var(--radius-sm,6px);background:0 0;border:1px solid;padding:8px 10px;font-size:.85rem}.tpg-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.tpg-banners{flex-direction:column;gap:8px;display:flex}.tpg-banner{border-radius:var(--radius-md,8px);padding:var(--padding-md,12px)}.tpg-ramp{border:1px solid var(--tpg-border);border-radius:8px;display:flex;overflow:hidden}.tpg-ramp__step{flex:1}.tpg-ramp__swatch{height:48px}.tpg-ramp__label{background:var(--tpg-panel);text-align:center;color:var(--tpg-muted);padding:4px 0;font-size:10px}.tpg-status-summary{gap:8px;font-size:11px;display:flex}.tpg-css-view{padding:var(--base,20px);color:var(--theme-text);flex-direction:column;gap:16px;display:flex}.tpg-var-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;display:grid}.tpg-var-row{border-bottom:1px solid var(--theme-elevation-100);align-items:center;gap:8px;padding:4px 0;display:flex}.tpg-var-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.tpg-var-row__hex{text-transform:uppercase;color:var(--theme-elevation-500);font-size:11px}.tpg-css-pre{border:1px solid var(--theme-elevation-150);background:var(--theme-elevation-50);color:var(--theme-text);font-family:var(--font-mono,monospace);white-space:pre;border-radius:8px;margin:0;padding:16px;font-size:12px;line-height:1.6;overflow-x:auto}.tpg-drawer-actions{padding:var(--base,20px) var(--base,20px) 0;justify-content:flex-end;gap:8px;display:flex}.tpg-field-root{container-type:inline-size}.tpg-split{--tpg-border:var(--theme-elevation-150);--tpg-panel:var(--theme-elevation-0);--tpg-bg:var(--theme-elevation-50);--tpg-fg:var(--theme-text);--tpg-muted:var(--theme-elevation-500);color:var(--tpg-fg);gap:24px;display:grid}.tpg-split__controls{flex-direction:column;gap:16px;min-width:0;display:flex}@container (min-width:720px){.tpg-split{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start}.tpg-split__controls{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}.tpg-split__preview .tpg-showcase__grid{grid-template-columns:minmax(0,1fr)}}.tpg-shadow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}
.cv-picker{gap:var(--spacer-1,4px);flex-wrap:wrap;display:flex}.cv-section{padding-top:var(--spacer-3,16px)}.cv-viewport{gap:var(--spacer-1,4px);margin-bottom:var(--spacer-3,16px);display:flex}.cv-preview__stage{border:1px solid var(--theme-elevation-150);background:#fff;border-radius:6px;overflow:hidden}.cv-preview__frame{transform-origin:0 0;border:0;margin-inline:auto;display:block}.cv-sidebar{padding-top:var(--spacer-3,16px);border-top:1px solid var(--theme-elevation-150)}.cv-sidebar .array-field__row-header{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cv-sidebar .array-field__header-content{flex:1;min-width:0}.cv-sidebar .array-field__title{font-weight:600}.cv-sidebar .array-field__fields .row__fields{flex-direction:row-reverse}
.bt{gap:var(--spacer-3,16px);flex-direction:column;display:flex}.bt-picker{gap:var(--spacer-1,4px);flex-wrap:wrap;display:flex}.bt-group__title{margin:0 0 var(--spacer-2,8px)}.bt-list{gap:var(--spacer-1,4px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bt-row{align-items:center;gap:var(--spacer-2,8px);grid-template-columns:32px minmax(0,1fr) minmax(0,1.2fr) auto;display:grid}.bt-group .bt-row{grid-template-columns:32px minmax(0,1fr) minmax(0,1.4fr)}.bt-color,.bt-swatch{border:1px solid var(--theme-elevation-150);background:0 0;border-radius:4px;width:32px;height:32px;padding:0}.bt-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bt-input{height:32px;padding:0 var(--spacer-2,8px);border:1px solid var(--theme-elevation-150);font:inherit;border-radius:4px}.bt-select{min-width:0}
.corner-selects{border:0;min-inline-size:0;margin:0;padding:0}.corner-selects__grid{gap:calc(var(--base) * .5);grid-template-columns:1fr 1fr;display:grid}
@layer payload-default{.tenant-selector{border-bottom:var(--stroke-width-small) solid var(--color-border);width:calc(100% + var(--nav-padding-block-start) * 2);margin-block-end:var(--spacer-4);margin-inline-start:calc(-1 * var(--nav-padding-inline-start));padding-block-end:var(--spacer-4)}.tenant-selector .tenant-selector__select{margin-inline:var(--nav-padding-inline-start)}}