:root{--stp-color-brand: rgb(54, 190, 190);--stp-surface-page: rgb(22, 28, 28);--stp-surface-element: rgb(34, 40, 40);--stp-surface-modal: rgb(30, 35, 35);--stp-surface-input: rgb(20, 26, 26);--stp-text-primary: rgba(255, 255, 255, .87);--stp-text-secondary: rgba(10, 187, 181, 1);--stp-text-headline: #cecece;--stp-text-muted: rgb(160, 160, 160);--stp-text-subtle: rgb(140, 140, 140);--stp-text-faint: #848484;--stp-border-strong: rgb(8, 13, 13);--stp-border-subtle: rgb(47, 52, 52);--stp-interactive-primary: rgb(17, 105, 105);--stp-interactive-primary-light: rgb(34, 166, 166);--stp-interactive-accent: rgb(34, 87, 122);--stp-field-focus-border: rgba(110, 116, 116, .56);--stp-field-focus-ring: rgba(110, 116, 116, .12);--stp-status-error: #eb6161;--stp-status-success: rgb(24, 153, 144);--stp-aws-category-compute: rgb(237, 113, 0);--stp-aws-category-database: #4D73F4;--stp-aws-category-integration: #F64683;--stp-aws-category-security: #F34446;--stp-aws-category-storage: #5CA034;--stp-aws-category-network: #8E58EB;--stp-radius-small: 4px;--stp-radius-medium: 6px;--stp-radius-large: 8px;--stp-focus-outline-width: 2px;--stp-focus-outline-offset: 2px;--stp-motion-duration-fast: .15s;--stp-motion-duration-base: .25s;--stp-motion-easing: ease}@layer stacktape-ui{.stp-diagram{position:relative;overflow:hidden;background:var(--stp-surface-page);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;outline:none}.stp-diagram:focus-visible{box-shadow:inset 0 0 0 var(--stp-focus-outline-width) color-mix(in srgb,var(--stp-color-brand) 40%,transparent)}.stp-diagram__canvas{width:100%;height:100%;transform-origin:center center}.stp-diagram__fade{transition:opacity var(--stp-motion-duration-fast) var(--stp-motion-easing)}.stp-diagram__zone{transition:stroke-width var(--stp-motion-duration-fast) var(--stp-motion-easing),filter var(--stp-motion-duration-fast) var(--stp-motion-easing)}.stp-diagram__zone-tag{text-transform:uppercase}.stp-diagram__chip{pointer-events:none}.stp-diagram__tooltip{position:absolute;z-index:10;max-width:360px;padding:14px 18px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:var(--stp-surface-input);box-shadow:inset 0 1px 3px #00000059,0 12px 28px #00000073,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;font-family:Montserrat,Inter,sans-serif;font-style:normal;font-weight:500;font-size:.825rem;line-height:1.4;color:var(--stp-text-primary)}.stp-diagram__tooltip p{margin:0}.stp-diagram__tooltip-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.stp-diagram__tooltip-title{font-size:15px;font-weight:600;line-height:1.4;color:var(--stp-text-primary)}.stp-diagram__tooltip-subtitle{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--stp-color-brand)}.stp-diagram__tooltip-summary{margin-top:7px;font-size:13.5px;line-height:1.55;color:var(--stp-text-primary)}.stp-diagram__tooltip-details{margin-top:7px;font-size:13px;line-height:1.6;color:var(--stp-text-subtle)}.stp-diagram__tooltip-note{margin-top:9px;padding-left:10px;border-left:2px solid var(--stp-color-brand);font-size:13px;line-height:1.55;color:var(--stp-text-subtle)}.stp-diagram__hint{position:absolute;left:12px;bottom:12px;margin:0;font-size:11px;color:#ffffff59;pointer-events:none;-webkit-user-select:none;user-select:none}.stp-diagram__controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:4px}.stp-diagram__control{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.12);border-radius:var(--stp-radius-small);background:#090b11b8;color:var(--stp-text-subtle);font-size:14px;line-height:1;cursor:default}.stp-diagram__control:hover{background:#090b11eb;color:#fff}.stp-diagram__control:focus-visible{outline:var(--stp-focus-outline-width) solid var(--stp-color-brand);outline-offset:var(--stp-focus-outline-offset)}.stp-diagram-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--stp-text-subtle)}.stp-diagram-empty p{margin:0;font-size:13px}@media(prefers-reduced-motion:reduce){.stp-diagram__fade,.stp-diagram__zone{transition:none}.stp-diagram__motion{display:none}}}
