.uxtie-device-frame[data-v-981b176d]{position:relative;border-radius:var(--uxtie-radius-lg);background:var(--section-surface,var(--uxtie-surface));border:1px solid var(--uxtie-border);overflow:hidden}.uxtie-device-frame--none[data-v-981b176d]{border:none;background:none;border-radius:0;overflow:visible}.uxtie-device-frame[data-elevation=elevated][data-v-981b176d]{box-shadow:var(--uxtie-shadow-lg,0 24px 48px -16px rgba(0,0,0,.25))}.uxtie-device-frame[data-elevation=glow][data-v-981b176d]{box-shadow:0 0 0 1px color-mix(in oklch,var(--uxtie-primary) 35%,transparent),0 8px 40px -4px color-mix(in oklch,var(--uxtie-primary) 30%,transparent),0 24px 64px -24px #00000059}.uxtie-device-frame__bar[data-v-981b176d]{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-bottom:1px solid var(--uxtie-border);background:color-mix(in srgb,var(--section-surface,var(--uxtie-surface)) 85%,var(--uxtie-text) 4%)}.uxtie-device-frame__dots[data-v-981b176d]{display:inline-flex;gap:.375rem;flex-shrink:0}.uxtie-device-frame__dots i[data-v-981b176d]{width:.625rem;height:.625rem;border-radius:50%;background:var(--uxtie-border)}.uxtie-device-frame__url[data-v-981b176d]{flex:1;max-width:24rem;margin-inline:auto;padding:.1875rem .75rem;border-radius:calc(var(--uxtie-radius-sm, .375rem)*1.5);background:color-mix(in srgb,var(--uxtie-text) 5%,transparent);font-family:var(--uxtie-body-font);font-size:.75rem;color:var(--uxtie-text-muted,var(--uxtie-text));opacity:.7;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uxtie-device-frame[data-variant=device][data-v-981b176d]{border-width:.625rem;border-color:color-mix(in srgb,var(--uxtie-text) 85%,var(--uxtie-bg));border-radius:calc(var(--uxtie-radius-lg)*1.5)}.uxtie-device-frame[data-density=compact] .uxtie-device-frame__bar[data-v-981b176d]{padding:.375rem .625rem;gap:.5rem}.uxtie-device-frame[data-density=compact] .uxtie-device-frame__dots i[data-v-981b176d]{width:.4375rem;height:.4375rem}.uxtie-device-frame[data-density=compact] .uxtie-device-frame__url[data-v-981b176d]{font-size:.6875rem;padding-block:.0625rem}.uxtie-device-frame[data-density=compact][data-variant=device][data-v-981b176d]{border-width:.375rem}.uxtie-device-frame__body[data-v-981b176d]{position:relative}