ghostykit 0.6.4 → 0.7.0

package/dist/styles.css

@@ -81,19 +81,19 @@
   --color-primary: var(--piloto-accent-strong);
   --color-primary-foreground: var(--piloto-on-accent);
 }
-.piloto .\@container {
+.piloto .\@container:not([data-piloto-isolate] *) {
   container-type: inline-size;
 }
-.piloto .pointer-events-auto {
+.piloto .pointer-events-auto:not([data-piloto-isolate] *) {
   pointer-events: auto;
 }
-.piloto .pointer-events-none {
+.piloto .pointer-events-none:not([data-piloto-isolate] *) {
   pointer-events: none;
 }
-.piloto .visible {
+.piloto .visible:not([data-piloto-isolate] *) {
   visibility: visible;
 }
-.piloto .sr-only {
+.piloto .sr-only:not([data-piloto-isolate] *) {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -104,82 +104,85 @@
   white-space: nowrap;
   border-width: 0;
 }
-.piloto .absolute {
+.piloto .absolute:not([data-piloto-isolate] *) {
   position: absolute;
 }
-.piloto .fixed {
+.piloto .fixed:not([data-piloto-isolate] *) {
   position: fixed;
 }
-.piloto .relative {
+.piloto .relative:not([data-piloto-isolate] *) {
   position: relative;
 }
-.piloto .static {
+.piloto .static:not([data-piloto-isolate] *) {
   position: static;
 }
-.piloto .inset-0 {
+.piloto .inset-0:not([data-piloto-isolate] *) {
   inset: 0px;
 }
-.piloto .-top-12 {
+.piloto .-top-12:not([data-piloto-isolate] *) {
   top: calc(var(--spacing) * -12);
 }
-.piloto .top-0\.5 {
+.piloto .top-0\.5:not([data-piloto-isolate] *) {
   top: calc(var(--spacing) * 0.5);
 }
-.piloto .top-2 {
+.piloto .top-2:not([data-piloto-isolate] *) {
   top: calc(var(--spacing) * 2);
 }
-.piloto .top-3 {
+.piloto .top-3:not([data-piloto-isolate] *) {
   top: calc(var(--spacing) * 3);
 }
-.piloto .top-4 {
+.piloto .top-4:not([data-piloto-isolate] *) {
   top: calc(var(--spacing) * 4);
 }
-.piloto .top-full {
+.piloto .top-full:not([data-piloto-isolate] *) {
   top: 100%;
 }
-.piloto .right-0 {
+.piloto .right-0:not([data-piloto-isolate] *) {
   right: 0px;
 }
-.piloto .right-0\.5 {
+.piloto .right-0\.5:not([data-piloto-isolate] *) {
   right: calc(var(--spacing) * 0.5);
 }
-.piloto .right-2 {
+.piloto .right-2:not([data-piloto-isolate] *) {
   right: calc(var(--spacing) * 2);
 }
-.piloto .right-4 {
+.piloto .right-4:not([data-piloto-isolate] *) {
   right: calc(var(--spacing) * 4);
 }
-.piloto .bottom-2 {
+.piloto .bottom-2:not([data-piloto-isolate] *) {
   bottom: calc(var(--spacing) * 2);
 }
-.piloto .bottom-4 {
+.piloto .bottom-4:not([data-piloto-isolate] *) {
   bottom: calc(var(--spacing) * 4);
 }
-.piloto .bottom-full {
+.piloto .bottom-full:not([data-piloto-isolate] *) {
   bottom: 100%;
 }
-.piloto .left-0 {
+.piloto .left-0:not([data-piloto-isolate] *) {
   left: 0px;
 }
-.piloto .left-1\/2 {
+.piloto .left-1\/2:not([data-piloto-isolate] *) {
   left: calc(1 / 2 * 100%);
 }
-.piloto .left-2 {
+.piloto .left-2:not([data-piloto-isolate] *) {
   left: calc(var(--spacing) * 2);
 }
-.piloto .left-4 {
+.piloto .left-4:not([data-piloto-isolate] *) {
   left: calc(var(--spacing) * 4);
 }
-.piloto .z-10 {
+.piloto .isolate:not([data-piloto-isolate] *) {
+  isolation: isolate;
+}
+.piloto .z-10:not([data-piloto-isolate] *) {
   z-index: 10;
 }
-.piloto .z-20 {
+.piloto .z-20:not([data-piloto-isolate] *) {
   z-index: 20;
 }
-.piloto .z-50 {
+.piloto .z-50:not([data-piloto-isolate] *) {
   z-index: 50;
 }
-.piloto .container {
+.piloto .container:not([data-piloto-isolate] *) {
   width: 100%;
   @media (width >= 40rem) {
     max-width: calc(40 * var(--piloto-rem));
@@ -197,1348 +200,1369 @@
     max-width: calc(96 * var(--piloto-rem));
   }
 }
-.piloto .mx-4 {
+.piloto .mx-4:not([data-piloto-isolate] *) {
   margin-inline: calc(var(--spacing) * 4);
 }
-.piloto .mx-auto {
+.piloto .mx-auto:not([data-piloto-isolate] *) {
   margin-inline: auto;
 }
-.piloto .my-4 {
+.piloto .my-4:not([data-piloto-isolate] *) {
   margin-block: calc(var(--spacing) * 4);
 }
-.piloto .my-6 {
+.piloto .my-6:not([data-piloto-isolate] *) {
   margin-block: calc(var(--spacing) * 6);
 }
-.piloto .mt-0\.5 {
+.piloto .mt-0\.5:not([data-piloto-isolate] *) {
   margin-top: calc(var(--spacing) * 0.5);
 }
-.piloto .mt-1 {
+.piloto .mt-1:not([data-piloto-isolate] *) {
   margin-top: var(--spacing);
 }
-.piloto .mt-2 {
+.piloto .mt-2:not([data-piloto-isolate] *) {
   margin-top: calc(var(--spacing) * 2);
 }
-.piloto .mt-3 {
+.piloto .mt-3:not([data-piloto-isolate] *) {
   margin-top: calc(var(--spacing) * 3);
 }
-.piloto .mt-4 {
+.piloto .mt-4:not([data-piloto-isolate] *) {
   margin-top: calc(var(--spacing) * 4);
 }
-.piloto .mt-5 {
+.piloto .mt-5:not([data-piloto-isolate] *) {
   margin-top: calc(var(--spacing) * 5);
 }
-.piloto .mt-6 {
+.piloto .mt-6:not([data-piloto-isolate] *) {
   margin-top: calc(var(--spacing) * 6);
 }
-.piloto .mt-\[3px\] {
+.piloto .mt-\[3px\]:not([data-piloto-isolate] *) {
   margin-top: 3px;
 }
-.piloto .mt-px {
+.piloto .mt-px:not([data-piloto-isolate] *) {
   margin-top: 1px;
 }
-.piloto .mb-1 {
+.piloto .mb-1:not([data-piloto-isolate] *) {
   margin-bottom: var(--spacing);
 }
-.piloto .mb-2 {
+.piloto .mb-2:not([data-piloto-isolate] *) {
   margin-bottom: calc(var(--spacing) * 2);
 }
-.piloto .mb-3 {
+.piloto .mb-3:not([data-piloto-isolate] *) {
   margin-bottom: calc(var(--spacing) * 3);
 }
-.piloto .mb-6 {
+.piloto .mb-6:not([data-piloto-isolate] *) {
   margin-bottom: calc(var(--spacing) * 6);
 }
-.piloto .ml-1 {
+.piloto .ml-1:not([data-piloto-isolate] *) {
   margin-left: var(--spacing);
 }
-.piloto .block {
+.piloto .block:not([data-piloto-isolate] *) {
   display: block;
 }
-.piloto .contents {
+.piloto .contents:not([data-piloto-isolate] *) {
   display: contents;
 }
-.piloto .flex {
+.piloto .flex:not([data-piloto-isolate] *) {
   display: flex;
 }
-.piloto .grid {
+.piloto .grid:not([data-piloto-isolate] *) {
   display: grid;
 }
-.piloto .hidden {
+.piloto .hidden:not([data-piloto-isolate] *) {
   display: none;
 }
-.piloto .inline-block {
+.piloto .inline:not([data-piloto-isolate] *) {
+  display: inline;
+}
+.piloto .inline-block:not([data-piloto-isolate] *) {
   display: inline-block;
 }
-.piloto .inline-flex {
+.piloto .inline-flex:not([data-piloto-isolate] *) {
   display: inline-flex;
 }
-.piloto .list-item {
+.piloto .list-item:not([data-piloto-isolate] *) {
   display: list-item;
 }
-.piloto .table {
+.piloto .table:not([data-piloto-isolate] *) {
   display: table;
 }
-.piloto .table-cell {
+.piloto .table-cell:not([data-piloto-isolate] *) {
   display: table-cell;
 }
-.piloto .table-row {
+.piloto .table-row:not([data-piloto-isolate] *) {
   display: table-row;
 }
-.piloto .size-4 {
+.piloto .size-4:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 4);
   height: calc(var(--spacing) * 4);
 }
-.piloto .size-5 {
+.piloto .size-5:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 5);
   height: calc(var(--spacing) * 5);
 }
-.piloto .size-7 {
+.piloto .size-7:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 7);
   height: calc(var(--spacing) * 7);
 }
-.piloto .size-full {
+.piloto .size-full:not([data-piloto-isolate] *) {
   width: 100%;
   height: 100%;
 }
-.piloto .h-2 {
+.piloto .h-2:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 2);
 }
-.piloto .h-3 {
+.piloto .h-3:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 3);
 }
-.piloto .h-3\.5 {
+.piloto .h-3\.5:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 3.5);
 }
-.piloto .h-4 {
+.piloto .h-4:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 4);
 }
-.piloto .h-5 {
+.piloto .h-5:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 5);
 }
-.piloto .h-6 {
+.piloto .h-6:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 6);
 }
-.piloto .h-7 {
+.piloto .h-7:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 7);
 }
-.piloto .h-8 {
+.piloto .h-8:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 8);
 }
-.piloto .h-9 {
+.piloto .h-9:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 9);
 }
-.piloto .h-16 {
+.piloto .h-16:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 16);
 }
-.piloto .h-20 {
+.piloto .h-20:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 20);
 }
-.piloto .h-24 {
+.piloto .h-24:not([data-piloto-isolate] *) {
   height: calc(var(--spacing) * 24);
 }
-.piloto .h-\[22px\] {
+.piloto .h-\[22px\]:not([data-piloto-isolate] *) {
   height: 22px;
 }
-.piloto .h-\[46px\] {
+.piloto .h-\[46px\]:not([data-piloto-isolate] *) {
   height: 46px;
 }
-.piloto .h-full {
+.piloto .h-full:not([data-piloto-isolate] *) {
   height: 100%;
 }
-.piloto .max-h-32 {
+.piloto .max-h-32:not([data-piloto-isolate] *) {
   max-height: calc(var(--spacing) * 32);
 }
-.piloto .max-h-60 {
+.piloto .max-h-60:not([data-piloto-isolate] *) {
   max-height: calc(var(--spacing) * 60);
 }
-.piloto .max-h-80 {
+.piloto .max-h-80:not([data-piloto-isolate] *) {
   max-height: calc(var(--spacing) * 80);
 }
-.piloto .max-h-\[min\(70vh\,40rem\)\] {
+.piloto .max-h-\[min\(70vh\,40rem\)\]:not([data-piloto-isolate] *) {
   max-height: min(70vh, calc(40 * var(--piloto-rem)));
 }
-.piloto .min-h-0 {
+.piloto .min-h-0:not([data-piloto-isolate] *) {
   min-height: 0px;
 }
-.piloto .min-h-28 {
+.piloto .min-h-28:not([data-piloto-isolate] *) {
   min-height: calc(var(--spacing) * 28);
 }
-.piloto .min-h-\[24px\] {
+.piloto .min-h-\[24px\]:not([data-piloto-isolate] *) {
   min-height: 24px;
 }
-.piloto .min-h-\[200px\] {
+.piloto .min-h-\[200px\]:not([data-piloto-isolate] *) {
   min-height: 200px;
 }
-.piloto .w-2 {
+.piloto .w-2:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 2);
 }
-.piloto .w-3 {
+.piloto .w-3:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 3);
 }
-.piloto .w-3\.5 {
+.piloto .w-3\.5:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 3.5);
 }
-.piloto .w-4 {
+.piloto .w-4:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 4);
 }
-.piloto .w-5 {
+.piloto .w-5:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 5);
 }
-.piloto .w-6 {
+.piloto .w-6:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 6);
 }
-.piloto .w-7 {
+.piloto .w-7:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 7);
 }
-.piloto .w-8 {
+.piloto .w-8:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 8);
 }
-.piloto .w-9 {
+.piloto .w-9:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 9);
 }
-.piloto .w-10 {
+.piloto .w-10:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 10);
 }
-.piloto .w-16 {
+.piloto .w-16:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 16);
 }
-.piloto .w-20 {
+.piloto .w-20:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 20);
 }
-.piloto .w-48 {
+.piloto .w-48:not([data-piloto-isolate] *) {
   width: calc(var(--spacing) * 48);
 }
-.piloto .w-\[3px\] {
+.piloto .w-\[3px\]:not([data-piloto-isolate] *) {
   width: 3px;
 }
-.piloto .w-\[22px\] {
+.piloto .w-\[22px\]:not([data-piloto-isolate] *) {
   width: 22px;
 }
-.piloto .w-full {
+.piloto .w-full:not([data-piloto-isolate] *) {
   width: 100%;
 }
-.piloto .max-w-3xl {
+.piloto .max-w-3xl:not([data-piloto-isolate] *) {
   max-width: var(--container-3xl);
 }
-.piloto .max-w-56 {
+.piloto .max-w-56:not([data-piloto-isolate] *) {
   max-width: calc(var(--spacing) * 56);
 }
-.piloto .max-w-\[16rem\] {
+.piloto .max-w-\[16rem\]:not([data-piloto-isolate] *) {
   max-width: calc(16 * var(--piloto-rem));
 }
-.piloto .max-w-\[75\%\] {
+.piloto .max-w-\[75\%\]:not([data-piloto-isolate] *) {
   max-width: 75%;
 }
-.piloto .max-w-\[80\%\] {
+.piloto .max-w-\[80\%\]:not([data-piloto-isolate] *) {
   max-width: 80%;
 }
-.piloto .max-w-\[90\%\] {
+.piloto .max-w-\[90\%\]:not([data-piloto-isolate] *) {
   max-width: 90%;
 }
-.piloto .max-w-\[784px\] {
+.piloto .max-w-\[784px\]:not([data-piloto-isolate] *) {
   max-width: 784px;
 }
-.piloto .max-w-full {
+.piloto .max-w-full:not([data-piloto-isolate] *) {
   max-width: 100%;
 }
-.piloto .max-w-md {
+.piloto .max-w-md:not([data-piloto-isolate] *) {
   max-width: var(--container-md);
 }
-.piloto .max-w-xl {
+.piloto .max-w-xl:not([data-piloto-isolate] *) {
   max-width: var(--container-xl);
 }
-.piloto .min-w-0 {
+.piloto .min-w-0:not([data-piloto-isolate] *) {
   min-width: 0px;
 }
-.piloto .min-w-52 {
+.piloto .min-w-52:not([data-piloto-isolate] *) {
   min-width: calc(var(--spacing) * 52);
 }
-.piloto .min-w-\[120px\] {
+.piloto .min-w-\[120px\]:not([data-piloto-isolate] *) {
   min-width: 120px;
 }
-.piloto .flex-1 {
+.piloto .flex-1:not([data-piloto-isolate] *) {
   flex: 1;
 }
-.piloto .flex-none {
+.piloto .flex-none:not([data-piloto-isolate] *) {
   flex: none;
 }
-.piloto .shrink-0 {
+.piloto .shrink-0:not([data-piloto-isolate] *) {
   flex-shrink: 0;
 }
-.piloto .border-collapse {
+.piloto .border-collapse:not([data-piloto-isolate] *) {
   border-collapse: collapse;
 }
-.piloto .origin-center {
+.piloto .origin-center:not([data-piloto-isolate] *) {
   transform-origin: center;
 }
-.piloto .-translate-x-1\/2 {
+.piloto .-translate-x-1\/2:not([data-piloto-isolate] *) {
   --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
-.piloto .rotate-90 {
+.piloto .rotate-90:not([data-piloto-isolate] *) {
   rotate: 90deg;
 }
-.piloto .rotate-180 {
+.piloto .rotate-180:not([data-piloto-isolate] *) {
   rotate: 180deg;
 }
-.piloto .transform {
+.piloto .transform:not([data-piloto-isolate] *) {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
-.piloto .animate-bounce {
+.piloto .animate-bounce:not([data-piloto-isolate] *) {
   animation: var(--animate-bounce);
 }
-.piloto .animate-pulse {
+.piloto .animate-pulse:not([data-piloto-isolate] *) {
   animation: var(--animate-pulse);
 }
-.piloto .animate-spin {
+.piloto .animate-spin:not([data-piloto-isolate] *) {
   animation: var(--animate-spin);
 }
-.piloto .cursor-pointer {
+.piloto .cursor-pointer:not([data-piloto-isolate] *) {
   cursor: pointer;
 }
-.piloto .resize-none {
+.piloto .resize-none:not([data-piloto-isolate] *) {
   resize: none;
 }
-.piloto .list-inside {
+.piloto .list-inside:not([data-piloto-isolate] *) {
   list-style-position: inside;
 }
-.piloto .list-decimal {
+.piloto .list-decimal:not([data-piloto-isolate] *) {
   list-style-type: decimal;
 }
-.piloto .list-disc {
+.piloto .list-disc:not([data-piloto-isolate] *) {
   list-style-type: disc;
 }
-.piloto .appearance-none {
+.piloto .appearance-none:not([data-piloto-isolate] *) {
   appearance: none;
 }
-.piloto .flex-col {
+.piloto .flex-col:not([data-piloto-isolate] *) {
   flex-direction: column;
 }
-.piloto .flex-row {
+.piloto .flex-row:not([data-piloto-isolate] *) {
   flex-direction: row;
 }
-.piloto .flex-wrap {
+.piloto .flex-wrap:not([data-piloto-isolate] *) {
   flex-wrap: wrap;
 }
-.piloto .place-items-center {
+.piloto .place-items-center:not([data-piloto-isolate] *) {
   place-items: center;
 }
-.piloto .items-baseline {
+.piloto .items-baseline:not([data-piloto-isolate] *) {
   align-items: baseline;
 }
-.piloto .items-center {
+.piloto .items-center:not([data-piloto-isolate] *) {
   align-items: center;
 }
-.piloto .items-end {
+.piloto .items-end:not([data-piloto-isolate] *) {
   align-items: flex-end;
 }
-.piloto .items-start {
+.piloto .items-start:not([data-piloto-isolate] *) {
   align-items: flex-start;
 }
-.piloto .\[justify-content\:safe_center\] {
+.piloto .\[justify-content\:safe_center\]:not([data-piloto-isolate] *) {
   justify-content: safe center;
 }
-.piloto .justify-between {
+.piloto .justify-between:not([data-piloto-isolate] *) {
   justify-content: space-between;
 }
-.piloto .justify-center {
+.piloto .justify-center:not([data-piloto-isolate] *) {
   justify-content: center;
 }
-.piloto .justify-end {
+.piloto .justify-end:not([data-piloto-isolate] *) {
   justify-content: flex-end;
 }
-.piloto .gap-0\.5 {
+.piloto .gap-0\.5:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 0.5);
 }
-.piloto .gap-1 {
+.piloto .gap-1:not([data-piloto-isolate] *) {
   gap: var(--spacing);
 }
-.piloto .gap-1\.5 {
+.piloto .gap-1\.5:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 1.5);
 }
-.piloto .gap-2 {
+.piloto .gap-2:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 2);
 }
-.piloto .gap-2\.5 {
+.piloto .gap-2\.5:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 2.5);
 }
-.piloto .gap-3 {
+.piloto .gap-3:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 3);
 }
-.piloto .gap-4 {
+.piloto .gap-4:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 4);
 }
-.piloto .gap-6 {
+.piloto .gap-6:not([data-piloto-isolate] *) {
   gap: calc(var(--spacing) * 6);
 }
-.piloto .gap-\[2px\] {
+.piloto .gap-\[2px\]:not([data-piloto-isolate] *) {
   gap: 2px;
 }
-.piloto :where(.space-y-4 > :not(:last-child)) {
+.piloto :where(.space-y-4 > :not(:last-child)):not([data-piloto-isolate] *) {
   --tw-space-y-reverse: 0;
   margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
   margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
 }
-.piloto :where(.space-x-2 > :not(:last-child)) {
+.piloto :where(.space-x-2 > :not(:last-child)):not([data-piloto-isolate] *) {
   --tw-space-x-reverse: 0;
   margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
   margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
 }
-.piloto :where(.divide-y > :not(:last-child)) {
+.piloto :where(.divide-y > :not(:last-child)):not([data-piloto-isolate] *) {
   --tw-divide-y-reverse: 0;
   border-bottom-style: var(--tw-border-style);
   border-top-style: var(--tw-border-style);
   border-top-width: calc(1px * var(--tw-divide-y-reverse));
   border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
 }
-.piloto :where(.divide-border > :not(:last-child)) {
+.piloto :where(.divide-border > :not(:last-child)):not([data-piloto-isolate] *) {
   border-color: var(--color-border);
 }
-.piloto .self-center {
+.piloto .self-center:not([data-piloto-isolate] *) {
   align-self: center;
 }
-.piloto .truncate {
+.piloto .self-start:not([data-piloto-isolate] *) {
+  align-self: flex-start;
+}
+.piloto .truncate:not([data-piloto-isolate] *) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.piloto .overflow-auto {
+.piloto .overflow-auto:not([data-piloto-isolate] *) {
   overflow: auto;
 }
-.piloto .overflow-hidden {
+.piloto .overflow-hidden:not([data-piloto-isolate] *) {
   overflow: hidden;
 }
-.piloto .overflow-x-auto {
+.piloto .overflow-x-auto:not([data-piloto-isolate] *) {
   overflow-x: auto;
 }
-.piloto .overflow-x-hidden {
+.piloto .overflow-x-hidden:not([data-piloto-isolate] *) {
   overflow-x: hidden;
 }
-.piloto .overflow-y-auto {
+.piloto .overflow-y-auto:not([data-piloto-isolate] *) {
   overflow-y: auto;
 }
-.piloto .rounded {
+.piloto .rounded:not([data-piloto-isolate] *) {
   border-radius: calc(0.25 * var(--piloto-rem));
 }
-.piloto .rounded-\(--piloto-radius-bubble\) {
+.piloto .rounded-\(--piloto-radius-bubble\):not([data-piloto-isolate] *) {
   border-radius: var(--piloto-radius-bubble);
 }
-.piloto .rounded-\(--piloto-radius-input\) {
+.piloto .rounded-\(--piloto-radius-input\):not([data-piloto-isolate] *) {
   border-radius: var(--piloto-radius-input);
 }
-.piloto .rounded-2xl {
+.piloto .rounded-2xl:not([data-piloto-isolate] *) {
   border-radius: var(--radius-2xl);
 }
-.piloto .rounded-3xl {
+.piloto .rounded-3xl:not([data-piloto-isolate] *) {
   border-radius: var(--radius-3xl);
 }
-.piloto .rounded-full {
+.piloto .rounded-full:not([data-piloto-isolate] *) {
   border-radius: calc(infinity * 1px);
 }
-.piloto .rounded-lg {
+.piloto .rounded-lg:not([data-piloto-isolate] *) {
   border-radius: var(--radius-lg);
 }
-.piloto .rounded-md {
+.piloto .rounded-md:not([data-piloto-isolate] *) {
   border-radius: var(--radius-md);
 }
-.piloto .rounded-xl {
+.piloto .rounded-xl:not([data-piloto-isolate] *) {
   border-radius: var(--radius-xl);
 }
-.piloto .border {
+.piloto .border:not([data-piloto-isolate] *) {
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
-.piloto .border-\(length\:--piloto-border-width\) {
+.piloto .border-\(length\:--piloto-border-width\):not([data-piloto-isolate] *) {
   border-style: var(--tw-border-style);
   border-width: var(--piloto-border-width);
 }
-.piloto .border-2 {
+.piloto .border-2:not([data-piloto-isolate] *) {
   border-style: var(--tw-border-style);
   border-width: 2px;
 }
-.piloto .border-t {
+.piloto .border-t:not([data-piloto-isolate] *) {
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
-.piloto .border-b-2 {
+.piloto .border-b-2:not([data-piloto-isolate] *) {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 2px;
 }
-.piloto .border-l-2 {
+.piloto .border-l:not([data-piloto-isolate] *) {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+}
+.piloto .border-l-2:not([data-piloto-isolate] *) {
   border-left-style: var(--tw-border-style);
   border-left-width: 2px;
 }
-.piloto .border-l-4 {
+.piloto .border-l-4:not([data-piloto-isolate] *) {
   border-left-style: var(--tw-border-style);
   border-left-width: 4px;
 }
-.piloto .border-dashed {
+.piloto .border-dashed:not([data-piloto-isolate] *) {
   --tw-border-style: dashed;
   border-style: dashed;
 }
-.piloto .border-border {
+.piloto .border-border:not([data-piloto-isolate] *) {
   border-color: var(--color-border);
 }
-.piloto .border-border-primary {
+.piloto .border-border-primary:not([data-piloto-isolate] *) {
   border-color: var(--color-border-primary);
 }
-.piloto .border-border-secondary {
+.piloto .border-border-secondary:not([data-piloto-isolate] *) {
   border-color: var(--color-border-secondary);
 }
-.piloto .border-brand-500 {
+.piloto .border-brand-500:not([data-piloto-isolate] *) {
   border-color: var(--color-brand-500);
 }
-.piloto .border-brand-500\/40 {
+.piloto .border-brand-500\/40:not([data-piloto-isolate] *) {
   border-color: var(--color-brand-500);
   @supports (color: color-mix(in lab, red, red)) {
     border-color: color-mix(in oklab, var(--color-brand-500) 40%, transparent);
   }
 }
-.piloto .border-current {
+.piloto .border-current:not([data-piloto-isolate] *) {
   border-color: currentcolor;
 }
-.piloto .border-muted-foreground\/30 {
+.piloto .border-muted-foreground\/30:not([data-piloto-isolate] *) {
   border-color: var(--color-muted-foreground);
   @supports (color: color-mix(in lab, red, red)) {
     border-color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent);
   }
 }
-.piloto .border-outlines {
+.piloto .border-outlines:not([data-piloto-isolate] *) {
   border-color: var(--color-outlines);
 }
-.piloto .border-sidebar {
+.piloto .border-sidebar:not([data-piloto-isolate] *) {
   border-color: var(--color-sidebar);
 }
-.piloto .border-transparent {
+.piloto .border-transparent:not([data-piloto-isolate] *) {
   border-color: transparent;
 }
-.piloto .border-t-transparent {
+.piloto .border-t-transparent:not([data-piloto-isolate] *) {
   border-top-color: transparent;
 }
-.piloto .bg-\(--piloto-composer-bg\) {
+.piloto .bg-\(--piloto-composer-bg\):not([data-piloto-isolate] *) {
   background-color: var(--piloto-composer-bg);
 }
-.piloto .bg-\(--piloto-user-bubble\) {
+.piloto .bg-\(--piloto-user-bubble\):not([data-piloto-isolate] *) {
   background-color: var(--piloto-user-bubble);
 }
-.piloto .bg-\[var\(--sdm-bg\,inherit\)\] {
+.piloto .bg-\[var\(--sdm-bg\,inherit\)\]:not([data-piloto-isolate] *) {
   background-color: var(--sdm-bg,inherit);
 }
-.piloto .bg-\[var\(--sdm-tbg\)\] {
+.piloto .bg-\[var\(--sdm-tbg\)\]:not([data-piloto-isolate] *) {
   background-color: var(--sdm-tbg);
 }
-.piloto .bg-background {
+.piloto .bg-background:not([data-piloto-isolate] *) {
   background-color: var(--color-background);
 }
-.piloto .bg-background-disabled {
+.piloto .bg-background-disabled:not([data-piloto-isolate] *) {
   background-color: var(--color-background-disabled);
 }
-.piloto .bg-background-inverse\/80 {
+.piloto .bg-background-inverse\/80:not([data-piloto-isolate] *) {
   background-color: var(--color-background-inverse);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background-inverse) 80%, transparent);
   }
 }
-.piloto .bg-background-primary {
+.piloto .bg-background-primary:not([data-piloto-isolate] *) {
   background-color: var(--color-background-primary);
 }
-.piloto .bg-background-primary\/80 {
+.piloto .bg-background-primary\/80:not([data-piloto-isolate] *) {
   background-color: var(--color-background-primary);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background-primary) 80%, transparent);
   }
 }
-.piloto .bg-background-secondary {
+.piloto .bg-background-secondary:not([data-piloto-isolate] *) {
   background-color: var(--color-background-secondary);
 }
-.piloto .bg-background-secondary\/40 {
+.piloto .bg-background-secondary\/40:not([data-piloto-isolate] *) {
   background-color: var(--color-background-secondary);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background-secondary) 40%, transparent);
   }
 }
-.piloto .bg-background-secondary\/50 {
+.piloto .bg-background-secondary\/50:not([data-piloto-isolate] *) {
   background-color: var(--color-background-secondary);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background-secondary) 50%, transparent);
   }
 }
-.piloto .bg-background\/50 {
+.piloto .bg-background\/50:not([data-piloto-isolate] *) {
   background-color: var(--color-background);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background) 50%, transparent);
   }
 }
-.piloto .bg-background\/80 {
+.piloto .bg-background\/80:not([data-piloto-isolate] *) {
   background-color: var(--color-background);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background) 80%, transparent);
   }
 }
-.piloto .bg-background\/90 {
+.piloto .bg-background\/90:not([data-piloto-isolate] *) {
   background-color: var(--color-background);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background) 90%, transparent);
   }
 }
-.piloto .bg-background\/95 {
+.piloto .bg-background\/95:not([data-piloto-isolate] *) {
   background-color: var(--color-background);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-background) 95%, transparent);
   }
 }
-.piloto .bg-black\/10 {
+.piloto .bg-black\/10:not([data-piloto-isolate] *) {
   background-color: color-mix(in srgb, #000 10%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
   }
 }
-.piloto .bg-black\/60 {
+.piloto .bg-black\/60:not([data-piloto-isolate] *) {
   background-color: color-mix(in srgb, #000 60%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
   }
 }
-.piloto .bg-brand-500 {
+.piloto .bg-border-primary:not([data-piloto-isolate] *) {
+  background-color: var(--color-border-primary);
+}
+.piloto .bg-brand-500:not([data-piloto-isolate] *) {
   background-color: var(--color-brand-500);
 }
-.piloto .bg-brand-500\/10 {
+.piloto .bg-brand-500\/10:not([data-piloto-isolate] *) {
   background-color: var(--color-brand-500);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent);
   }
 }
-.piloto .bg-brand-500\/15 {
+.piloto .bg-brand-500\/15:not([data-piloto-isolate] *) {
   background-color: var(--color-brand-500);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-brand-500) 15%, transparent);
   }
 }
-.piloto .bg-irongray\/10 {
+.piloto .bg-irongray\/10:not([data-piloto-isolate] *) {
   background-color: var(--color-irongray);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-irongray) 10%, transparent);
   }
 }
-.piloto .bg-muted {
+.piloto .bg-muted:not([data-piloto-isolate] *) {
   background-color: var(--color-muted);
 }
-.piloto .bg-muted\/80 {
+.piloto .bg-muted\/80:not([data-piloto-isolate] *) {
   background-color: var(--color-muted);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
   }
 }
-.piloto .bg-primary {
+.piloto .bg-primary:not([data-piloto-isolate] *) {
   background-color: var(--color-primary);
 }
-.piloto .bg-red-50 {
+.piloto .bg-red-50:not([data-piloto-isolate] *) {
   background-color: var(--color-red-50);
 }
-.piloto .bg-red-100 {
+.piloto .bg-red-100:not([data-piloto-isolate] *) {
   background-color: var(--color-red-100);
 }
-.piloto .bg-red-500 {
+.piloto .bg-red-500:not([data-piloto-isolate] *) {
   background-color: var(--color-red-500);
 }
-.piloto .bg-sidebar {
+.piloto .bg-sidebar:not([data-piloto-isolate] *) {
   background-color: var(--color-sidebar);
 }
-.piloto .bg-sidebar\/80 {
+.piloto .bg-sidebar\/80:not([data-piloto-isolate] *) {
   background-color: var(--color-sidebar);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-sidebar) 80%, transparent);
   }
 }
-.piloto .bg-text-danger {
+.piloto .bg-text-danger:not([data-piloto-isolate] *) {
   background-color: var(--color-text-danger);
 }
-.piloto .bg-text-disabled {
+.piloto .bg-text-disabled:not([data-piloto-isolate] *) {
   background-color: var(--color-text-disabled);
 }
-.piloto .bg-text-primary {
+.piloto .bg-text-primary:not([data-piloto-isolate] *) {
   background-color: var(--color-text-primary);
 }
-.piloto .bg-text-secondary\/70 {
+.piloto .bg-text-secondary\/70:not([data-piloto-isolate] *) {
   background-color: var(--color-text-secondary);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-text-secondary) 70%, transparent);
   }
 }
-.piloto .bg-text-tertiary {
+.piloto .bg-text-success:not([data-piloto-isolate] *) {
+  background-color: var(--color-text-success);
+}
+.piloto .bg-text-tertiary:not([data-piloto-isolate] *) {
   background-color: var(--color-text-tertiary);
 }
-.piloto .bg-transparent {
+.piloto .bg-transparent:not([data-piloto-isolate] *) {
   background-color: transparent;
 }
-.piloto .fill-current {
+.piloto .fill-current:not([data-piloto-isolate] *) {
   fill: currentcolor;
 }
-.piloto .object-cover {
+.piloto .object-cover:not([data-piloto-isolate] *) {
   object-fit: cover;
 }
-.piloto .p-1 {
+.piloto .p-1:not([data-piloto-isolate] *) {
   padding: var(--spacing);
 }
-.piloto .p-1\.5 {
+.piloto .p-1\.5:not([data-piloto-isolate] *) {
   padding: calc(var(--spacing) * 1.5);
 }
-.piloto .p-2 {
+.piloto .p-2:not([data-piloto-isolate] *) {
   padding: calc(var(--spacing) * 2);
 }
-.piloto .p-3 {
+.piloto .p-3:not([data-piloto-isolate] *) {
   padding: calc(var(--spacing) * 3);
 }
-.piloto .p-4 {
+.piloto .p-4:not([data-piloto-isolate] *) {
   padding: calc(var(--spacing) * 4);
 }
-.piloto .p-6 {
+.piloto .p-6:not([data-piloto-isolate] *) {
   padding: calc(var(--spacing) * 6);
 }
-.piloto .px-1 {
+.piloto .px-1:not([data-piloto-isolate] *) {
   padding-inline: var(--spacing);
 }
-.piloto .px-1\.5 {
+.piloto .px-1\.5:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 1.5);
 }
-.piloto .px-2 {
+.piloto .px-2:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 2);
 }
-.piloto .px-2\.5 {
+.piloto .px-2\.5:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 2.5);
 }
-.piloto .px-3 {
+.piloto .px-3:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 3);
 }
-.piloto .px-3\.5 {
+.piloto .px-3\.5:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 3.5);
 }
-.piloto .px-4 {
+.piloto .px-4:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 4);
 }
-.piloto .px-10 {
+.piloto .px-10:not([data-piloto-isolate] *) {
   padding-inline: calc(var(--spacing) * 10);
 }
-.piloto .py-0\.5 {
+.piloto .py-0\.5:not([data-piloto-isolate] *) {
   padding-block: calc(var(--spacing) * 0.5);
 }
-.piloto .py-1 {
+.piloto .py-1:not([data-piloto-isolate] *) {
   padding-block: var(--spacing);
 }
-.piloto .py-1\.5 {
+.piloto .py-1\.5:not([data-piloto-isolate] *) {
   padding-block: calc(var(--spacing) * 1.5);
 }
-.piloto .py-2 {
+.piloto .py-2:not([data-piloto-isolate] *) {
   padding-block: calc(var(--spacing) * 2);
 }
-.piloto .py-2\.5 {
+.piloto .py-2\.5:not([data-piloto-isolate] *) {
   padding-block: calc(var(--spacing) * 2.5);
 }
-.piloto .py-3 {
+.piloto .py-3:not([data-piloto-isolate] *) {
   padding-block: calc(var(--spacing) * 3);
 }
-.piloto .py-8 {
+.piloto .py-8:not([data-piloto-isolate] *) {
   padding-block: calc(var(--spacing) * 8);
 }
-.piloto .pt-0 {
+.piloto .pt-0:not([data-piloto-isolate] *) {
   padding-top: 0px;
 }
-.piloto .pt-3 {
+.piloto .pt-3:not([data-piloto-isolate] *) {
   padding-top: calc(var(--spacing) * 3);
 }
-.piloto .pr-1 {
+.piloto .pr-1:not([data-piloto-isolate] *) {
   padding-right: var(--spacing);
 }
-.piloto .pb-4 {
+.piloto .pb-4:not([data-piloto-isolate] *) {
   padding-bottom: calc(var(--spacing) * 4);
 }
-.piloto .pb-\[10vh\] {
+.piloto .pb-\[10vh\]:not([data-piloto-isolate] *) {
   padding-bottom: 10vh;
 }
-.piloto .pl-2 {
+.piloto .pl-2:not([data-piloto-isolate] *) {
   padding-left: calc(var(--spacing) * 2);
 }
-.piloto .pl-2\.5 {
+.piloto .pl-2\.5:not([data-piloto-isolate] *) {
   padding-left: calc(var(--spacing) * 2.5);
 }
-.piloto .pl-3 {
+.piloto .pl-3:not([data-piloto-isolate] *) {
   padding-left: calc(var(--spacing) * 3);
 }
-.piloto .pl-4 {
+.piloto .pl-4:not([data-piloto-isolate] *) {
   padding-left: calc(var(--spacing) * 4);
 }
-.piloto .text-center {
+.piloto .text-center:not([data-piloto-isolate] *) {
   text-align: center;
 }
-.piloto .text-left {
+.piloto .text-left:not([data-piloto-isolate] *) {
   text-align: left;
 }
-.piloto .font-mono {
+.piloto .font-mono:not([data-piloto-isolate] *) {
   font-family: var(--font-mono);
 }
-.piloto .font-sans {
+.piloto .font-sans:not([data-piloto-isolate] *) {
   font-family: var(--font-sans);
 }
-.piloto .text-2xl {
+.piloto .text-2xl:not([data-piloto-isolate] *) {
   font-size: var(--text-2xl);
   line-height: var(--tw-leading, var(--text-2xl--line-height));
 }
-.piloto .text-3xl {
+.piloto .text-3xl:not([data-piloto-isolate] *) {
   font-size: var(--text-3xl);
   line-height: var(--tw-leading, var(--text-3xl--line-height));
 }
-.piloto .text-base {
+.piloto .text-base:not([data-piloto-isolate] *) {
   font-size: var(--text-base);
   line-height: var(--tw-leading, var(--text-base--line-height));
 }
-.piloto .text-lg {
+.piloto .text-lg:not([data-piloto-isolate] *) {
   font-size: var(--text-lg);
   line-height: var(--tw-leading, var(--text-lg--line-height));
 }
-.piloto .text-sm {
+.piloto .text-sm:not([data-piloto-isolate] *) {
   font-size: var(--text-sm);
   line-height: var(--tw-leading, var(--text-sm--line-height));
 }
-.piloto .text-xl {
+.piloto .text-xl:not([data-piloto-isolate] *) {
   font-size: var(--text-xl);
   line-height: var(--tw-leading, var(--text-xl--line-height));
 }
-.piloto .text-xs {
+.piloto .text-xs:not([data-piloto-isolate] *) {
   font-size: var(--text-xs);
   line-height: var(--tw-leading, var(--text-xs--line-height));
 }
-.piloto .text-\[9px\] {
+.piloto .text-\[9px\]:not([data-piloto-isolate] *) {
   font-size: 9px;
 }
-.piloto .text-\[10px\] {
+.piloto .text-\[10px\]:not([data-piloto-isolate] *) {
   font-size: 10px;
 }
-.piloto .text-\[11px\] {
+.piloto .text-\[11px\]:not([data-piloto-isolate] *) {
   font-size: 11px;
 }
-.piloto .text-\[13px\] {
+.piloto .text-\[13px\]:not([data-piloto-isolate] *) {
   font-size: 13px;
 }
-.piloto .leading-6 {
+.piloto .leading-6:not([data-piloto-isolate] *) {
   --tw-leading: calc(var(--spacing) * 6);
   line-height: calc(var(--spacing) * 6);
 }
-.piloto .leading-\[22px\] {
+.piloto .leading-\[22px\]:not([data-piloto-isolate] *) {
   --tw-leading: 22px;
   line-height: 22px;
 }
-.piloto .leading-none {
+.piloto .leading-none:not([data-piloto-isolate] *) {
   --tw-leading: 1;
   line-height: 1;
 }
-.piloto .font-extrabold {
+.piloto .font-extrabold:not([data-piloto-isolate] *) {
   --tw-font-weight: var(--font-weight-extrabold);
   font-weight: var(--font-weight-extrabold);
 }
-.piloto .font-medium {
+.piloto .font-medium:not([data-piloto-isolate] *) {
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
 }
-.piloto .font-semibold {
+.piloto .font-semibold:not([data-piloto-isolate] *) {
   --tw-font-weight: var(--font-weight-semibold);
   font-weight: var(--font-weight-semibold);
 }
-.piloto .tracking-tight {
+.piloto .tracking-tight:not([data-piloto-isolate] *) {
   --tw-tracking: var(--tracking-tight);
   letter-spacing: var(--tracking-tight);
 }
-.piloto .break-words {
+.piloto .break-words:not([data-piloto-isolate] *) {
   overflow-wrap: break-word;
 }
-.piloto .wrap-anywhere {
+.piloto .wrap-anywhere:not([data-piloto-isolate] *) {
   overflow-wrap: anywhere;
 }
-.piloto .break-all {
+.piloto .break-all:not([data-piloto-isolate] *) {
   word-break: break-all;
 }
-.piloto .whitespace-normal {
+.piloto .whitespace-normal:not([data-piloto-isolate] *) {
   white-space: normal;
 }
-.piloto .whitespace-nowrap {
+.piloto .whitespace-nowrap:not([data-piloto-isolate] *) {
   white-space: nowrap;
 }
-.piloto .whitespace-pre-wrap {
+.piloto .whitespace-pre-wrap:not([data-piloto-isolate] *) {
   white-space: pre-wrap;
 }
-.piloto .text-\(--piloto-user-text\) {
+.piloto .text-\(--piloto-user-text\):not([data-piloto-isolate] *) {
   color: var(--piloto-user-text);
 }
-.piloto .text-\[var\(--sdm-c\,inherit\)\] {
+.piloto .text-\[var\(--sdm-c\,inherit\)\]:not([data-piloto-isolate] *) {
   color: var(--sdm-c,inherit);
 }
-.piloto .text-brand-500 {
+.piloto .text-brand-500:not([data-piloto-isolate] *) {
   color: var(--color-brand-500);
 }
-.piloto .text-dark {
+.piloto .text-dark:not([data-piloto-isolate] *) {
   color: var(--color-dark);
 }
-.piloto .text-metal {
+.piloto .text-metal:not([data-piloto-isolate] *) {
   color: var(--color-metal);
 }
-.piloto .text-muted-foreground {
+.piloto .text-muted-foreground:not([data-piloto-isolate] *) {
   color: var(--color-muted-foreground);
 }
-.piloto .text-primary {
+.piloto .text-primary:not([data-piloto-isolate] *) {
   color: var(--color-primary);
 }
-.piloto .text-primary-foreground {
+.piloto .text-primary-foreground:not([data-piloto-isolate] *) {
   color: var(--color-primary-foreground);
 }
-.piloto .text-red-600 {
+.piloto .text-red-600:not([data-piloto-isolate] *) {
   color: var(--color-red-600);
 }
-.piloto .text-red-700 {
+.piloto .text-red-700:not([data-piloto-isolate] *) {
   color: var(--color-red-700);
 }
-.piloto .text-red-800 {
+.piloto .text-red-800:not([data-piloto-isolate] *) {
   color: var(--color-red-800);
 }
-.piloto .text-text-danger {
+.piloto .text-text-danger:not([data-piloto-isolate] *) {
   color: var(--color-text-danger);
 }
-.piloto .text-text-disabled {
+.piloto .text-text-disabled:not([data-piloto-isolate] *) {
   color: var(--color-text-disabled);
 }
-.piloto .text-text-info {
+.piloto .text-text-info:not([data-piloto-isolate] *) {
   color: var(--color-text-info);
 }
-.piloto .text-text-inverse {
+.piloto .text-text-inverse:not([data-piloto-isolate] *) {
   color: var(--color-text-inverse);
 }
-.piloto .text-text-primary {
+.piloto .text-text-primary:not([data-piloto-isolate] *) {
   color: var(--color-text-primary);
 }
-.piloto .text-text-secondary {
+.piloto .text-text-secondary:not([data-piloto-isolate] *) {
   color: var(--color-text-secondary);
 }
-.piloto .text-text-success {
+.piloto .text-text-success:not([data-piloto-isolate] *) {
   color: var(--color-text-success);
 }
-.piloto .text-text-tertiary {
+.piloto .text-text-tertiary:not([data-piloto-isolate] *) {
   color: var(--color-text-tertiary);
 }
-.piloto .text-white {
+.piloto .text-white:not([data-piloto-isolate] *) {
   color: var(--color-white);
 }
-.piloto .lowercase {
+.piloto .lowercase:not([data-piloto-isolate] *) {
   text-transform: lowercase;
 }
-.piloto .uppercase {
+.piloto .uppercase:not([data-piloto-isolate] *) {
   text-transform: uppercase;
 }
-.piloto .italic {
+.piloto .italic:not([data-piloto-isolate] *) {
   font-style: italic;
 }
-.piloto .tabular-nums {
+.piloto .tabular-nums:not([data-piloto-isolate] *) {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
 }
-.piloto .underline {
+.piloto .underline:not([data-piloto-isolate] *) {
   text-decoration-line: underline;
 }
-.piloto .underline-offset-2 {
+.piloto .underline-offset-2:not([data-piloto-isolate] *) {
   text-underline-offset: 2px;
 }
-.piloto .opacity-0 {
+.piloto .opacity-0:not([data-piloto-isolate] *) {
   opacity: 0%;
 }
-.piloto .opacity-60 {
+.piloto .opacity-60:not([data-piloto-isolate] *) {
   opacity: 60%;
 }
-.piloto .opacity-70 {
+.piloto .opacity-70:not([data-piloto-isolate] *) {
   opacity: 70%;
 }
-.piloto .opacity-100 {
+.piloto .opacity-100:not([data-piloto-isolate] *) {
   opacity: 100%;
 }
-.piloto .shadow {
+.piloto .shadow:not([data-piloto-isolate] *) {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.piloto .shadow-\(--piloto-shadow-input\) {
+.piloto .shadow-\(--piloto-shadow-input\):not([data-piloto-isolate] *) {
   --tw-shadow: var(--piloto-shadow-input);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.piloto .shadow-2xl {
+.piloto .shadow-2xl:not([data-piloto-isolate] *) {
   --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.piloto .shadow-lg {
+.piloto .shadow-lg:not([data-piloto-isolate] *) {
   --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.piloto .shadow-sm {
+.piloto .shadow-sm:not([data-piloto-isolate] *) {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.piloto .ring-2 {
+.piloto .ring-2:not([data-piloto-isolate] *) {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.piloto .ring-ring-info {
+.piloto .ring-ring-info:not([data-piloto-isolate] *) {
   --tw-ring-color: var(--color-ring-info);
 }
-.piloto .backdrop-blur-sm {
+.piloto .backdrop-blur-sm:not([data-piloto-isolate] *) {
   --tw-backdrop-blur: blur(var(--blur-sm));
   -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
 }
-.piloto .transition {
+.piloto .transition:not([data-piloto-isolate] *) {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .transition-\[background-color\,border-color\] {
+.piloto .transition-\[background-color\,border-color\]:not([data-piloto-isolate] *) {
   transition-property: background-color,border-color;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .transition-all {
+.piloto .transition-all:not([data-piloto-isolate] *) {
   transition-property: all;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .transition-colors {
+.piloto .transition-colors:not([data-piloto-isolate] *) {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .transition-opacity {
+.piloto .transition-opacity:not([data-piloto-isolate] *) {
   transition-property: opacity;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .transition-shadow {
+.piloto .transition-shadow:not([data-piloto-isolate] *) {
   transition-property: box-shadow;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .transition-transform {
+.piloto .transition-transform:not([data-piloto-isolate] *) {
   transition-property: transform, translate, scale, rotate;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.piloto .duration-150 {
+.piloto .duration-150:not([data-piloto-isolate] *) {
   --tw-duration: 150ms;
   transition-duration: 150ms;
 }
-.piloto .duration-200 {
+.piloto .duration-200:not([data-piloto-isolate] *) {
   --tw-duration: 200ms;
   transition-duration: 200ms;
 }
-.piloto .duration-300 {
+.piloto .duration-300:not([data-piloto-isolate] *) {
   --tw-duration: 300ms;
   transition-duration: 300ms;
 }
-.piloto .ease-out {
+.piloto .ease-out:not([data-piloto-isolate] *) {
   --tw-ease: var(--ease-out);
   transition-timing-function: var(--ease-out);
 }
-.piloto .outline-none {
+.piloto .outline-none:not([data-piloto-isolate] *) {
   --tw-outline-style: none;
   outline-style: none;
 }
-.piloto .select-none {
+.piloto .select-none:not([data-piloto-isolate] *) {
   -webkit-user-select: none;
   user-select: none;
 }
-.piloto .\[counter-increment\:line_0\] {
+.piloto .\[counter-increment\:line_0\]:not([data-piloto-isolate] *) {
   counter-increment: line 0;
 }
-.piloto .\[counter-reset\:line\] {
+.piloto .\[counter-reset\:line\]:not([data-piloto-isolate] *) {
   counter-reset: line;
 }
-.piloto .ring-inset {
+.piloto .ring-inset:not([data-piloto-isolate] *) {
   --tw-ring-inset: inset;
 }
 @media (hover: hover) {
-  .piloto .group-hover\:block:is(:where(.group):hover *) {
+  .piloto .group-hover\:block:is(:where(.group):hover *):not([data-piloto-isolate] *) {
     display: block;
   }
-  .piloto .group-hover\:text-text-primary:is(:where(.group):hover *) {
+  .piloto .group-hover\:text-text-primary:is(:where(.group):hover *):not([data-piloto-isolate] *) {
     color: var(--color-text-primary);
   }
-  .piloto .group-hover\:opacity-100:is(:where(.group):hover *) {
+  .piloto .group-hover\:opacity-100:is(:where(.group):hover *):not([data-piloto-isolate] *) {
     opacity: 100%;
   }
-  .piloto .group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *) {
+  .piloto .group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *):not([data-piloto-isolate] *) {
     opacity: 100%;
   }
 }
-.piloto .placeholder\:text-text-tertiary::placeholder {
+.piloto .placeholder\:text-text-tertiary:not([data-piloto-isolate] *)::placeholder {
   color: var(--color-text-tertiary);
 }
-.piloto .before\:mr-4::before {
+.piloto .before\:mr-4:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   margin-right: calc(var(--spacing) * 4);
 }
-.piloto .before\:inline-block::before {
+.piloto .before\:inline-block:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   display: inline-block;
 }
-.piloto .before\:w-6::before {
+.piloto .before\:w-6:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   width: calc(var(--spacing) * 6);
 }
-.piloto .before\:text-right::before {
+.piloto .before\:text-right:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   text-align: right;
 }
-.piloto .before\:font-mono::before {
+.piloto .before\:font-mono:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   font-family: var(--font-mono);
 }
-.piloto .before\:text-\[13px\]::before {
+.piloto .before\:text-\[13px\]:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   font-size: 13px;
 }
-.piloto .before\:text-muted-foreground\/50::before {
+.piloto .before\:text-muted-foreground\/50:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   color: var(--color-muted-foreground);
   @supports (color: color-mix(in lab, red, red)) {
     color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
   }
 }
-.piloto .before\:content-\[counter\(line\)\]::before {
+.piloto .before\:content-\[counter\(line\)\]:not([data-piloto-isolate] *)::before {
   --tw-content: counter(line);
   content: var(--tw-content);
 }
-.piloto .before\:select-none::before {
+.piloto .before\:select-none:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   -webkit-user-select: none;
   user-select: none;
 }
-.piloto .before\:\[counter-increment\:line\]::before {
+.piloto .before\:\[counter-increment\:line\]:not([data-piloto-isolate] *)::before {
   content: var(--tw-content);
   counter-increment: line;
 }
-.piloto .focus-within\:border-brand-300:focus-within {
+.piloto .focus-within\:border-brand-300:focus-within:not([data-piloto-isolate] *) {
   border-color: var(--color-brand-300);
 }
 @media (hover: hover) {
-  .piloto .hover\:border-border-primary:hover {
+  .piloto .hover\:border-border-primary:hover:not([data-piloto-isolate] *) {
     border-color: var(--color-border-primary);
   }
-  .piloto .hover\:border-brand-300:hover {
+  .piloto .hover\:border-brand-300:hover:not([data-piloto-isolate] *) {
     border-color: var(--color-brand-300);
   }
-  .piloto .hover\:border-text-tertiary:hover {
+  .piloto .hover\:border-text-tertiary:hover:not([data-piloto-isolate] *) {
     border-color: var(--color-text-tertiary);
   }
-  .piloto .hover\:bg-background:hover {
+  .piloto .hover\:bg-background:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-background);
   }
-  .piloto .hover\:bg-background-inverse:hover {
+  .piloto .hover\:bg-background-inverse:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-background-inverse);
   }
-  .piloto .hover\:bg-background-secondary:hover {
+  .piloto .hover\:bg-background-secondary:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-background-secondary);
   }
-  .piloto .hover\:bg-background-secondary\/60:hover {
+  .piloto .hover\:bg-background-secondary\/60:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-background-secondary);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .hover\:bg-background-secondary\/60:hover {
+    .piloto .hover\:bg-background-secondary\/60:hover:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-background-secondary) 60%, transparent);
     }
   }
-  .piloto .hover\:bg-background-tertiary:hover {
+  .piloto .hover\:bg-background-tertiary:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-background-tertiary);
   }
-  .piloto .hover\:bg-black\/5:hover {
+  .piloto .hover\:bg-black\/5:hover:not([data-piloto-isolate] *) {
     background-color: color-mix(in srgb, #000 5%, transparent);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .hover\:bg-black\/5:hover {
+    .piloto .hover\:bg-black\/5:hover:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
     }
   }
-  .piloto .hover\:bg-brand-600:hover {
+  .piloto .hover\:bg-brand-600:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-brand-600);
   }
-  .piloto .hover\:bg-irongray\/20:hover {
+  .piloto .hover\:bg-irongray\/20:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-irongray);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .hover\:bg-irongray\/20:hover {
+    .piloto .hover\:bg-irongray\/20:hover:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-irongray) 20%, transparent);
     }
   }
-  .piloto .hover\:bg-muted:hover {
+  .piloto .hover\:bg-muted:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-muted);
   }
-  .piloto .hover\:bg-muted\/40:hover {
+  .piloto .hover\:bg-muted\/40:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-muted);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .hover\:bg-muted\/40:hover {
+    .piloto .hover\:bg-muted\/40:hover:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
     }
   }
-  .piloto .hover\:bg-primary\/90:hover {
+  .piloto .hover\:bg-primary\/90:hover:not([data-piloto-isolate] *) {
     background-color: var(--color-primary);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .hover\:bg-primary\/90:hover {
+    .piloto .hover\:bg-primary\/90:hover:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
     }
   }
-  .piloto .hover\:text-dark:hover {
+  .piloto .hover\:text-dark:hover:not([data-piloto-isolate] *) {
     color: var(--color-dark);
   }
-  .piloto .hover\:text-foreground:hover {
+  .piloto .hover\:text-foreground:hover:not([data-piloto-isolate] *) {
     color: var(--color-foreground);
   }
-  .piloto .hover\:text-text-danger:hover {
+  .piloto .hover\:text-text-danger:hover:not([data-piloto-isolate] *) {
     color: var(--color-text-danger);
   }
-  .piloto .hover\:text-text-primary:hover {
+  .piloto .hover\:text-text-primary:hover:not([data-piloto-isolate] *) {
     color: var(--color-text-primary);
   }
-  .piloto .hover\:underline:hover {
+  .piloto .hover\:underline:hover:not([data-piloto-isolate] *) {
     text-decoration-line: underline;
   }
-  .piloto .hover\:opacity-90:hover {
+  .piloto .hover\:opacity-90:hover:not([data-piloto-isolate] *) {
     opacity: 90%;
   }
 }
-.piloto .focus-visible\:opacity-100:focus-visible {
+.piloto .focus-visible\:opacity-100:focus-visible:not([data-piloto-isolate] *) {
   opacity: 100%;
 }
-.piloto .focus-visible\:outline-2:focus-visible {
+.piloto .focus-visible\:outline-2:focus-visible:not([data-piloto-isolate] *) {
   outline-style: var(--tw-outline-style);
   outline-width: 2px;
 }
-.piloto .focus-visible\:outline-offset-2:focus-visible {
+.piloto .focus-visible\:outline-offset-2:focus-visible:not([data-piloto-isolate] *) {
   outline-offset: 2px;
 }
-.piloto .focus-visible\:outline-brand-600:focus-visible {
+.piloto .focus-visible\:outline-brand-600:focus-visible:not([data-piloto-isolate] *) {
   outline-color: var(--color-brand-600);
 }
-.piloto .disabled\:cursor-not-allowed:disabled {
+.piloto .disabled\:cursor-not-allowed:disabled:not([data-piloto-isolate] *) {
   cursor: not-allowed;
 }
-.piloto .disabled\:opacity-30:disabled {
+.piloto .disabled\:opacity-30:disabled:not([data-piloto-isolate] *) {
   opacity: 30%;
 }
-.piloto .disabled\:opacity-40:disabled {
+.piloto .disabled\:opacity-40:disabled:not([data-piloto-isolate] *) {
   opacity: 40%;
 }
-.piloto .disabled\:opacity-50:disabled {
+.piloto .disabled\:opacity-50:disabled:not([data-piloto-isolate] *) {
   opacity: 50%;
 }
-.piloto .disabled\:opacity-60:disabled {
+.piloto .disabled\:opacity-60:disabled:not([data-piloto-isolate] *) {
   opacity: 60%;
 }
 @supports (backdrop-filter: var(--tw)) {
-  .piloto .supports-\[backdrop-filter\]\:bg-background\/70 {
+  .piloto .supports-\[backdrop-filter\]\:bg-background\/70:not([data-piloto-isolate] *) {
     background-color: var(--color-background);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .supports-\[backdrop-filter\]\:bg-background\/70 {
+    .piloto .supports-\[backdrop-filter\]\:bg-background\/70:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-background) 70%, transparent);
     }
   }
-  .piloto .supports-\[backdrop-filter\]\:bg-sidebar\/70 {
+  .piloto .supports-\[backdrop-filter\]\:bg-sidebar\/70:not([data-piloto-isolate] *) {
     background-color: var(--color-sidebar);
   }
   @supports (color: color-mix(in lab, red, red)) {
-    .piloto .supports-\[backdrop-filter\]\:bg-sidebar\/70 {
+    .piloto .supports-\[backdrop-filter\]\:bg-sidebar\/70:not([data-piloto-isolate] *) {
       background-color: color-mix(in oklab, var(--color-sidebar) 70%, transparent);
     }
   }
-  .piloto .supports-\[backdrop-filter\]\:backdrop-blur {
+  .piloto .supports-\[backdrop-filter\]\:backdrop-blur:not([data-piloto-isolate] *) {
     --tw-backdrop-blur: blur(8px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
-  .piloto .supports-\[backdrop-filter\]\:backdrop-blur-sm {
+  .piloto .supports-\[backdrop-filter\]\:backdrop-blur-sm:not([data-piloto-isolate] *) {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
 }
 @media (width >= 40rem) {
-  .piloto .sm\:px-6 {
+  .piloto .sm\:px-6:not([data-piloto-isolate] *) {
     padding-inline: calc(var(--spacing) * 6);
   }
-  .piloto .sm\:pb-6 {
+  .piloto .sm\:pb-6:not([data-piloto-isolate] *) {
     padding-bottom: calc(var(--spacing) * 6);
   }
 }
+@media (width >= 48rem) {
+  .piloto .md\:flex:not([data-piloto-isolate] *) {
+    display: flex;
+  }
+}
 @media (prefers-color-scheme: dark) {
-  .piloto .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-bg\,inherit\)\)\] {
+  .piloto .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-bg\,inherit\)\)\]:not([data-piloto-isolate] *) {
     background-color: var(--shiki-dark-bg,var(--sdm-bg,inherit));
   }
-  .piloto .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
+  .piloto .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\]:not([data-piloto-isolate] *) {
     background-color: var(--shiki-dark-bg,var(--sdm-tbg));
   }
-  .piloto .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
+  .piloto .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\]:not([data-piloto-isolate] *) {
     color: var(--shiki-dark,var(--sdm-c,inherit));
   }
 }
-.piloto .\[\&_pre\]\:max-w-full pre {
+.piloto .\[\&_pre\]\:max-w-full pre:not([data-piloto-isolate] *) {
   max-width: 100%;
 }
-.piloto .\[\&_pre\]\:overflow-x-auto pre {
+.piloto .\[\&_pre\]\:overflow-x-auto pre:not([data-piloto-isolate] *) {
   overflow-x: auto;
 }
-.piloto .\[\&_svg\]\:h-auto svg {
+.piloto .\[\&_svg\]\:h-auto svg:not([data-piloto-isolate] *) {
   height: auto;
 }
-.piloto .\[\&_svg\]\:w-auto svg {
+.piloto .\[\&_svg\]\:w-auto svg:not([data-piloto-isolate] *) {
   width: auto;
 }
-.piloto .\[\&_table\]\:block table {
+.piloto .\[\&_table\]\:block table:not([data-piloto-isolate] *) {
   display: block;
 }
-.piloto .\[\&_table\]\:max-w-full table {
+.piloto .\[\&_table\]\:max-w-full table:not([data-piloto-isolate] *) {
   max-width: 100%;
 }
-.piloto .\[\&_table\]\:overflow-x-auto table {
+.piloto .\[\&_table\]\:overflow-x-auto table:not([data-piloto-isolate] *) {
   overflow-x: auto;
 }
-.piloto .\[\&_thead\]\:sticky thead {
+.piloto .\[\&_thead\]\:sticky thead:not([data-piloto-isolate] *) {
   position: sticky;
 }
-.piloto .\[\&_thead\]\:top-0 thead {
+.piloto .\[\&_thead\]\:top-0 thead:not([data-piloto-isolate] *) {
   top: 0px;
 }
-.piloto .\[\&_thead\]\:z-10 thead {
+.piloto .\[\&_thead\]\:z-10 thead:not([data-piloto-isolate] *) {
   z-index: 10;
 }
-.piloto .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
+.piloto .\[\&\>\*\:first-child\]\:mt-0 > :first-child:not([data-piloto-isolate] *) {
   margin-top: 0px;
 }
-.piloto .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
+.piloto .\[\&\>\*\:last-child\]\:mb-0 > :last-child:not([data-piloto-isolate] *) {
   margin-bottom: 0px;
 }
-.piloto .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:inline > :last-child:not([data-sd-caret-hidden])::after {
+.piloto .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:inline > :last-child:not([data-sd-caret-hidden]):not([data-piloto-isolate] *)::after {
   content: var(--tw-content);
   display: inline;
 }
-.piloto .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:align-baseline > :last-child:not([data-sd-caret-hidden])::after {
+.piloto .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:align-baseline > :last-child:not([data-sd-caret-hidden]):not([data-piloto-isolate] *)::after {
   content: var(--tw-content);
   vertical-align: baseline;
 }
-.piloto .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:not([data-sd-caret-hidden])::after {
+.piloto .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:not([data-sd-caret-hidden]):not([data-piloto-isolate] *)::after {
   --tw-content: var(--streamdown-caret);
   content: var(--tw-content);
 }
-.piloto .\[\&\>p\]\:inline > p {
+.piloto .\[\&\>p\]\:inline > p:not([data-piloto-isolate] *) {
   display: inline;
 }
 @media (hover:none) {
-  .piloto .\[\@media\(hover\:none\)\]\:opacity-100 {
+  .piloto .\[\@media\(hover\:none\)\]\:opacity-100:not([data-piloto-isolate] *) {
     opacity: 100%;
   }
 }
-.piloto li .\[li_\&\]\:pl-6 {
+.piloto li .\[li_\&\]\:pl-6:not([data-piloto-isolate] *) {
   padding-left: calc(var(--spacing) * 6);
 }
 @property --tw-translate-x {
@@ -1768,7 +1792,7 @@
   }
 }
 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
-    .piloto *, .piloto ::before, .piloto ::after, .piloto ::backdrop {
+    .piloto *:not([data-piloto-isolate] *), .piloto :not([data-piloto-isolate] *)::before, .piloto :not([data-piloto-isolate] *)::after, .piloto :not([data-piloto-isolate] *)::backdrop {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
@@ -2107,18 +2131,18 @@
    Dentro de Piloto eso no aplica: el campo no tiene caja propia, la caja es la
    tarjeta. Las utilidades de Piloto (`.piloto .px-1`) siguen ganando porque
    pesan más que estos selectores. */
-.piloto *,
-.piloto *::before,
-.piloto *::after {
+.piloto *:not([data-piloto-isolate] *),
+.piloto *:not([data-piloto-isolate] *)::before,
+.piloto *:not([data-piloto-isolate] *)::after {
   box-sizing: border-box;
   border: 0 solid;
   margin: 0;
   padding: 0;
 }
-.piloto textarea,
-.piloto input,
-.piloto select,
-.piloto button {
+.piloto textarea:not([data-piloto-isolate] *),
+.piloto input:not([data-piloto-isolate] *),
+.piloto select:not([data-piloto-isolate] *),
+.piloto button:not([data-piloto-isolate] *) {
   -webkit-appearance: none;
   appearance: none;
   font: inherit;
@@ -2129,11 +2153,11 @@
   border-radius: 0;
   box-shadow: none;
 }
-.piloto textarea:focus,
-.piloto textarea:focus-visible,
-.piloto input:focus,
-.piloto input:focus-visible,
-.piloto select:focus {
+.piloto textarea:focus:not([data-piloto-isolate] *),
+.piloto textarea:focus-visible:not([data-piloto-isolate] *),
+.piloto input:focus:not([data-piloto-isolate] *),
+.piloto input:focus-visible:not([data-piloto-isolate] *),
+.piloto select:focus:not([data-piloto-isolate] *) {
   outline: none;
   box-shadow: none;
   border-color: transparent;
@@ -2141,100 +2165,100 @@
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-color: transparent;
 }
-.piloto input[type="file"] { display: none; }
-.piloto button { cursor: pointer; }
-.piloto button:disabled { cursor: default; }
-.piloto ul,
-.piloto ol { list-style: none; }
-.piloto img,
-.piloto video,
-.piloto audio { display: block; max-width: 100%; }
-.piloto svg { display: inline-block; flex-shrink: 0; vertical-align: middle; }
-.piloto a { color: inherit; text-decoration: inherit; }
-.piloto summary { list-style: revert; }
-.piloto h1,
-.piloto h2,
-.piloto h3 { font-size: inherit; font-weight: inherit; }
-.piloto [hidden] { display: none !important; }
+.piloto input[type="file"]:not([data-piloto-isolate] *) { display: none; }
+.piloto button:not([data-piloto-isolate] *) { cursor: pointer; }
+.piloto button:disabled:not([data-piloto-isolate] *) { cursor: default; }
+.piloto ul:not([data-piloto-isolate] *),
+.piloto ol:not([data-piloto-isolate] *) { list-style: none; }
+.piloto img:not([data-piloto-isolate] *),
+.piloto video:not([data-piloto-isolate] *),
+.piloto audio:not([data-piloto-isolate] *) { display: block; max-width: 100%; }
+.piloto svg:not([data-piloto-isolate] *) { display: inline-block; flex-shrink: 0; vertical-align: middle; }
+.piloto a:not([data-piloto-isolate] *) { color: inherit; text-decoration: inherit; }
+.piloto summary:not([data-piloto-isolate] *) { list-style: revert; }
+.piloto h1:not([data-piloto-isolate] *),
+.piloto h2:not([data-piloto-isolate] *),
+.piloto h3:not([data-piloto-isolate] *) { font-size: inherit; font-weight: inherit; }
+.piloto [hidden]:not([data-piloto-isolate] *) { display: none !important; }
 
 /* ── CSS de Ghosty Studio (gs `app.css`), tal cual ────────────────────────── */
 /* Barra de desplazamiento fina y del color de los bordes. */
-.piloto .gs-scroll { scrollbar-width: thin; scrollbar-color: var(--piloto-border) transparent; }
-.piloto .gs-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
-.piloto .gs-scroll::-webkit-scrollbar-track { background: transparent; }
-.piloto .gs-scroll::-webkit-scrollbar-thumb { background-color: var(--piloto-border); border-radius: 9999px; border: 2px solid transparent; background-clip: content-box; }
-.piloto .gs-scroll:hover::-webkit-scrollbar-thumb { background-color: var(--piloto-text-3); }
+.piloto .gs-scroll:not([data-piloto-isolate] *) { scrollbar-width: thin; scrollbar-color: var(--piloto-border) transparent; }
+.piloto .gs-scroll:not([data-piloto-isolate] *)::-webkit-scrollbar { width: 8px; height: 8px; }
+.piloto .gs-scroll:not([data-piloto-isolate] *)::-webkit-scrollbar-track { background: transparent; }
+.piloto .gs-scroll:not([data-piloto-isolate] *)::-webkit-scrollbar-thumb { background-color: var(--piloto-border); border-radius: 9999px; border: 2px solid transparent; background-clip: content-box; }
+.piloto .gs-scroll:hover:not([data-piloto-isolate] *)::-webkit-scrollbar-thumb { background-color: var(--piloto-text-3); }
 
 /* Markdown de gs. */
-.piloto .ghosty-md { line-height: 1.5; font-size: calc(0.875 * var(--piloto-rem)); }
-.piloto .ghosty-md p { margin: 0 0 calc(0.75 * var(--piloto-rem)) 0; }
-.piloto .ghosty-md p:last-child { margin-bottom: 0; }
-.piloto .ghosty-md h1, .piloto .ghosty-md h2, .piloto .ghosty-md h3 { margin: calc(0.75 * var(--piloto-rem)) 0 calc(0.5 * var(--piloto-rem)) 0; font-weight: 600; }
-.piloto .ghosty-md h1:first-child, .piloto .ghosty-md h2:first-child, .piloto .ghosty-md h3:first-child { margin-top: 0; }
-.piloto .ghosty-md ul, .piloto .ghosty-md ol { padding-left: 0; margin: calc(0.5 * var(--piloto-rem)) 0; list-style: none; }
-.piloto .ghosty-md ul:first-child, .piloto .ghosty-md ol:first-child { margin-top: 0; }
-.piloto .ghosty-md ul:last-child, .piloto .ghosty-md ol:last-child { margin-bottom: 0; }
-.piloto .ghosty-md ol { counter-reset: list-counter 0; }
-.piloto .ghosty-md li { position: relative; padding-left: calc(1.25 * var(--piloto-rem)); margin: 0 0 calc(0.25 * var(--piloto-rem)) 0; line-height: 1.5; }
-.piloto .ghosty-md li:last-child { margin-bottom: 0; }
-.piloto .ghosty-md ul > li::before { content: "•"; position: absolute; left: calc(0.25 * var(--piloto-rem)); color: var(--piloto-text-3); }
-.piloto .ghosty-md ol > li { counter-increment: list-counter 1; }
-.piloto .ghosty-md ol > li::before { content: counter(list-counter) "."; position: absolute; left: 0; color: var(--piloto-text-3); font-weight: 500; }
-.piloto .ghosty-md strong { font-weight: 600; }
-.piloto .ghosty-md em { font-style: italic; }
-.piloto .ghosty-md a { color: var(--piloto-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
-.piloto .ghosty-md code { background: var(--piloto-surface-2); color: var(--piloto-text); padding: calc(0.1 * var(--piloto-rem)) calc(0.35 * var(--piloto-rem)); border-radius: calc(0.25 * var(--piloto-rem)); font-size: calc(0.8125 * var(--piloto-rem)); font-family: var(--piloto-font-mono); }
-.piloto .ghosty-md pre { background: var(--piloto-surface); border: 1px solid var(--piloto-border); color: var(--piloto-text); padding: calc(0.75 * var(--piloto-rem)); border-radius: calc(0.5 * var(--piloto-rem)); font-size: calc(0.8125 * var(--piloto-rem)); font-family: var(--piloto-font-mono); overflow-x: auto; margin: calc(0.5 * var(--piloto-rem)) 0; }
-.piloto .ghosty-md pre:last-child { margin-bottom: 0; }
-.piloto .ghosty-md pre code { background: none; padding: 0; color: inherit; }
-.piloto .ghosty-md blockquote { border-left: 2px solid var(--piloto-border); padding-left: calc(0.75 * var(--piloto-rem)); color: var(--piloto-text-3); margin: calc(0.5 * var(--piloto-rem)) 0; }
-.piloto .ghosty-md img { max-width: 100%; height: auto; display: block; margin: calc(0.5 * var(--piloto-rem)) 0; border-radius: calc(0.5 * var(--piloto-rem)); border: 1px solid var(--piloto-border); }
+.piloto .ghosty-md:not([data-piloto-isolate] *) { line-height: 1.5; font-size: calc(0.875 * var(--piloto-rem)); }
+.piloto .ghosty-md p:not([data-piloto-isolate] *) { margin: 0 0 calc(0.75 * var(--piloto-rem)) 0; }
+.piloto .ghosty-md p:last-child:not([data-piloto-isolate] *) { margin-bottom: 0; }
+.piloto .ghosty-md h1:not([data-piloto-isolate] *), .piloto .ghosty-md h2:not([data-piloto-isolate] *), .piloto .ghosty-md h3:not([data-piloto-isolate] *) { margin: calc(0.75 * var(--piloto-rem)) 0 calc(0.5 * var(--piloto-rem)) 0; font-weight: 600; }
+.piloto .ghosty-md h1:first-child:not([data-piloto-isolate] *), .piloto .ghosty-md h2:first-child:not([data-piloto-isolate] *), .piloto .ghosty-md h3:first-child:not([data-piloto-isolate] *) { margin-top: 0; }
+.piloto .ghosty-md ul:not([data-piloto-isolate] *), .piloto .ghosty-md ol:not([data-piloto-isolate] *) { padding-left: 0; margin: calc(0.5 * var(--piloto-rem)) 0; list-style: none; }
+.piloto .ghosty-md ul:first-child:not([data-piloto-isolate] *), .piloto .ghosty-md ol:first-child:not([data-piloto-isolate] *) { margin-top: 0; }
+.piloto .ghosty-md ul:last-child:not([data-piloto-isolate] *), .piloto .ghosty-md ol:last-child:not([data-piloto-isolate] *) { margin-bottom: 0; }
+.piloto .ghosty-md ol:not([data-piloto-isolate] *) { counter-reset: list-counter 0; }
+.piloto .ghosty-md li:not([data-piloto-isolate] *) { position: relative; padding-left: calc(1.25 * var(--piloto-rem)); margin: 0 0 calc(0.25 * var(--piloto-rem)) 0; line-height: 1.5; }
+.piloto .ghosty-md li:last-child:not([data-piloto-isolate] *) { margin-bottom: 0; }
+.piloto .ghosty-md ul > li:not([data-piloto-isolate] *)::before { content: "•"; position: absolute; left: calc(0.25 * var(--piloto-rem)); color: var(--piloto-text-3); }
+.piloto .ghosty-md ol > li:not([data-piloto-isolate] *) { counter-increment: list-counter 1; }
+.piloto .ghosty-md ol > li:not([data-piloto-isolate] *)::before { content: counter(list-counter) "."; position: absolute; left: 0; color: var(--piloto-text-3); font-weight: 500; }
+.piloto .ghosty-md strong:not([data-piloto-isolate] *) { font-weight: 600; }
+.piloto .ghosty-md em:not([data-piloto-isolate] *) { font-style: italic; }
+.piloto .ghosty-md a:not([data-piloto-isolate] *) { color: var(--piloto-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
+.piloto .ghosty-md code:not([data-piloto-isolate] *) { background: var(--piloto-surface-2); color: var(--piloto-text); padding: calc(0.1 * var(--piloto-rem)) calc(0.35 * var(--piloto-rem)); border-radius: calc(0.25 * var(--piloto-rem)); font-size: calc(0.8125 * var(--piloto-rem)); font-family: var(--piloto-font-mono); }
+.piloto .ghosty-md pre:not([data-piloto-isolate] *) { background: var(--piloto-surface); border: 1px solid var(--piloto-border); color: var(--piloto-text); padding: calc(0.75 * var(--piloto-rem)); border-radius: calc(0.5 * var(--piloto-rem)); font-size: calc(0.8125 * var(--piloto-rem)); font-family: var(--piloto-font-mono); overflow-x: auto; margin: calc(0.5 * var(--piloto-rem)) 0; }
+.piloto .ghosty-md pre:last-child:not([data-piloto-isolate] *) { margin-bottom: 0; }
+.piloto .ghosty-md pre code:not([data-piloto-isolate] *) { background: none; padding: 0; color: inherit; }
+.piloto .ghosty-md blockquote:not([data-piloto-isolate] *) { border-left: 2px solid var(--piloto-border); padding-left: calc(0.75 * var(--piloto-rem)); color: var(--piloto-text-3); margin: calc(0.5 * var(--piloto-rem)) 0; }
+.piloto .ghosty-md img:not([data-piloto-isolate] *) { max-width: 100%; height: auto; display: block; margin: calc(0.5 * var(--piloto-rem)) 0; border-radius: calc(0.5 * var(--piloto-rem)); border: 1px solid var(--piloto-border); }
 /* El hilo del CRM (drawer del tablero, /crm): la burbuja del agente es blanca (o ámbar si
 
 /* La prosa de las respuestas: serif 16/24 (claude.ai usa su serif). La narración, igual, un punto menor. */
-.piloto .gs-prosa .ghosty-md,
-.piloto .gs-narracion { font-family: var(--piloto-font-prose); font-size: 16px; line-height: 24px; }
-.piloto .gs-narracion { font-size: 15px; line-height: 22px; }
-.piloto .gs-prosa .ghosty-md li { line-height: 24px; }
-.piloto .gs-prosa .ghosty-md p { margin-bottom: calc(0.9 * var(--piloto-rem)); }
-.piloto .gs-prosa .ghosty-md p:last-child { margin-bottom: 0; }
-.piloto .piloto-narration-text code { background: var(--piloto-surface-2); padding: calc(0.05 * var(--piloto-rem)) calc(0.3 * var(--piloto-rem)); border-radius: calc(0.25 * var(--piloto-rem)); font-size: 0.85em; font-family: var(--piloto-font-mono); }
-.piloto .piloto-narration-text strong { font-weight: 600; color: var(--piloto-text); }
-.piloto .piloto-narration-text a { color: var(--piloto-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
+.piloto .gs-prosa .ghosty-md:not([data-piloto-isolate] *),
+.piloto .gs-narracion:not([data-piloto-isolate] *) { font-family: var(--piloto-font-prose); font-size: 16px; line-height: 24px; }
+.piloto .gs-narracion:not([data-piloto-isolate] *) { font-size: 15px; line-height: 22px; }
+.piloto .gs-prosa .ghosty-md li:not([data-piloto-isolate] *) { line-height: 24px; }
+.piloto .gs-prosa .ghosty-md p:not([data-piloto-isolate] *) { margin-bottom: calc(0.9 * var(--piloto-rem)); }
+.piloto .gs-prosa .ghosty-md p:last-child:not([data-piloto-isolate] *) { margin-bottom: 0; }
+.piloto .piloto-narration-text code:not([data-piloto-isolate] *) { background: var(--piloto-surface-2); padding: calc(0.05 * var(--piloto-rem)) calc(0.3 * var(--piloto-rem)); border-radius: calc(0.25 * var(--piloto-rem)); font-size: 0.85em; font-family: var(--piloto-font-mono); }
+.piloto .piloto-narration-text strong:not([data-piloto-isolate] *) { font-weight: 600; color: var(--piloto-text); }
+.piloto .piloto-narration-text a:not([data-piloto-isolate] *) { color: var(--piloto-accent-strong); text-decoration: underline; text-underline-offset: 2px; }
 
 /* Cada tramo del texto al ritmo (`TextAtPace`) y los pasos que entran. */
 @keyframes gs-tramo { from { opacity: 0; } }
 @keyframes gs-paso-in { from { opacity: 0; transform: translateY(3px); } }
-.piloto .gs-paso-in { animation: gs-paso-in 0.3s ease-out both; }
+.piloto .gs-paso-in:not([data-piloto-isolate] *) { animation: gs-paso-in 0.3s ease-out both; }
 
 /* Puntitos de «escribiendo»: el rebote de siempre en el color de marca. */
-.piloto .gc-typing-dot {
+.piloto .gc-typing-dot:not([data-piloto-isolate] *) {
   background-color: var(--piloto-accent);
   animation-duration: 900ms;
   animation-delay: calc(var(--i, 0) * 150ms);
 }
 
 /* La garra: baja, cierra, sube con el premio, suelta y descansa; en bucle. */
-.piloto .gs-garra { overflow: visible; }
-.piloto .gs-garra-rig,
-.piloto .gs-garra-l,
-.piloto .gs-garra-r { transform-box: fill-box; }
-.piloto .gs-garra-l { transform-origin: 100% 0; }
-.piloto .gs-garra-r { transform-origin: 0 0; }
-.piloto .gs-garra .gs-garra-rig { animation: gs-garra-dip 2.4s ease-in-out infinite both; }
-.piloto .gs-garra .gs-garra-l { animation: gs-garra-l 2.4s ease-in-out infinite both; }
-.piloto .gs-garra .gs-garra-r { animation: gs-garra-r 2.4s ease-in-out infinite both; }
+.piloto .gs-garra:not([data-piloto-isolate] *) { overflow: visible; }
+.piloto .gs-garra-rig:not([data-piloto-isolate] *),
+.piloto .gs-garra-l:not([data-piloto-isolate] *),
+.piloto .gs-garra-r:not([data-piloto-isolate] *) { transform-box: fill-box; }
+.piloto .gs-garra-l:not([data-piloto-isolate] *) { transform-origin: 100% 0; }
+.piloto .gs-garra-r:not([data-piloto-isolate] *) { transform-origin: 0 0; }
+.piloto .gs-garra .gs-garra-rig:not([data-piloto-isolate] *) { animation: gs-garra-dip 2.4s ease-in-out infinite both; }
+.piloto .gs-garra .gs-garra-l:not([data-piloto-isolate] *) { animation: gs-garra-l 2.4s ease-in-out infinite both; }
+.piloto .gs-garra .gs-garra-r:not([data-piloto-isolate] *) { animation: gs-garra-r 2.4s ease-in-out infinite both; }
 @keyframes gs-garra-dip { 0%, 55%, 100% { transform: translateY(0); } 15%, 25% { transform: translateY(2.5px); } 40% { transform: translateY(0); } }
 @keyframes gs-garra-l { 0%, 15%, 50%, 100% { transform: rotate(0); } 25%, 40% { transform: rotate(-16deg); } }
 @keyframes gs-garra-r { 0%, 15%, 50%, 100% { transform: rotate(0); } 25%, 40% { transform: rotate(16deg); } }
 
 /* El bloque de código y la tabla de Streamdown, con el borde de la piel. */
-.piloto .ghosty-md [data-streamdown="code-block"],
-.piloto .ghosty-md [data-streamdown="table-wrapper"] { margin: calc(0.75 * var(--piloto-rem)) 0; }
+.piloto .ghosty-md [data-streamdown="code-block"]:not([data-piloto-isolate] *),
+.piloto .ghosty-md [data-streamdown="table-wrapper"]:not([data-piloto-isolate] *) { margin: calc(0.75 * var(--piloto-rem)) 0; }
 
 /* ── La pieza nueva: el pase de permiso ─────────────────────────────────── */
 /* Botones con peso: presionarlos los hunde en su sombra. */
-.piloto .piloto-btn {
+.piloto .piloto-btn:not([data-piloto-isolate] *) {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -2247,20 +2271,20 @@
   font-size: 0.94em;
   transition: transform 90ms ease-out, box-shadow 90ms ease-out, background-color 120ms;
 }
-.piloto .piloto-btn:disabled { opacity: 0.45; }
-.piloto .piloto-btn-go {
+.piloto .piloto-btn:disabled:not([data-piloto-isolate] *) { opacity: 0.45; }
+.piloto .piloto-btn-go:not([data-piloto-isolate] *) {
   background: var(--piloto-accent);
   color: var(--piloto-on-accent);
   box-shadow: 3px 3px 0 var(--piloto-shadow-color);
 }
-.piloto .piloto-btn-go:not(:disabled):hover { background: var(--piloto-accent-strong); }
-.piloto .piloto-btn-go:not(:disabled):active { transform: translate(3px, 3px); box-shadow: 0 0 0 var(--piloto-shadow-color); }
-.piloto .piloto-btn-quiet { background: var(--piloto-bg); color: var(--piloto-text); }
-.piloto .piloto-btn-quiet:not(:disabled):hover { background: var(--piloto-surface); }
-.piloto .piloto-btn[aria-busy] { animation: piloto-blink 0.8s steps(2, jump-none) infinite; }
+.piloto .piloto-btn-go:not(:disabled):hover:not([data-piloto-isolate] *) { background: var(--piloto-accent-strong); }
+.piloto .piloto-btn-go:not(:disabled):active:not([data-piloto-isolate] *) { transform: translate(3px, 3px); box-shadow: 0 0 0 var(--piloto-shadow-color); }
+.piloto .piloto-btn-quiet:not([data-piloto-isolate] *) { background: var(--piloto-bg); color: var(--piloto-text); }
+.piloto .piloto-btn-quiet:not(:disabled):hover:not([data-piloto-isolate] *) { background: var(--piloto-surface); }
+.piloto .piloto-btn[aria-busy]:not([data-piloto-isolate] *) { animation: piloto-blink 0.8s steps(2, jump-none) infinite; }
 
 /* ── El pase de permiso (la pieza héroe) ───────────────────────────────────── */
-.piloto .piloto-ticket {
+.piloto .piloto-ticket:not([data-piloto-isolate] *) {
   position: relative;
   max-width: min(100%, 560px);
   background: var(--piloto-bg);
@@ -2271,8 +2295,8 @@
   animation: piloto-ticket-in 340ms cubic-bezier(0.2, 0.9, 0.25, 1.25) both;
   overflow: hidden;
 }
-.piloto .piloto-ticket-head { display: flex; gap: 14px; padding: 16px 18px 14px; background: var(--piloto-warning); color: var(--piloto-warning-ink); }
-.piloto .piloto-ticket-icon {
+.piloto .piloto-ticket-head:not([data-piloto-isolate] *) { display: flex; gap: 14px; padding: 16px 18px 14px; background: var(--piloto-warning); color: var(--piloto-warning-ink); }
+.piloto .piloto-ticket-icon:not([data-piloto-isolate] *) {
   display: grid;
   place-items: center;
   width: 38px;
@@ -2283,9 +2307,9 @@
   background: var(--piloto-bg);
   color: var(--piloto-text);
 }
-.piloto .piloto-ticket-ask { font-size: 0.86em; opacity: 0.8; }
-.piloto .piloto-ticket-title { font-size: 1.12em; font-weight: 700; line-height: 1.3; margin-top: 2px; text-wrap: balance; }
-.piloto .piloto-ticket-tool {
+.piloto .piloto-ticket-ask:not([data-piloto-isolate] *) { font-size: 0.86em; opacity: 0.8; }
+.piloto .piloto-ticket-title:not([data-piloto-isolate] *) { font-size: 1.12em; font-weight: 700; line-height: 1.3; margin-top: 2px; text-wrap: balance; }
+.piloto .piloto-ticket-tool:not([data-piloto-isolate] *) {
   display: inline-block;
   margin-top: 6px;
   padding: 1px 7px;
@@ -2296,13 +2320,13 @@
   opacity: 0.85;
 }
 /* El corte del pase: línea punteada con dos muescas. */
-.piloto .piloto-ticket-tear {
+.piloto .piloto-ticket-tear:not([data-piloto-isolate] *) {
   position: relative;
   height: 0;
   border-top: var(--piloto-ticket-border) dashed var(--piloto-text);
 }
-.piloto .piloto-ticket-tear::before,
-.piloto .piloto-ticket-tear::after {
+.piloto .piloto-ticket-tear:not([data-piloto-isolate] *)::before,
+.piloto .piloto-ticket-tear:not([data-piloto-isolate] *)::after {
   content: "";
   position: absolute;
   top: -9px;
@@ -2312,11 +2336,11 @@
   background: var(--piloto-bg);
   border: var(--piloto-ticket-border) solid var(--piloto-text);
 }
-.piloto .piloto-ticket-tear::before { left: -10px; }
-.piloto .piloto-ticket-tear::after { right: -10px; }
-.piloto .piloto-ticket-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px 16px; flex-wrap: wrap; }
-.piloto .piloto-ticket-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; }
-.piloto .piloto-ticket-clock {
+.piloto .piloto-ticket-tear:not([data-piloto-isolate] *)::before { left: -10px; }
+.piloto .piloto-ticket-tear:not([data-piloto-isolate] *)::after { right: -10px; }
+.piloto .piloto-ticket-foot:not([data-piloto-isolate] *) { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px 16px; flex-wrap: wrap; }
+.piloto .piloto-ticket-actions:not([data-piloto-isolate] *) { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; }
+.piloto .piloto-ticket-clock:not([data-piloto-isolate] *) {
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -2327,20 +2351,20 @@
   font-variant-numeric: tabular-nums;
   color: var(--piloto-text-2);
 }
-.piloto .piloto-ticket[data-urgent] .piloto-ticket-clock { color: var(--piloto-danger); }
+.piloto .piloto-ticket[data-urgent] .piloto-ticket-clock:not([data-piloto-isolate] *) { color: var(--piloto-danger); }
 /* La mecha: lo que queda, una barra sólida que se consume. */
-.piloto .piloto-fuse { height: 8px; background: var(--piloto-surface-2); border-top: var(--piloto-ticket-border) solid var(--piloto-text); }
-.piloto .piloto-fuse > span {
+.piloto .piloto-fuse:not([data-piloto-isolate] *) { height: 8px; background: var(--piloto-surface-2); border-top: var(--piloto-ticket-border) solid var(--piloto-text); }
+.piloto .piloto-fuse > span:not([data-piloto-isolate] *) {
   display: block;
   height: 100%;
   background: var(--piloto-accent);
   transform-origin: left center;
   transition: transform 1s linear;
 }
-.piloto .piloto-ticket[data-urgent] .piloto-fuse > span { background: var(--piloto-danger); }
-.piloto .piloto-ticket-problem { padding: 0 18px 14px; font-size: 0.86em; color: var(--piloto-danger); }
+.piloto .piloto-ticket[data-urgent] .piloto-fuse > span:not([data-piloto-isolate] *) { background: var(--piloto-danger); }
+.piloto .piloto-ticket-problem:not([data-piloto-isolate] *) { padding: 0 18px 14px; font-size: 0.86em; color: var(--piloto-danger); }
 /* El sello: cae torcido, como hule sobre papel. */
-.piloto .piloto-stamp {
+.piloto .piloto-stamp:not([data-piloto-isolate] *) {
   position: absolute;
   right: 22px;
   top: 50%;
@@ -2358,15 +2382,15 @@
   animation: piloto-stamp 380ms cubic-bezier(0.3, 1.4, 0.5, 1) both;
   transform: translateY(-50%) rotate(-9deg);
 }
-.piloto .piloto-stamp[data-kind="approved"] { color: var(--piloto-success); }
-.piloto .piloto-stamp[data-kind="rejected"] { color: var(--piloto-danger); }
-.piloto .piloto-stamp[data-kind="expired"] { color: var(--piloto-text-3); }
-.piloto .piloto-ticket:not([data-state="open"]) .piloto-ticket-head,
-.piloto .piloto-ticket:not([data-state="open"]) .piloto-ticket-foot { opacity: 0.55; transition: opacity 200ms; }
+.piloto .piloto-stamp[data-kind="approved"]:not([data-piloto-isolate] *) { color: var(--piloto-success); }
+.piloto .piloto-stamp[data-kind="rejected"]:not([data-piloto-isolate] *) { color: var(--piloto-danger); }
+.piloto .piloto-stamp[data-kind="expired"]:not([data-piloto-isolate] *) { color: var(--piloto-text-3); }
+.piloto .piloto-ticket:not([data-state="open"]) .piloto-ticket-head:not([data-piloto-isolate] *),
+.piloto .piloto-ticket:not([data-state="open"]) .piloto-ticket-foot:not([data-piloto-isolate] *) { opacity: 0.55; transition: opacity 200ms; }
 
 /* Lo que ya decidiste, bajo la respuesta. */
-.piloto .piloto-decisions { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
-.piloto .piloto-decision {
+.piloto .piloto-decisions:not([data-piloto-isolate] *) { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
+.piloto .piloto-decision:not([data-piloto-isolate] *) {
   display: flex;
   align-items: flex-start;
   gap: 8px;
@@ -2374,12 +2398,12 @@
   color: var(--piloto-text-2);
   animation: piloto-fade-up 240ms ease-out both;
 }
-.piloto .piloto-decision svg { margin-top: 3px; }
-.piloto .piloto-decision[data-status="approved"] svg { color: var(--piloto-success); }
-.piloto .piloto-decision[data-status="rejected"] svg { color: var(--piloto-danger); }
-.piloto .piloto-decision[data-status="expired"] svg { color: var(--piloto-text-3); }
-.piloto .piloto-decision strong { color: var(--piloto-text); font-weight: 650; }
-.piloto .piloto-decision-detail { color: var(--piloto-text-3); }
+.piloto .piloto-decision svg:not([data-piloto-isolate] *) { margin-top: 3px; }
+.piloto .piloto-decision[data-status="approved"] svg:not([data-piloto-isolate] *) { color: var(--piloto-success); }
+.piloto .piloto-decision[data-status="rejected"] svg:not([data-piloto-isolate] *) { color: var(--piloto-danger); }
+.piloto .piloto-decision[data-status="expired"] svg:not([data-piloto-isolate] *) { color: var(--piloto-text-3); }
+.piloto .piloto-decision strong:not([data-piloto-isolate] *) { color: var(--piloto-text); font-weight: 650; }
+.piloto .piloto-decision-detail:not([data-piloto-isolate] *) { color: var(--piloto-text-3); }
 
 
 @keyframes piloto-ticket-in {
@@ -2395,9 +2419,9 @@
 @keyframes piloto-blink { 50% { opacity: 0.35; } }
 
 @media (prefers-reduced-motion: reduce) {
-  .piloto *,
-  .piloto *::before,
-  .piloto *::after {
+  .piloto *:not([data-piloto-isolate] *),
+  .piloto *:not([data-piloto-isolate] *)::before,
+  .piloto *:not([data-piloto-isolate] *)::after {
     animation-duration: 0.01ms !important;
     animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;
@@ -2406,7 +2430,7 @@
 
 /* Teléfono: el pase ocupa el ancho y sus botones también. */
 @media (max-width: 520px) {
-  .piloto .piloto-ticket-actions { width: 100%; }
-  .piloto .piloto-ticket-actions .piloto-btn { flex: 1; }
-  .piloto .piloto-stamp { font-size: 24px; right: 14px; }
+  .piloto .piloto-ticket-actions:not([data-piloto-isolate] *) { width: 100%; }
+  .piloto .piloto-ticket-actions .piloto-btn:not([data-piloto-isolate] *) { flex: 1; }
+  .piloto .piloto-stamp:not([data-piloto-isolate] *) { font-size: 24px; right: 14px; }
 }